body.login-register{
  background: url(../img/background-login-page.svg) no-repeat !important;
}
.box-login-and-register{
    width: 40%;
    /* display: flex; */
    justify-content: center;
    /* margin-top: 220px; */
    padding: 3em 0;
}
.box-login-and-register form{
    /* width: 537px; */
    display: flex;
    flex-direction: column;
    padding: 20px;
    background-color: #fff;
    box-shadow: 5px 5px 10px rgb(0 0 0 / 17%);
    border-radius: 0.5em;
}
.box-login-and-register.login-form-page form{
  padding: unset;
  box-shadow: unset;
}
.box-login-and-register .shz-loginform-box{
  display: flex;
  flex-direction: column;
  padding: 20px;
  background-color: #fff;
  box-shadow: 5px 5px 10px rgb(0 0 0 / 17%);
  border-radius: 0.5em;
}
.box-login-and-register form label{
    color: #4577BB;
    font-size: 18px;
    font-weight: 700;
    padding: 0 10px 10px 0;
    margin-bottom: unset;
}
.box-login-and-register form input, .box-login-and-register form select, .box-login-and-register form button,
.shz-loginform-box .dig_lrf_box .minput_inner .digits-input-wrapper input{
  border: 1px solid #cccc;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 20px;
  box-sizing: border-box;
}
.shz-loginform-box .dig_lrf_box .minput_inner label{
  text-align: right;
}
.shz-loginform-box .dig_lrf_box .minput_inner label::after{
  content: '*';
}
.box-login-and-register form .submit-box, .box-login-and-register .return-box, .return-home-page, #wp-submit, #shz-submit, .shz-form-lostpassword-box .woocommerce-form-row .woocommerce-Button, .dig_pgmdl_2 .button[type=submit], .dig_pgmdl_2 .transupbutton[type=submit], .digits_login #dig_login_va_otp {
    font-family: unset !important;
}
.dig_lasele{
  left: unset;
  right: 90px;
}
.dig_lrf_box .countrycodecontainer{
  top: 28px;
}
.dig_pgmdl_2 .minput .countrycodecontainer input{
  border-color: #ccc;
}
.dig_login_rembe .dig_input_wrapper:before{
  left: unset;
  right: -20px;
}
.backtoLoginContainer{
  margin-top: 1em;
}
.shz-loginform-box .dig-elem .forgotpasswordaContainer{
  margin-top: 2em;
}
.minput .minput_inner{
  margin: unset;
}
.box-login-and-register form input#input-password, .box-login-and-register form input#input-email{
    margin-bottom: 15px;
}
.box-login-and-register .forget-password, .main-register .registered-before{
    display: flex;
    justify-content: space-between;
}
.box-login-and-register .forget-password{
  margin-top: 20px;
}
.box-login-and-register .forget-password a, .main-register .registered-before a{
  font-size: 15px;
  font-weight: 300;
  color: #241753;
  text-decoration: underline;
}
.box-login-and-register .box-description{
    padding: 15px 20px 25px;
    /* margin-top: 20px; */
    margin: unset;
    padding-bottom: unset;
}
.box-login-and-register .box-description li{
    position: relative;
    font-size: 12px;
    line-height: 26px;
}
.box-login-and-register .box-description li a{
  color: #241653;
}
.box-login-and-register .box-description li:before, .Successful-registration ul li::before{
    content: "";
    position: absolute;
    top: 9px;
    right: -20px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #FDB133;
}
.box-login-and-register form .submit-box, .box-login-and-register .return-box, .return-home-page,
#wp-submit, #shz-submit, .shz-form-lostpassword-box .woocommerce-form-row .woocommerce-Button,
.dig_pgmdl_2 .button[type=submit], .dig_pgmdl_2 .transupbutton[type=submit],
.digits_login #dig_login_va_otp{
    background-color: #241653;
    color: #fff;
    font-size: 18px;
    margin: 18px 0 0 0;
    cursor: pointer;
    width: 100%;
    font-family: iranyekan;
}
#shz-submit{
  display: none;
  width: 45%;
}
#loginform p{
  margin-bottom: unset;
}
#loginform .login-username input,
#loginform .login-password input{
  width: 100%;
}
.image-and-Description{
    display: flex;
    flex-direction: column-reverse;
    width: 45%;
    /* background: url(../img/monitor.svg) no-repeat; */
    /* background-position: 140.54px 20.89px; */
}
.image-and-Description .shz-image{
  width: 60%;
}
.image-and-Description h1{
    /* width: 62%; */
    font-size: 33px;
    /* padding-right: 50px; */
    color: #4577BB;
    margin-bottom: unset;
}
.image-and-Description p{
    position: relative;
    /* width: 62%; */
    /* padding-right: 65px; */
    font-size: 14px;
    line-height: 27px;
    margin: 15px 0 0 0;
    text-align: justify;
}
.image-and-Description p:before{
    content: "";
    position: absolute;
    top: 5px;
    right: -25px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #FDB133;
}
body footer{
    display: flex;
    justify-content: space-between;
    background-color: #ECEFF1;
    padding: 30px 0 16px;
    /* margin-top: 100px; */
    max-height: 125px;
    box-sizing: border-box;
}
.footer-menu-and-copy-right ul, .social-media-and-enamad, .social-media-and-enamad ul{
    display: flex;
}
.footer-menu-and-copy-right ul li{
    padding: 0 30px;
    border-left: 1px solid #707070;
}
.footer-menu-and-copy-right ul li:last-child{
    border: unset;
}
.footer-menu-and-copy-right ul li a{
    color: #000;
    font-size: 15px;
    font-weight: 27px;
}
.footer-menu-and-copy-right p{
    font-size: 15px;
    line-height: 24px;
    padding-right: 30px;
    color: #707070;
    margin: 20px 0 0 0;
}
.social-media-and-enamad ul li{
    margin: 0 5px;
}
.box-social-media{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    padding-left: 30px;
}
.box-social-media span{
    font-size: 12px;
    color: #707070;
}

