/*
  * Version :  1.0.0
  */
 
body #smart-copy-right {
  text-align: center;
  width: 100%;
  color: #fff;
}
body #loginform .forgetmenot input, body #pw-weak {
  width: auto !important;
}
body .input, body .smartlogin-datepicker, body input[type=email], body input[type=number], body input[type=password], body input[type=text] {
  display: block;
  color: #343434 !important;
}
body #show_otp, body .forget_password a {
  color: #000;
}
body #pw-weak {
  margin-right: 9% !important;
}
 
#registerform .login-button{
	margin-top: 66px !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 #form_0 #login-button, body #lostpasswordform #login-button {
  margin-top: 70px !important;
}
body #otp_form #login-button {
  margin-top: 80px !important;
}
body #otp_form #smartlogin-opt-field {
  margin-bottom: 26px;
}
body #otp_form #kamangir-smart-login-otp {
  margin-top: 15px !important;
}
body #login-button {
  display: block !important;
  margin-top: 63px;
}
body .kamangir-smart-login-otp__resend {
  width: 100%;
}
body #login_error {
  position: unset !important;
  top: 4%;
}
  body.rtl.icon-back {
  text-align: left;
}
body .locale-en-us #login {
  width: auto !important;
}
body #bg-image {
  height: 532px;
}

body #show_otp {
  cursor: pointer;
  margin-bottom: 22px;
}
body .show_otp {
  margin-bottom: 11px;
}
@media only screen and (min-width: 396px) {

 body #login form {
  width: 410px;
}
}	
@media only screen and (max-width: 395px) {
  body .bg-image {
    width: 103% !important;
  }
  body #login form {
  width: 361px;
}
  body #login {
    width: 100% !important;
  }
}
@media only screen and (min-width: 501px) {
  body #show_otp {
    cursor: pointer;
    color: #000;
    margin-bottom: 22px;
  }
}
body #reg_passmail {
  width: auto !important;
  display: block !important;
  margin-right: 4px !important;
}
@media only screen and (max-width: 501px) {
  body .forget_password, body .locale-en-us .forget_password {
    margin-left: 6px !important;
  }
  body #loginform .forgetmenot {
    margin-right: 3px !important;
  }
  body .forget_password {
    margin-right: 5px !important;
  }
  body #login h1 a {
    right: 0 !important;
  }
    body.rtl.forget_password {
    margin-right: 1px !important;
  }
  body .locale-en-us #show_otp {
    margin-left: 5px !important;
  }
  body .locale-en-us #otp {
    width: 100% !important;
  }
}
@media only screen and (max-width: 490px) {
  body #bg-image {
    width: 61%;
  }
}
@media only screen and (min-width: 490px) and (max-width: 600px) {
  body #bg-image {
    width: 81%;
  }
}
@media only screen and (min-width: 600px) and (max-width: 746px) {
  body #bg-image {
    width: 78%;
  }
}
@media only screen and (min-width: 747px) and (max-width: 1024px) {
  body #bg-image {
    width: 578px;
  }
}
@media only screen and (min-width: 1021px) and (max-width: 1400px) {
  body #bg-image {
    width: 495px;
  }
  body #login {
    width: 358px !important;
  }
}
@media only screen and (min-width: 1401px) {
    .locale-en-us #login_error,   body.rtl #login_error {
    width: 99%;
    margin-right: 0;
  }
  body #bg-image {
    width: 558px;
  }
  body #login {
    width: 384px !important;
  }
}
  .login #bg-image {
  opacity: 0.9;
  border-radius: 0px 0px 500px 500px;
  margin: 0 auto;
  font-family: var(--return-font-family);
  font-weight: var(--return-font-weight);
  font-size: var(--return-font-size);
  letter-spacing: var(--return-letter-spacing);
  line-height: var(--return-line-height);
  color: var(--return-color);
  background-color: #34489e;
}
  .bg-image {
  height: 101%;
  background: var(--image-background);
  background-size: var(--image-background-size);
    background-position: var(--image-background-position);
  background-repeat: var(--image-background-repeat);
  background-color: var(--background-color);
}
body #login form {
  background: var(--login-form-gradiant1);
}
body #confirmbtn {
  margin-left: 10%;
  margin-right: 6%;
  width: 81%;
}
body .language-switcher input {
  margin-top: 0;
  height: auto !important;
}
 
@media only screen and (max-width: 500px) {
    .login-description {
    margin: 10px 0 0 0 !important;
  }
}
@media only screen and (max-width: 768px) {
    .login form {
    padding: 26px 24px 24px !important;
  }
}
body .woocommerce-privacy-policy-text {
  margin-top: 26px;
  margin-bottom: 16px;
}
  .bg-image {
  right: -5px !important;
  left: -5px !important;
}
    .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;
                }