 
  /*
  * Version :  1.0.0
  */
 
body #bg-dark-filter1, body #bg-dark-filter4 {
  -webkit-filter: blur(100px);
  filter: blur(100px);
  position: absolute;
}
body #bg-dark-filter4 {
  background: #4e55c9;
  width: 123px;
  height: 106px;
  margin: 190px auto;
  right: 35%;
  top: -10%;
}
body #otp_form #login-button {
  margin-top: 80px !important;
  display: block !important;
}
@media only screen and (min-width: 431px) {
  body.rtl #login_error {
    width: 410px !important;
    padding-left: 50px;
    padding-right: 50px;
    margin-left: auto !important;
    margin-right: auto !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
body #otp_form #smartlogin-opt-field {
  margin-bottom: 26px;
}
body #otp_form #kamangir-smart-login-otp {
  margin-top: 15px !important;
}
body #loginform .button.wp-hide-pw {
  top: 0;
}
body #loginform .forgetmenot input {
  width: auto !important;
}
body #registerform .back {
  float: left;
  margin-top: -166px;
}
body #login-form #login-button, body #register-form #login-button {
  display: block !important;
  margin-top: 50px !important;
}
body .locale-en-us #login-button a, body .login-button {
  margin-top: 5px !important;
}
body .show_otp {
  margin-bottom: 11px;
}
body .locale-en-us .login form {
  margin-right: 0 !important;
  width: 410px;
}
body .locale-en-us #login_error {
  width: 366px;
  margin-right: 2px !important;
}
body.rtl .login form {
  width: 410px;
}
body .locale-en-us #login {
  width: 410px !important;
}
body #bg-dark-filter1 {
  background: #f19565;
  width: 172px;
  height: 98px;
  right: 55%;
  top: 50%;
}
body #show_otp {
  cursor: pointer;
  color: #000;
  margin-bottom: 22px;
}
@media only screen and (min-width: 501px) {
  body .login form input[type=text] {
    min-height: 44px !important;
  }
  body #show_otp {
    cursor: pointer;
    color: #000;
    margin-bottom: 22px;
  }
  body #pw-weak {
    width: auto !important;
    margin-right: 8% !important;
  }
}
@media only screen and (max-width: 500px) {
  body #login {
    width: auto !important;
  }
  body.rtl .login form {
    margin-left: -21px !important;
    margin-right: -21px !important;
    width: auto !important;
  }
  body .error-message {
    margin-right: 5px !important;
  }
  body #loginform .forgetmenot {
    margin-right: 3px !important;
    margin-left: 3px !important;
  }
  body #reg_passmail, body .password_error {
    margin-right: 1% !important;
  }
  body .login form input[type=text] {
    margin-right: 0 !important;
    width: 100% !important;
    min-height: 44px !important;
  }
  body .forget_password {
    margin-right: 4px !important;
  }
  body .locale-en-us .forget_password {
    margin-left: 4px !important;
  }
  body .locale-en-us #login-button a {
    margin-left: 0 !important;
  }
  body .locale-en-us #reg_passmail, body .locale-en-us .error-message, body .locale-en-us .password_error {
    margin-left: 4px;
  }
}
body #kamangir-smart-login-otp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 10px !important;
}
body form {
  -webkit-backdrop-filter: blur(21px);
  backdrop-filter: blur(21px);
}
body .forget_password a, body .indicator-hint, body .pw-weak label {
  color: #fff;
}
body .input, body .smartlogin-datepicker, body input[type=email], body input[type=number], body input[type=password], body input[type=text] {
  display: block;
  color: #fff !important;
}
body #show_otp {
  color: #fff !important;
}
body #register-button {
  margin-top: 43px;
}
body #smart-copy-right {
  text-align: center;
  width: 100%;
  color: #fff;
}
@media only screen and (max-width: 500px) {
  body #registerform .back {
    float: left;
    margin-top: -171px !important;
  }
  body.rtl #login_error {
    width: auto !important;
  }
  body #login-button {
    width: 100% !important;
  }
}
body .login form .input, body .login input[type=text], body input {
  background: rgba(0, 0, 0, 0.3) !important;
}
body .locale-en-us #login {
  width: 402px !important;
}
body .wp-pwd span {
  color: #fff;
}
body #reg_passmail {
  color: #fff;
}
body .register-button {
  margin-top: -36px !important;
}
body #show_otp {
  color: #fff;
}
body .dashicons-arrow-right-alt {
  color: #fff;
}
body #kamangir-smart-login-otp {
  margin-bottom: 17px !important;
  color: #fff;
}
body .bg-image {
  width: 100%;
  height: 100%;
  background: var(--image-background);
    background-position: var(--image-background-position);
  background-size: var(--image-background-size);
  background-repeat: var(--image-background-repeat);
  background-color: var(--background-color);
}
body #login form {
  background: var(--login-form-gradiant2);
}
body .language-switcher {
  margin: 0 auto;
  padding: 0 0 24px;
  text-align: center;
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 12%;
}
body #language-switcher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 93%;
  -webkit-box-shadow: 0 0 0 red !important;
  box-shadow: 0 0 0 red !important;
  border: 0 !important;
}
body .login #backtoblog a, body .login #nav a {
  color: #fff !important;
}
body #language-switcher input {
  color: #fff;
}
body #reg_passmail {
  display: block !important;
  width: 100% !important;
  margin-right: 0 !important;
}
@media only screen and (max-width: 500px) {
  body.rtl #login {
margin-right: 4px;
    margin-left: 4px;
  }
    .locale-en-us #login {
margin-right: 4px;
    margin-left: 4px;
  }
}
body #wp-submit, body .submit input {
  display: block;
}
@media only screen and (max-width: 500px) {
  body .login-description {
    margin: 10px 0 0 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  body .login form {
    padding: 26px 24px 24px !important;
  }
}
body .woocommerce-privacy-policy-text {
  margin-top: 26px;
  margin-bottom: 16px;
  color: #fff;
}
body .radio {
  color: #fff;
}
body .form-row-wide small {
  color: #fff;
}
    .tingle-modal-box {
                    width: 103%;
                    background: var(--image-background) !important;
                    background-size: var(--image-background-size) !important;
                    background-repeat: var(--image-background-repeat) !important;
                    background-color: var(--background-color) !important;
                }