/* استایل ها صفحه ثبت نام */
.main-register .box-login-and-register form .box-description{
    padding: 0px 20px 25px;
    margin-top: unset;
}
ul.Registration-steps{
    position: relative;
    /* width: 73%; */
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 16px;
}
ul.Registration-steps li{
    width: 18%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 30px 10px;
}
ul.Registration-steps li .num-steps{
    position: relative;
    border: 4px solid #cccc;
    border-radius: 50%;
    color: #cccc;
    font-size: 33px;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffff;
}
.shz-user-loggedin ul.Registration-steps li .num-steps{
  border: 4px solid #21CB6E;
  color: #21CB6E;
}
ul.Registration-steps li.active .num-steps{
    border: 4px solid #241653;
    color: #241653;
}
/* ul.Registration-steps li.active .num-steps::after{
    background-color: #241653;
} */
ul.Registration-steps li.finish .num-steps{
    border: 4px solid #21CB6E;
    color: #21CB6E;
}
/* ul.Registration-steps li.finish::after{
    background-color: #21CB6E;
}
ul.Registration-steps li .num-steps::after{
    content: "";
    position: absolute;
    top: 29%;
    left: -79px;
    width: 86%;
    height: 3px;
    background-color: #ccc;
}
ul.Registration-steps li:last-child .num-steps:after{
    content: unset;
} */

ul.Registration-steps::after{
    content: "";
    position: absolute;
    top: 27%;
    left: 62px;
    width: 77%;
    height: 3px;
    background-color: #ccc;
    z-index: -1;
}
.main-register .registered-before{
    justify-content: center;
    padding-top: 20px;
}
ul.Registration-steps li .des-steps{
    font-size: 12px;
    font-weight: bold;
    margin-top: 20px;
    color: #cccc;
}
.tab{
    display: none;
    flex-direction: column;
}
.btn-register{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}
.box-login-and-register .return-box{
    width: 45%;
}
.Freelancer-Employer li{
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #cccc;
    margin-bottom: 15px;
    padding: 0 20px 15px 0;
    position: relative;
}
.Freelancer-Employer li:last-child{
    border: unset;
}
.Freelancer-Employer li #freelancer, .Freelancer-Employer li #employers, .main-Freelancer-Employer #checkbox-roles{
    width: 23px;
    height: 23px;
    border: 1px solid #E2DEF0;
    position: absolute;
    right: -4px;
    top: 3px;
}
.des-Freelancer-Employer{
    font-size: 18px;
    line-height: 24px;
}
.Freelancer-Employer li .User-role{
    font-size: 18px;
}
.Freelancer-Employer li .User-des{
    font-size: 12px;
    margin-top: 5px;
}
.main-Freelancer-Employer{
    height: 500px;
    flex-direction: column;
    justify-content: space-between;
}
.main-Freelancer-Employer .roles{
    position: relative;
    padding-right: 35px;
    margin-bottom: 20px;
}
.main-Freelancer-Employer .roles::before{
    top: -6px;
}
.Successful-registration{
    align-items: center;
    height: 500px;
}
.Successful-registration img{
    width: 35%;
}
.Successful-registration p{
  font-size: 16px;
  line-height: 24px;
  width: 90%;
  margin-top: 3em;
}
.Successful-registration ul{
    width: 75%;
    margin-top: 1em;
}
.Successful-registration ul li{
    position: relative;
    font-size: 18px;
    line-height: 24px;
}
.Successful-registration ul li a{
  color: #241753;
  text-decoration: underline;
  font-size: 15px;
}
.return-home-page{
    border-radius: 5px;
    padding: 15px;
    text-align: center;
}
.box-login-and-register form input.invalid{
    background-color: #ffdddd;
}
/* shz */
#invalid_email{
  display: none;
}
.shz-form-lostpassword-box{
  display: flex;
  flex-direction: column;
  padding: 20px;
  background-color: #fff;
  box-shadow: 5px 5px 10px rgb(0 0 0 / 17%);
  border-radius: 0.5em;
}
.shz-form-lostpassword-box .woocommerce-form-row{
  display: flex;
  flex-direction: column;
  margin-bottom: unset;
}
.shz-description-box{
  margin-top: 3em;
}
.shz-description-box .title{
  color: #4577BB;
  font-size: 18px;
  font-weight: 700;
  padding-right: 10px;
  margin-bottom: unset;
}
.dig_popmessage_contents .dig_lasele .dig_lase_snap{
  display: none;
}
/* /////////////////////////responsive///////////////////////// */
@media only screen and (max-width: 1700px) and (min-width: 1400px){
    body .main{
        background-position: 209.54px 274.89px;
    }
    body .main .image-and-Description{
        background-size: 551px;
        background-position: 259.54px 197.89px;
    }
}
@media only screen and (max-width: 1700px) and (min-width: 768px){
    body{
        /* background-position: -130.74px -859.16px; */
        background-position: -197.74px -1100.16px !important;
    }
    .main{
        background-position: 50.54px 141.89px;
        padding: 0 100px;
    }
    .image-and-Description{
        background-size: 440px;
        background-position: -18.46px 169.89px;
    }
    .box-login-and-register form .forget-password a{
        line-height: 35px;
        font-size: 14px;
    }
    .social-media-and-enamad{
        flex-direction: column;
    }
}
@media only screen and (max-width: 1200px) and (min-width: 768px){
    .box-social-media{
        margin-top: 10px;
    }
    ul.Registration-steps{
        width: auto;
    }
    ul.Registration-steps li{
        width: 14%;
        margin: 0 15px 0px;
    }
    ul.Registration-steps li .num-steps{
        font-size: 20px;
        width: 40px;
        height: 40px;
    }
    ul.Registration-steps li .des-steps{
        font-size: 12px;
        margin-top: 8px;
        text-align: center;
    }
    ul.Registration-steps::after{
        top: 28%;
        left: 62px;
        width: 69%;
    }
}
@media only screen and (max-width: 768px) and (min-width: 540px){
    .main .image-and-Description{
        background-size: 75%;
        background-position: 69.54px 8.89px;
    }
}
@media only screen and (max-width: 768px) and (min-width: 550px){
    .image-and-Description ul.Registration-steps li{
        width: 16%;
    }
    .image-and-Description ul.Registration-steps::after{
        top: 33%;
        width: 66%;
        left: 109px;
    }
}
@media only screen and (max-width: 768px){
    body{
        background-position: -231.74px -1065.16px;
    }
    .main{
        flex-direction: column-reverse;
        background-position: -120.46px 51.89px;
        padding: 0px 30px;
    }
    .box-login-and-register{
        width: 100%;
        margin: 0;
    }
    .image-and-Description{
        width: 100%;
        /* height: 510px; */
        background-size: 100%;
        background-position: 15.54px 43.89px;
        margin-top: 45px;
    }
    .image-and-Description h1{
        font-size: 18px;
        width: auto;
        padding: 0px;
    }
    .image-and-Description p{
        font-size: 16px;
        width: auto;
        padding: 0px;
        text-align: justify;
    }
    .image-and-Description p:before{
        top: 10px;
        right: -14px;
        width: 8px;
        height: 8px;
    }
    .box-login-and-register .shz-loginform-box{
        width: auto;
        margin-top: 30px;
        padding: 20px;
    }
    .box-login-and-register form label, .box-login-and-register form .forget-password a, .box-login-and-register form .box-description li{
        font-size: 12px;
        line-height: 24px;
    }
    .box-login-and-register form input{
        padding: 10px;
        margin-bottom: 20px;
    }
    .box-login-and-register form .forget-password{
        flex-direction: column;
    }
    .box-login-and-register form .box-description{
        padding: 15px 20px 5px;
        margin-top: 0px;
    }
    footer, .footer-menu-and-copy-right ul, .social-media-and-enamad{
        flex-direction: column;
    }
    .footer-menu-and-copy-right ul li{
        border: unset;
    }
    .footer-menu-and-copy-right ul li a{
        font-size: 14px;
        line-height: 30px;
    }
    .footer-menu-and-copy-right p{
        padding: 0 30px;
        font-size: 12px;
        margin-bottom: 20px;
    }
    .social-media-and-enamad ul{
        justify-content: center;
        margin-bottom: 20px;
    }
    ul.Registration-steps{
        width: auto;
        padding: 0;
    }
    ul.Registration-steps li{
        width: 14%;
        margin: 0 15px 0px;
    }
    ul.Registration-steps li .num-steps{
        font-size: 20px;
        width: 40px;
        height: 40px;
    }
    ul.Registration-steps li .des-steps{
        font-size: 12px;
        margin-top: 8px;
        text-align: center;
    }
    /* ul.Registration-steps li::after{
        top: 27%;
        left: -33px;
        width: 69%;
    } */
    ul.Registration-steps::after{
        top: 26%;
        width: 73%;
    }
    .shz-container{
      width: 100%;
      flex-direction: column;
    }
    body footer{
      max-height: unset;
      margin-top: 30px;
    }
    .image-and-Description .shz-image{
      display: none;
    }
}