.sc-bZQynM
{   display: flex;
  background-color: ;
  padding: 8px 30px 8px 8px;
  resize: none;
  border-radius: 3px;
  background-color: #fff;
  font-size: 11px;
  font-family: inherit;
line-height: normal;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: right;
  direction: ltr;
  color: #000;
  transition: all 300ms ease 0s;
  border: 1px solid #d4d4d4;
  appearance: none;
  width: 100%;}
@keyframes jdPzlq {
  to {
    border: 1px solid #6f7285;
  }
}

@keyframes jPgzgh {
  0% {
    opacity: 0;
    transform: translateY(-5px);
    line-height: 0;
  }

  to {
    opacity: 1;
    transform: translateY(0);
    line-height: 2em;
  }
}

@keyframes preloaderAnimation {
  0%,
  3% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }

  30%,
  36% {
    transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
  }

  63%,
  69% {
    transform: rotate(240deg);
    -webkit-transform: rotate(240deg);
  }

  97%,
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes preloaderAnimation {
  0%,
  3% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }

  30%,
  36% {
    transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
  }

  63%,
  69% {
    transform: rotate(240deg);
    -webkit-transform: rotate(240deg);
  }

  97%,
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}





.sc-bZQynM
{   display: flex;
  background-color: red;
  padding: 8px 30px 8px 8px;
  resize: none;
  border-radius: 3px;
  background-color: #fff;
  font-size: 11px;
  font-family: inherit;
line-height: normal;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: right;
  direction: ltr;
  color: #000;
  transition: all 300ms ease 0s;
  border: 1px solid #d4d4d4;
  appearance: none;
  width: 100%;}
details {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"],
legend {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

[hidden],
template {
  display: none;
}

.foo {
  color: red;
}

.IRANSans {
  font-family: IRANSans, sans-serif, serif !important;
}

.IRANSansBlur {
  font-family: IRANSansBlur, sans-serif, serif !important;
}

section.route-section {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
}

.float-left {
  float: left;
}

.cWWvHC,
.jSnStR {
  width: 100%;
  position: relative;
}

.jSnStR {
  display: block;
}

.cWWvHC {
  display: flex;
  flex-direction: row-reverse;
  z-index: 10;
}

.cWWvHC .usernameIcon{
  position: absolute;
  top: 50%;
  right: 5px;
  height: 25px;
  transform: translateY(-50%);
}

.emOqxL::placeholder,
.erdVTx::placeholder,
.hJgLHq::placeholder {
  color: #6d6d6d;
}

.emOqxL {
  display: flex;
  resize: none;
  direction: rtl;
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  font-size: 11px;
  font-family: inherit;
  height: 40px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: rgb(0, 0, 0);
  transition: all 300ms ease 0s;
  border: 1px solid rgb(212, 212, 212);
  appearance: none;
  width: 100%;
  padding: 8px 30px 8px 125px;
}
.fOrPbJ .additional::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  height: 70%;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.15);
}
.cWWvHC .additional::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  height: 70%;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.15);
}
.fOrPbJ .additional {
  position: absolute;
  top: 0;
  left: 0;
  padding: 12px;
}

.cWWvHC .additional {
  position: absolute;
  top: 0;
  left: 0;
  padding: 12px;
}

.kvsdTi + .additional,
.hCcAFE + .additional {
  padding: 14px;
}













.fOrPbJ .captchaAdditional::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  height: 70%;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.15);
}
.cWWvHC .captchaAdditional::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100px;
  transform: translateY(-50%);
  height: 70%;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.15);
}
.fOrPbJ .captchaAdditional {
  position: absolute;
  top: 0;
  left: 0;
    min-height: 36px;
    min-width: 100px;
}

.cWWvHC .captchaAdditional {
  position: absolute;
  top: 0;
  left: 0;
    min-height: 36px;
    min-width: 100px;
}








.gBChs .support-ways li:not(:last-child) {
  margin-bottom: 10px;
}

.gBChs .support-ways li img {
  width: 15px;
  vertical-align: middle;
}

.gBChs .support-ways li .value {
  margin-right: 10px;
  font-size: 12px;
  color: #909090;
}

.gBChs .support-ways li .value a {
  color: #bf7300;
  margin-right: 5px;
}

.gBChs button.isCollapse::after {
  transform: translateY(-50%) rotate(180deg);
}

[type="button"]:focus-visible,
[type="reset"]:focus-visible,
[type="submit"]:focus-visible,
button:focus-visible {
  outline: 1px dotted ButtonText;
}

.emOqxL:focus {
  border-color: #a6a6a6;
}

.show {
  height: 85px !important;
}

.euwDfW:hover::after {
  right: 12px;
}

element {
  height: 0;
  direction: rtl;
}

.auth-wrapper .segment .label-icon .lock-icon {
  display: inline-block;
  border-radius: 10rem;
  filter: drop-shadow(#ccc 0 2px 1px) grayscale(1);
  margin-left: 10px;
  width: 32px;
  height: 32px;
  background: #f0f0f0
    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MzUuNSIgaGVpZ2h0PSI1MzUuNSIgdmlld0JveD0iMCAwIDUzNS41IDUzNS41Ij48cGF0aCBkPSJNNDIwLjc1IDE3OC41aC0yNS41di01MWMwLTcxLjQtNTYuMS0xMjcuNS0xMjcuNS0xMjcuNXMtMTI3LjUgNTYuMS0xMjcuNSAxMjcuNXY1MWgtMjUuNWMtMjguMDUgMC01MSAyMi45NS01MSA1MXYyNTVjMCAyOC4wNSAyMi45NSA1MSA1MSA1MWgzMDZjMjguMDUgMCA1MS0yMi45NSA1MS01MXYtMjU1YzAtMjguMDUtMjIuOTUtNTEtNTEtNTF6bS0xNTMgMjI5LjVjLTI4LjA1IDAtNTEtMjIuOTUtNTEtNTFzMjIuOTUtNTEgNTEtNTEgNTEgMjIuOTUgNTEgNTEtMjIuOTUgNTEtNTEgNTF6bTc5LjA1LTIyOS41SDE4OC43di01MWMwLTQzLjM1IDM1LjctNzkuMDUgNzkuMDUtNzkuMDUgNDMuMzUgMCA3OS4wNSAzNS43IDc5LjA1IDc5LjA1djUxeiIvPjwvc3ZnPg==)
    no-repeat center center/16px;
  vertical-align: top;
}

.auth-wrapper .segment .label-icon > span {
  font-size: 1.2em;
  line-height: 2.5;
  font-weight: 700;
  display: inline-block;
  width: calc(100% - 45px);
}

input:autofill,
input:autofill:active,
input:autofill:focus,
input:autofill:hover {
  box-shadow: #fff 0 0 0 1000px inset !important;
}

.forgot-password {
  font-size: 11px;
  appearance: none;
  color: #bf7300;
  border: 0;
  padding: 1px 7px 2px;
  background: 0 0;
  user-select: none;
}

.jXooMm {
  animation: 0.1s cubic-bezier(0.59, 0.16, 0, 0.69) 1s 1 normal forwards running
    jPgzgh;
  overflow: hidden;
  margin-top: 5px;
  display: block;
  padding: 10px;
  border-radius: 3px;
  background-color: #f5f5f9;
  color: #6f7285;
  opacity: 0;
  line-height: 0;
}

.eQxiJG.has-hint {
  animation: 0.1s cubic-bezier(0.59, 0.16, 0, 0.69) 1s 1 normal forwards running
    jdPzlq;
}

.izJjgC svg {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 20px;
  vertical-align: middle;
  fill: #444;
}

 

.erdVTx,
.izJjgC {
  text-align: right;
  appearance: none;
  width: 100%;
}

.izJjgC {
  color: #444;
  position: relative;
  border: 0;
  font-size: 12px;
  transition: color 200ms ease 0s;
  margin: 0 auto;
  cursor: pointer;
  line-height: 2;
  padding: 20px 25px;
  background-color: transparent;
}

.erdVTx {
  display: flex;
  padding: 8px 8px 8px 140px;
  resize: none;
  border-radius: 3px;
  background-color: #fff;
  font-size: 11px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  transition: all 300ms ease 0s;
  border: 1px solid #f34040 !important;
  direction: ltr;
}

.eQxiJG:focus {
  border-color: #a6a6a6;
}

.bar,
Original CSS .foo {
  color: red;
}

.fOrPbJ img {
  position: absolute;
  top: 50%;
  right: 5px;
  height: 22px;
  width: 20px;
  transform: translateY(-50%);
}

.margin-top20 {
  margin-top: 20px;
}

.margin-right5 {
  margin-right: 5px;
}

.btn-green {
  background-color: #00ac58 !important;
}

.btn {
  border: 0;
  text-decoration: none;
  padding: 8px 10px;
  color: #fff;
  line-height: 20px;
  transition: background-color 0.2s ease 0s;
  border-radius: 3px;
  display: inline-block;
  min-width: 75px;
  cursor: pointer;
  flex-shrink: 0;
}
.resendCode 
{
  min-width: 60px!important; 
}
button {
  background-color: transparent;
}

.errors-wrapper,
.hJgLHq {
  width: 100%;
}

.errors-wrapper .text-error {
  text-align: right;
  color: #f34040;
  margin-top: 5px;
  line-height: 2em;
  display: block;
  font-family: IRANSansBlur, sans-serif, serif;
}

#terms {
  margin-top: 10px;
}

#terms .text {
  color: #777;
}

#terms .text a {
  color: #157eea;
}

.hJgLHq {
  font-size: 11px;
  display: flex;
  padding: 8px 30px 8px 8px;
  resize: none;
  border-radius: 3px;
  background-color: #fff;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #000;
  transition: all 300ms ease 0s;
  appearance: none;
  direction: ltr;
  border: 1px solid #f34040 !important;
}






#logo svg {
  vertical-align: middle;
  filter: contrast(0);
  opacity: 0.8;
  user-select: none;
  transition: all 200ms ease 0s;
}
#logo text {
  vertical-align: middle;
}
.loadContent svg {
  filter: contrast(1) !important;
}
#logo {
  margin: 50px auto;
  display: inline-block;
}



.auth-wrapper .segment--header {
  background: #f2f2f2 0 0;
  padding: 25px;
  text-align: center;
  line-height: 1.5;
}

.auth-wrapper .segment--header span {
  font-weight: 700;
  color: #ce1517;
}

.auth-wrapper .segment--link img,
.bwNOsP svg {
  width: 20px;
  margin-left: 20px;
  vertical-align: middle;
}

.auth-wrapper .segment--link img,
.mrct-links .tooltip::after {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 20px;
  margin-left: 20px;
  vertical-align: middle;
}

.mrct-links .tooltip::after {
  content: "";
  position: absolute;
  width: 13px;
  height: 15px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MzUuNSIgaGVpZ2h0PSI1MzUuNSIgdmlld0JveD0iMCAwIDUzNS41IDUzNS41Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNDIwLjc1IDE3OC41aC0yNS41di01MWMwLTcxLjQtNTYuMS0xMjcuNS0xMjcuNS0xMjcuNXMtMTI3LjUgNTYuMS0xMjcuNSAxMjcuNXY1MWgtMjUuNWMtMjguMDUgMC01MSAyMi45NS01MSA1MXYyNTVjMCAyOC4wNSAyMi45NSA1MSA1MSA1MWgzMDZjMjguMDUgMCA1MS0yMi45NSA1MS01MXYtMjU1YzAtMjguMDUtMjIuOTUtNTEtNTEtNTF6bS0xNTMgMjI5LjVjLTI4LjA1IDAtNTEtMjIuOTUtNTEtNTFzMjIuOTUtNTEgNTEtNTEgNTEgMjIuOTUgNTEgNTEtMjIuOTUgNTEtNTEgNTF6bTc5LjA1LTIyOS41SDE4OC43di01MWMwLTQzLjM1IDM1LjctNzkuMDUgNzkuMDUtNzkuMDUgNDMuMzUgMCA3OS4wNSAzNS43IDc5LjA1IDc5LjA1djUxeiIvPjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bArqFT {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 300px;
}

.auth-wrapper .segment--link:hover {
  background-color: #f8f8f8;
}

.mrct-links .tooltip::before {
  content: "";
  position: absolute;
  top: -17px;
  left: 50%;
  transform: translateX(-50%);
  border-color: transparent transparent #e83a3a;
  border-style: solid;
  border-width: 10px;
}

.mrct-links .tooltip {
  opacity: 0;
  visibility: hidden;
  transition: all 200ms ease 0s;
  position: absolute;
  top: calc(100% + 10px);

  left: 50%;
  transform: translateX(-50%) translateY(-10px);
  width: 80px;
  padding: 8px 35px 8px 8px;
  font-size: 11px;
  background: #e83a3a 0 0;
  min-width: 35px;
  color: #fff;
  border-radius: 4px;
}

.mrct-links.has-tooltip {
  color: rgba(184, 184, 184, 0.6);
}

.kYZEIh {
  position: relative;
  width: 100%;
  height: 3px;
  background: #ddd; /* رنگ پس‌زمینه خط */
  overflow: hidden;
}

.kYZEIh::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: rgb(245, 133, 64); /* رنگ خط پر شونده */
    animation: loadingBar 2s linear forwards; /* یک بار و توقف */
}

/* تعریف انیمیشن */
@keyframes loadingBar {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes bYDLhu {
  from {right: 1px;}
  to {left: 100%;}
}



.bwNOsP svg {
  height: 20px;
  display: inline-block;
  fill: #444;
}

.auth-wrapper .segment .head-title {
  padding: 0;
  font-size: 13px;
  margin: 0 0 30px;
  line-height: 2;
}

.auth-wrapper .segment .head-title-sm {
  font-size: 11px;
  margin: 0 0 20px;
}



.eQxiJG::placeholder {
  color: #6d6d6d;
}

.eQxiJG {
  display: flex;
  padding: 8px 8px 8px 140px;
  resize: none;
  border-radius: 3px;
  background-color: #fff;
  font-size: 11px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #000;
  transition: all 300ms ease 0s;
  border: 1px solid #d4d4d4;
  appearance: none;
  width: 100%;
  direction: ltr;
}





.bwNOsP,
.mrct-links {
  appearance: none;
  border: 0;
}

.mrct-links {
  color: #bf7300;
  font-size: 11px;
  padding: 1px 7px 2px;
  background: 0 0;
  user-select: none;
}

.auth-wrapper .segment.no-padding {
  padding: 0;
}

.bwNOsP {
  position: relative;
  text-align: right;
  cursor: pointer;
  line-height: 2;
  background-color: transparent;
  transition: color 200ms ease 0s;

  margin: 0 auto;
  padding: 20px 25px;
  width: 100%;
  color: #444;
  font-size: 12px;
}

#main-container.active {
  pointer-events: none;
  user-select: none;
  filter: blur(3px) !important;
  opacity: 0.5;
}

#main-container:not(.relative) {
  position: absolute;
  left: 50%;
  width: 100%;
  max-width: 440px;
  transform: translateX(-50%);
}

.transX {
  transform: translateX(-30%) !important;
}

body,
html {
  width: 100%;
  height: 100%;
}

#app,
body {
  overflow-x: hidden;
}

.euwDfW::after,
body {
  background-repeat: no-repeat;
  background-size: cover;
}





#app {
  height: 100%;
  width: 100%;
}

.center {
  text-align: center;
}

#main-wrapper {
  position: relative;
}

.center,
main {
  display: block;
}

.euwDfW::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 15px;
  height: 10px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNjguODMyIiBoZWlnaHQ9IjI2OC44MzIiIHZpZXdCb3g9IjAgMCAyNjguODMyIDI2OC44MzIiPjxwYXRoIGZpbGw9IiM2OTY5NjkiIGQ9Ik0yNjUuMTcxIDEyNS41NzdsLTgwLTgwYy00Ljg4MS00Ljg4MS0xMi43OTctNC44ODEtMTcuNjc4IDAtNC44ODIgNC44ODItNC44ODIgMTIuNzk2IDAgMTcuNjc4bDU4LjY2MSA1OC42NjFIMTIuNWMtNi45MDMgMC0xMi41IDUuNTk3LTEyLjUgMTIuNSAwIDYuOTAyIDUuNTk3IDEyLjUgMTIuNSAxMi41aDIxMy42NTRsLTU4LjY1OSA1OC42NjFjLTQuODgyIDQuODgyLTQuODgyIDEyLjc5NiAwIDE3LjY3OCAyLjQ0IDIuNDM5IDUuNjQgMy42NjEgOC44MzkgMy42NjFzNi4zOTgtMS4yMjIgOC44MzktMy42NjFsNzkuOTk4LTgwYzQuODgyLTQuODgyIDQuODgyLTEyLjc5NiAwLTE3LjY3OHoiLz48L3N2Zz4K);
  background-position: center center;
  transition: all 200ms ease 0s;
}

.euwDfW,
a {
  text-decoration: none;
}







.auth-wrapper .segment:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}

.auth-wrapper .segment {
  padding: 30px 25px;
  display: flex;
  -moz-box-pack: justify;
  justify-content: space-between;
  -moz-box-align: center;
  align-items: center;
}

.auth-wrapper .segment .text {
  line-height: 2;
  color: #000;
}

.auth-wrapper .segment--link span {
  color: #757575;
  vertical-align: middle;
}

.auth-wrapper .segment--link {
  -moz-box-pack: start;
  justify-content: start;
  transition: background-color 200ms ease 0s;
  border: 0;
  width: 100%;
  padding-right: 45px;
  position: relative;
  text-align: right;
}

.eiWnlc .collapse-header.is-active::after {
  transform: translateY(-50%) scale(1);
}

.mylqQ::placeholder {
  color: #6d6d6d;
}

.eiWnlc {
  position: relative;
  width: 100%;
}

.eiWnlc .collapse-header::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 14px;
  height: 14px;
  border-radius: 10rem;
  border: 3px solid #fdb212;
}

.eiWnlc .collapse-header {
  padding: 15px 30px;
  position: relative;
  user-select: none;
  font-size: 13px;
  cursor: pointer;
  color: #555;
  font-weight: 700;
}

.eiWnlc .collapse-header::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(0);
  right: 5px;
  width: 10px;
  height: 10px;
  border-radius: 10rem;
  background: #fdb212 0 0;
  transition: transform 200ms ease 0s;
}

.eiWnlc .collapse-content {
  padding: 0;
  overflow: hidden;
  transition: all 200ms ease 0s;
}

.flex-column {
  flex-direction: column !important;
  -moz-box-align: inherit !important;
  align-items: inherit !important;
}

.flex {
  display: flex;
  align-items: flex-start;
}

.kBbGUf {
  width: 100%;
  display: block;
  position: relative;
}

.fOrPbJ,
.mylqQ {
  display: flex;
  width: 100%;
}

.fOrPbJ {
  flex-direction: column;
  position: relative;
}

.mylqQ {
  padding: 8px 30px 8px 8px;
  resize: none;
  border-radius: 3px;
  background-color: #fff;
  font-size: 11px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  transition: all 300ms ease 0s;
  border: 1px solid #d4d4d4;
  appearance: none;
  direction: ltr;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

.gBChs {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.kbsPWw:focus {
  border-color: rgb(166, 166, 166);
}

.mylqQ:focus {
  border-color: rgb(166, 166, 166);
}
.kJEHPU:focus {
  border-color: rgb(166, 166, 166);
}

.gBChs button::after,
.gBChs button::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.gBChs button::before {
  width: 20px;
  height: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NjEiIGhlaWdodD0iNTYxIiB2aWV3Qm94PSIwIDAgNTYxIDU2MSI+PHBhdGggZD0iTTI4MC41IDBDMTUzIDAgNTEgMTAyIDUxIDIyOS41VjQwOGMwIDQzLjM1IDMzLjE1IDc2LjUgNzYuNSA3Ni41SDIwNHYtMjA0SDEwMnYtNTFDMTAyIDEzMC4wNSAxODEuMDUgNTEgMjgwLjUgNTFTNDU5IDEzMC4wNSA0NTkgMjI5LjV2NTFIMzU3djIwNGgxMDJWNTEwSDI4MC41djUxaDE1M2M0My4zNSAwIDc2LjUtMzMuMTUgNzYuNS03Ni41di0yNTVDNTEwIDEwMiA0MDggMCAyODAuNSAweiIgZmlsbD0iIzY2NiIvPjwvc3ZnPg==);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  right: 0;
}

.gBChs button {
  width: 85px;
  appearance: none;
  border: medium;
  background: 0 0;
  padding: 0 25px 0 0;
  position: relative;
  text-align: right;
  color: #666;
  cursor: pointer;
  line-height: 2;
}

.gBChs button::after {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #666;
  left: 0;
  transition: all 200ms ease 0s;
}

.gBChs .support-ways {
  overflow: hidden;
  transition: height 200ms ease 0s;
  margin: 15px 0 0;
  list-style: outside none none;
  border-right: 2px solid #cacaca;
  padding: 0 10px 0 0;
}

.kCEigG {
  width: 100%;
  font-weight: 700;
  border: 0;
  appearance: none;
  border-radius: 4px;
  padding: 13px;
  margin-top: 20px;
  transition: all 0.3s ease 0s;
  color: #fff;
  background: #fdb212 0 0;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}

button {
  cursor: pointer;
  background: 0 0;
}

button,
input {
  outline: currentcolor 0;
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

.auth-wrapper .segment,
.gBChs button {
  font-size: 11px;
}

.frm-forgotPassword,
form {
  margin-bottom: 0;
}
.ujziP {
  font-size: 11px;
  display: block;
  font-weight: normal;
  color: rgb(243, 64, 64);
  margin-top: 10px;
  text-align: right;
  line-height: 2;
}

.ersAEB,
.redline {
  display: flex;
  padding: 8px 30px 8px 115px;
  resize: none;
  direction: ltr;
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: rgb(0, 0, 0);
  transition: all 300ms ease 0s;
  border: 1px solid rgb(243, 64, 64) !important;
  appearance: none;
  width: 100%;
}
.ersAEBB,
.redlinee {
  display: flex;
  padding: 8px 30px 8px 115px;
  resize: none;
  direction: ltr;
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: rgb(0, 0, 0);
  transition: all 300ms ease 0s;
  border: 1px solid rgb(243, 64, 64) !important;
  appearance: none;
  width: 100%;
}



@keyframes preloaderAnimation {
  0%,
  3% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }
  30%,
  36% {
    transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
  }
  63%,
  69% {
    transform: rotate(240deg);
    -webkit-transform: rotate(240deg);
  }
  100%,
  97% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes preloaderAnimation {
  0%,
  3% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }
  30%,
  36% {
    transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
  }
  63%,
  69% {
    transform: rotate(240deg);
    -webkit-transform: rotate(240deg);
  }
  100%,
  97% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

@keyframes hlTVzr {
  0%,
  3% {
    transform-origin: center center 0px;
    transform: rotate(0deg);
  }
  30%,
  36% {
    transform-origin: center center 0px;
    transform: rotate(120deg);
  }
  63%,
  69% {
    transform-origin: center center 0px;
    transform: rotate(240deg);
  }
  100%,
  97% {
    transform-origin: center center 0px;
    transform: rotate(360deg);
  }
}

@-webkit-keyframes hlTVzr {
  0%,
  3% {
    transform-origin: center center 0px;
    transform: rotate(0deg);
  }
  30%,
  36% {
    transform-origin: center center 0px;
    transform: rotate(120deg);
  }
  63%,
  69% {
    transform-origin: center center 0px;
    transform: rotate(240deg);
  }
  100%,
  97% {
    transform-origin: center center 0px;
    transform: rotate(360deg);
  }
}







#main-container:not(.relative) {
  position: absolute;
  left: 50%;
  width: 100%;
  max-width: 440px;
  transform: translateX(-50%);
  transition: all 200ms ease 0s;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


input[type=number] {
  -moz-appearance: textfield;
}

/* signin/forget-password/account */

section.route-section {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
}



.auth-wrapper .segment:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}

.hfxLGV .profile-segment {
  -moz-box-pack: start !important;
  justify-content: flex-start !important;
  border: 0 !important;
  padding-bottom: 0 !important;
}

.hfxLGV .profile-segment figure {
  margin: 0;
  width: 50px;
  height: 50px;
  border-radius: 10rem;
  overflow: hidden;
}





element {
  max-height: 0;
  padding: 0;
  direction: rtl;
}



.hfxLGV .profile-segment figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

img {
  border-style: none;
}

.hfxLGV .profile-segment .profile-name {
  margin-right: 10px;
}

.hfxLGV .profile-segment .profile-name h4,
.hfxLGV .profile-segment .profile-name span {
  margin: 0;
  display: block;
  color: #666;
}

.hfxLGV .profile-segment .profile-name h4 {
  font-size: 13px;
}



.hfxLGV .info-text {
  margin-bottom: 20px;
  line-height: 2;
}

.gdZZEQ,
.uvhCo {
  position: relative;
  width: 100%;
}



.gdZZEQ {
  display: block;
}

.deGLx img {
  position: absolute;
  top: 50%;
  right: 5px;
  height: 22px;
  width: 20px;
  transform: translateY(-50%);
}

.kbsPWw::placeholder {
  color: #6d6d6d;
}



.kbsPWw {
  display: flex;
  padding: 8px 30px 8px 8px;
  resize: none;
  border-radius: 3px;
  background-color: #fff;
  font-size: 11px;
  font-family: inherit;
line-height: normal;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: right;
  direction: ltr;
  color: #000;
  transition: all 300ms ease 0s;
  border: 1px solid #d4d4d4;
  appearance: none;
  width: 100%;
}
.fvWuEo {
  display: flex !important;
  padding: 8px 30px 8px 8px !important;
  resize: none !important;
  border-radius: 3px !important;
  border: 1px solid rgb(243, 64, 64) !important;
  text-align: left !important;
  font-size: 11px !important;
  font-family: opensans !important;
  height: 40px !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-stretch: normal !important;
  letter-spacing: normal !important;

  direction: ltr !important;
  color: rgb(0, 0, 0) !important;
  transition: all 300ms ease 0s !important;
  border: 1px solid rgb(212, 212, 212) !important;
  border-top-color: rgb(212, 212, 212) !important;
  border-right-color: rgb(212, 212, 212) !important;
  border-bottom-color: rgb(212, 212, 212) !important;
  border-left-color: rgb(212, 212, 212) !important;
  border-top-color: rgb(212, 212, 212) !important;
  border-right-color: rgb(212, 212, 212) !important;
  border-bottom-color: rgb(212, 212, 212) !important;
  border-left-color: rgb(212, 212, 212) !important;
  appearance: none !important;
  width: 100% !important;
}
.uvhCo .collapse-header.is-active::after {
  transform: translateY(-50%) scale(1);
}

.uvhCo .collapse-header::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 14px;
  height: 14px;
  border-radius: 10rem;
  border: 3px solid #fdb212;
}

.uvhCo .collapse-header {
  padding: 15px 30px;
  position: relative;
  user-select: none;
  font-size: 13px;
  cursor: pointer;
  color: #555;
  font-weight: 700;
}

.uvhCo .collapse-header::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(0);
  right: 5px;
  width: 10px;
  height: 10px;
  border-radius: 10rem;
  background: #fdb212 0 0;
  transition: transform 200ms ease 0s;
}

.uvhCo .collapse-content {
  padding: 0;
  overflow: hidden;
  transition: all 200ms ease 0s;
}

.flex-column {
  flex-direction: column !important;
  -moz-box-align: inherit !important;
  align-items: inherit !important;
}



input:autofill,
input:autofill:active,
input:autofill:focus,
input:autofill:hover {
  box-shadow: #fff 0 0 0 1000px inset !important;
}

.deGLx > span,
.hGNljl {
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  transition: all 300ms ease 0s;
}

.hGNljl {
  display: flex;
  padding: 8px;
  resize: none;
  border-radius: 3px;
  background-color: #fff;
  font-size: 11px;
  font-family: opensans;
  height: 40px;
  font-weight: 400;
  direction: ltr;
  color: #000;
  border: 1px solid #d4d4d4;
  appearance: none;
  width: 100%;
}

.tip {
  margin-top: 5px;
  font-size: 9px;
  color: #6f7285;
  align-self: baseline;
}

.gPBFrf .field-input {
  margin: 5px 0;
}

.deGLx,
.kBbGUf {
  width: 100%;
  position: relative;
}

.kBbGUf {
  display: block;
}

.deGLx {
  display: flex;
  flex-direction: column;
}

.deGLx > span {
  padding: 10px 0;
  display: inline-block;
  text-align: right;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  color: #7d7e80;
}

.iFoPrt::placeholder {
  color: #6d6d6d;
}

.iFoPrt {
  display: flex;
  padding: 8px;
  resize: none;
  border-radius: 3px;
  background-color: #fff;
  font-size: 11px;
  font-family: inherit;
  height: 40px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  direction: rtl;
  color: #000;
  transition: all 300ms ease 0s;
  border: 1px solid #d4d4d4;
  appearance: none;
  width: 100%;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

.gPBFrf .submit-button {
  width: 100%;
  font-weight: 700;
  border: 0;
  appearance: none;
  border-radius: 4px;
  padding: 13px;
  margin-top: 20px;
  transition: all 0.3s ease 0s;
  color: #fff;
  background: #fdb212 0 0;
}

.gPBFrf .change-pass-later {
  appearance: none;
  border: 0;
  margin-top: 20px;
  font-size: 11px;
  color: #bf7300;
}



[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}

button {
  cursor: pointer;
  background: 0 0;
}

button,
input {
  outline: currentcolor 0;
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

.TxBph {
  width: 100%;
  font-weight: 700;
  border: 0;
  appearance: none;
  border-radius: 4px;
  padding: 13px;
  margin-top: 20px;
  transition: all 0.3s ease 0s;
  color: #fff;
  background: #fdb212 0 0;
}
.collapse-content.mrct-collapse {
  box-sizing: content-box;
}
.kbsPWw::placeholder {
  color: rgb(109, 109, 109);
}
.kbsPWw::placeholder {
  color: rgb(109, 109, 109);
}

.kbsPWw:focus {
  border-color: rgb(166, 166, 166);
}


input,
button {
  outline: currentcolor none 0px;
}
button,
input {
  overflow: visible;
}

.err-left-o {
  display: flex;
  padding: 8px 30px 8px 8px;
  resize: none;
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  font-size: 11px;
  font-family: Opensans;
  height: 40px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: left;
  direction: ltr;
  color: rgb(0, 0, 0);
  transition: all 300ms ease 0s;
  border: 1px solid rgb(243, 64, 64) !important;
  appearance: none;
  width: 100%;
}

.err-rigth-i-empty {
  display: flex;
  padding: 8px 30px 8px 8px;
  resize: none;
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  font-size: 11px;
  font-family: inherit;
  height: 40px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: right;
  direction: ltr;
  color: rgb(0, 0, 0);
  transition: all 300ms ease 0s;
  border: 1px solid rgb(243, 64, 64) !important;
  appearance: none;
  width: 100%;
}

.ok-rigth-i {
  display: flex;
  padding: 8px 30px 8px 8px;
  resize: none;
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  font-size: 11px;
  font-family: inherit;
  height: 40px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: right;
  direction: ltr;
  color: rgb(0, 0, 0);
  transition: all 300ms ease 0s;
  border: 1px solid rgb(212, 212, 212);
  appearance: none;
  width: 100%;
}

.ok-left-o {
  display: flex;
  padding: 8px 30px 8px 8px;
  resize: none;
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  font-size: 11px;
  font-family: Opensans;
  height: 40px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: left;
  direction: ltr;
  color: rgb(0, 0, 0);
  transition: all 300ms ease 0s;
  border: 1px solid rgb(212, 212, 212);
  border-top-color: rgb(212, 212, 212);
  border-right-color: rgb(212, 212, 212);
  border-bottom-color: rgb(212, 212, 212);
  border-left-color: rgb(212, 212, 212);
  appearance: none;
  width: 100%;
}


.mrct-collapse {
  max-height: 110px !important ;
  padding: 10px 0px !important ;
}
.epyOTi {
  display: flex;
  padding: 8px 30px 8px 8px;
  resize: none;
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  font-size: 11px;
  font-family: inherit;
  height: 40px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: left;
  direction: ltr;
  color: rgb(0, 0, 0);
  transition: all 300ms ease 0s;
  border: 1px solid rgb(243, 64, 64) !important;
  appearance: none;
  width: 100%;
}
.bbcnZj {
  display: flex;
  padding: 8px 8px 8px 140px;
  resize: none;
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  font-size: 11px;
  font-family: Opensans;
  height: 40px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: left;
  direction: ltr;
  color: rgb(0, 0, 0);
  transition: all 300ms ease 0s;
  border: 1px solid rgb(243, 64, 64) !important;
  appearance: none;
  width: 100%;
}
.bbcnZje {
  display: flex;
  padding: 8px 8px 8px 140px;
  resize: none;
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  font-size: 11px;
  font-family: Opensans;
  height: 40px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: left;
  direction: ltr;
  color: rgb(0, 0, 0);
  transition: all 300ms ease 0s;
  border: 1px solid rgb(243, 64, 64) !important;
  appearance: none;
  width: 100%;
}

.bbcnZjc {
  border: 1px solid rgb(243, 64, 64) !important;
  text-align: left !important;

  font-family: Opensans !important;
}
.dPFsEE {
  display: flex;
  padding: 8px 30px 8px 8px;
  resize: none;
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  font-size: 11px;
  font-family: inherit;
  height: 40px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: right;
  direction: ltr;
  color: rgb(0, 0, 0);
  transition: all 300ms ease 0s;
  border: 1px solid rgb(243, 64, 64) !important;
  appearance: none;
  width: 100%;
}

.err-left-o {
  display: flex;
  padding: 8px 30px 8px 8px;
  resize: none;
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  font-size: 11px;
  font-family: Opensans;
  height: 40px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: left;
  direction: ltr;
  color: rgb(0, 0, 0);
  transition: all 300ms ease 0s;
  border: 1px solid rgb(243, 64, 64) !important;
  appearance: none;
  width: 100%;
}

.err-rigth-i-empty {
  display: flex;
  padding: 8px 30px 8px 8px;
  resize: none;
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  font-size: 11px;
  font-family: inherit;
  height: 40px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: right;
  direction: ltr;
  color: rgb(0, 0, 0);
  transition: all 300ms ease 0s;
  border: 1px solid rgb(243, 64, 64) !important;
  appearance: none;
  width: 100%;
}

.ok-rigth-i {
  display: flex;
  padding: 8px 30px 8px 8px;
  resize: none;
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  font-size: 11px;
  font-family: inherit;
  height: 40px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: right;
  direction: ltr;
  color: rgb(0, 0, 0);
  transition: all 300ms ease 0s;
  border: 1px solid rgb(212, 212, 212);
  appearance: none;
  width: 100%;
}

.ok-left-o {
  display: flex;
  padding: 8px 30px 8px 8px;
  resize: none;
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  font-size: 11px;
  font-family: Opensans;
  height: 40px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: left;
  direction: ltr;
  color: rgb(0, 0, 0);
  transition: all 300ms ease 0s;
  border: 1px solid rgb(212, 212, 212);
  border-top-color: rgb(212, 212, 212);
  border-right-color: rgb(212, 212, 212);
  border-bottom-color: rgb(212, 212, 212);
  border-left-color: rgb(212, 212, 212);
  appearance: none;
  width: 100%;
}

.auth-wrapper .segment {
  padding: 30px 25px;
  font-size: 11px;
  display: flex;
  -moz-box-pack: justify;
  justify-content: space-between;
  -moz-box-align: center;
  align-items: center;
}
.center {
  display: block;
  text-align: center;
}
.flex-column {
  flex-direction: column !important;
  -moz-box-align: inherit !important;
  align-items: inherit !important;
}
.justify-center {
  -moz-box-pack: center !important;
  justify-content: center !important;
}.errors-wrapper {
  width: 100%;
}

.auth-wrapper .segment {
  font-size: 11px;
}
.center {
  text-align: center;
}.errors-wrapper .text-error {
  text-align: right;
  color: rgb(243, 64, 64);
  margin-top: 5px;
  line-height: 2em;
  display: block;
}



#main-container:not(.relative) {
  position: absolute;
  left: 50%;
  width: 100%;
  max-width: 440px;
  transform: translateX(-50%);
  transition: all 200ms ease 0s;
}


.errors-wrapper {
  width: 100%;
}
#main-wrapper {
  position: relative;
}
.errors-wrapper .text-error {
  text-align: right;
  color: rgb(243, 64, 64);
  margin-top: 5px;
  line-height: 2em;
  display: block;
}
* {
  box-sizing: border-box;
}

.center,
main {
  display: block;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

element {
  direction: rtl;
}





section.route-section {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
}



.auth-wrapper .segment:not(:last-child) {
  border-bottom: 1px solid#f0f0f0;
}







.auth-wrapper .segment .label-icon > span {
  display: inline-block;
  width: calc(100% - 45px);
  font-size: 1.2em;
  line-height: 2.5;
  font-weight: 700;
}





.faahnN .code-input-element {
  margin: 4px;
  border-radius: 6px;
  font-size: 32px;
  border: 1px solid#e5e5e5;
  transition: all 200ms ease 0s;
  text-align: center;
  padding: 0;
  width: calc(16.6667% - 8px);
  height: 60px;
  font-family: inherit;
}



.timer-wrapper {
  display: flex;
  margin: 10px auto 0;
  padding: 10px 0;
  position: relative;
}

.filimo-links {
  color: #bf7300;
  font-size: 11px;
  appearance: none;
  border: 0;
  padding: 1px 7px 2px;
  background: 0 0;
  user-select: none;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}

button {
  cursor: pointer;
  background: 0 0;
}

button,
input {
  outline: currentcolor 0;
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

.auth-wrapper .segment {
  padding: 30px 25px;
  display: flex;
  -moz-box-pack: justify;
  justify-content: space-between;
  -moz-box-align: center;
  align-items: center;
  font-size: 11px;
}

.auth-wrapper .segment.no-padding {
  padding: 0;
}

.flex-column {
  flex-direction: column !important;
  -moz-box-align: inherit !important;
  align-items: inherit !important;
}



.kLmAeK {
  position: relative;
  appearance: none;
  border: 0;
  transition: color 200ms ease 0s;
  margin: 0 auto;
  padding: 20px 25px;
  width: 100%;
  color: #444;
  font-size: 12px;
  cursor: pointer;
  line-height: 2;
  text-align: right;
}



.kLmAeK svg {
  width: 20px;
  height: 20px;
  margin-left: 20px;
  display: inline-block;
  vertical-align: middle;
  fill: #444;
}

.gBChs {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.faahnN .code-input-element.has-error {
  border-color: rgb(243, 64, 64);
}
.has-tooltip {
  color: rgba(184, 184, 184, 0.6);
}

@media (max-width: 300px) {
}



.gdZZEQ {
  width: 100%;
  display: block;
  position: relative;
}


.deGLx {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

section.route-section {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
}



.auth-wrapper .segment:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}

.hfxLGV .profile-segment {
  -moz-box-pack: start !important;
  justify-content: flex-start !important;
  border: 0 !important;
  padding-bottom: 0 !important;
}

.hfxLGV .profile-segment figure {
  margin: 0;
  width: 50px;
  height: 50px;
  border-radius: 10rem;
  overflow: hidden;
}





element {
  max-height: 0;
  padding: 0;
  direction: rtl;
}



.hfxLGV .profile-segment figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

img {
  border-style: none;
}

.hfxLGV .profile-segment .profile-name {
  margin-right: 10px;
}

.hfxLGV .profile-segment .profile-name h4,
.hfxLGV .profile-segment .profile-name span {
  margin: 0;
  display: block;
  color: #666;
}

.hfxLGV .profile-segment .profile-name h4 {
  font-size: 13px;
}



.hfxLGV .info-text {
  margin-bottom: 20px;
  line-height: 2;
}

.gdZZEQ,
.uvhCo {
  position: relative;
  width: 100%;
}



.gdZZEQ {
  display: block;
}

.deGLx img {
  position: absolute;
  top: 50%;
  right: 5px;
  height: 22px;
  width: 20px;
  transform: translateY(-50%);
}

.kbsPWw::placeholder {
  color: #6d6d6d;
}
















.fvWuEo {
  display: flex !important;
  padding: 8px 30px 8px 8px !important;
  resize: none !important;
  border-radius: 3px !important;
  border: 1px solid rgb(243, 64, 64) !important;
  text-align: left !important;
  font-size: 11px !important;
  font-family: opensans !important;
  height: 40px !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-stretch: normal !important;
  letter-spacing: normal !important;

  direction: ltr !important;
  color: rgb(0, 0, 0) !important;
  transition: all 300ms ease 0s !important;
  border: 1px solid rgb(212, 212, 212) !important;
  border-top-color: rgb(212, 212, 212) !important;
  border-right-color: rgb(212, 212, 212) !important;
  border-bottom-color: rgb(212, 212, 212) !important;
  border-left-color: rgb(212, 212, 212) !important;
  border-top-color: rgb(212, 212, 212) !important;
  border-right-color: rgb(212, 212, 212) !important;
  border-bottom-color: rgb(212, 212, 212) !important;
  border-left-color: rgb(212, 212, 212) !important;
  appearance: none !important;
  width: 100% !important;
}
.uvhCo .collapse-header.is-active::after {
  transform: translateY(-50%) scale(1);
}

.uvhCo .collapse-header::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 14px;
  height: 14px;
  border-radius: 10rem;
  border: 3px solid #fdb212;
}

.uvhCo .collapse-header {
  padding: 15px 30px;
  position: relative;
  user-select: none;
  font-size: 13px;
  cursor: pointer;
  color: #555;
  font-weight: 700;
}

.uvhCo .collapse-header::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(0);
  right: 5px;
  width: 10px;
  height: 10px;
  border-radius: 10rem;
  background: #fdb212 0 0;
  transition: transform 200ms ease 0s;
}

.uvhCo .collapse-content {
  padding: 0;
  overflow: hidden;
  transition: all 200ms ease 0s;
}

.flex-column {
  flex-direction: column !important;
  -moz-box-align: inherit !important;
  align-items: inherit !important;
}



input:autofill,
input:autofill:active,
input:autofill:focus,
input:autofill:hover {
  box-shadow: #fff 0 0 0 1000px inset !important;
}

.deGLx > span,
.hGNljl {
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  transition: all 300ms ease 0s;
}

.hGNljl {
  display: flex;
  padding: 8px;
  resize: none;
  border-radius: 3px;
  background-color: #fff;
  font-size: 11px;
  font-family: opensans;
  height: 40px;
  font-weight: 400;
  direction: ltr;
  color: #000;
  border: 1px solid #d4d4d4;
  appearance: none;
  width: 100%;
}

.tip {
  margin-top: 5px;
  font-size: 9px;
  color: #6f7285;
  align-self: baseline;
}

.gPBFrf .field-input {
  margin: 5px 0;
}

.deGLx,
.kBbGUf {
  width: 100%;
  position: relative;
}

.kBbGUf {
  display: block;
}

.deGLx {
  display: flex;
  flex-direction: column;
}

.deGLx > span {
  padding: 10px 0;
  display: inline-block;
  text-align: right;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  color: #7d7e80;
}

.iFoPrt::placeholder {
  color: #6d6d6d;
}

.iFoPrt {
  display: flex;
  padding: 8px;
  resize: none;
  border-radius: 3px;
  background-color: #fff;
  font-size: 11px;
  font-family: inherit;
  height: 40px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  direction: rtl;
  color: #000;
  transition: all 300ms ease 0s;
  border: 1px solid #d4d4d4;
  appearance: none;
  width: 100%;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

.gPBFrf .submit-button {
  width: 100%;
  font-weight: 700;
  border: 0;
  appearance: none;
  border-radius: 4px;
  padding: 13px;
  margin-top: 20px;
  transition: all 0.3s ease 0s;
  color: #fff;
  background: #fdb212 0 0;
}

.gPBFrf .change-pass-later {
  appearance: none;
  border: 0;
  margin-top: 20px;
  font-size: 11px;
  color: #bf7300;
}



[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}

button {
  cursor: pointer;
  background: 0 0;
}

button,
input {
  outline: currentcolor 0;
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

.TxBph {
  width: 100%;
  font-weight: 700;
  border: 0;
  appearance: none;
  border-radius: 4px;
  padding: 13px;
  margin-top: 20px;
  transition: all 0.3s ease 0s;
  color: #fff;
  background: #fdb212 0 0;
}
.collapse-content.mrct-collapse {
  box-sizing: content-box;
}
.kbsPWw::placeholder {
  color: rgb(109, 109, 109);
}
.kbsPWw::placeholder {
  color: rgb(109, 109, 109);
}

.kbsPWw:focus {
  border-color: rgb(166, 166, 166);
}

.kJEHPU::placeholder {
  color: rgb(109, 109, 109);
}
.kJEHPU::placeholder {
  color: rgb(109, 109, 109);
}

.kJEHPU:focus {
  border-color: rgb(166, 166, 166);
}
.kJEHPU {
  display: flex;
  padding: 8px 30px 8px 8px;
  resize: none;
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  font-size: 11px;
  font-family: inherit;
  line-height: normal;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: left;
  direction: ltr;
  color: rgb(0, 0, 0);
  transition: all 300ms ease 0s;
  border: 1px solid rgb(212, 212, 212);
  border-top-color: rgb(212, 212, 212);
  border-right-color: rgb(212, 212, 212);
  border-bottom-color: rgb(212, 212, 212);
  border-left-color: rgb(212, 212, 212);
  appearance: none;
  width: 100%;
}


.err-left-o {
  display: flex;
  padding: 8px 30px 8px 8px;
  resize: none;
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  font-size: 11px;
  font-family: Opensans;
  height: 40px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: left;
  direction: ltr;
  color: rgb(0, 0, 0);
  transition: all 300ms ease 0s;
  border: 1px solid rgb(243, 64, 64) !important;
  appearance: none;
  width: 100%;
}

.err-rigth-i-empty {
  display: flex;
  padding: 8px 30px 8px 8px;
  resize: none;
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  font-size: 11px;
  font-family: inherit;
  height: 40px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: right;
  direction: ltr;
  color: rgb(0, 0, 0);
  transition: all 300ms ease 0s;
  border: 1px solid rgb(243, 64, 64) !important;
  appearance: none;
  width: 100%;
}

.ok-rigth-i {
  display: flex;
  padding: 8px 30px 8px 8px;
  resize: none;
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  font-size: 11px;
  font-family: inherit;
  height: 40px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: right;
  direction: ltr;
  color: rgb(0, 0, 0);
  transition: all 300ms ease 0s;
  border: 1px solid rgb(212, 212, 212);
  appearance: none;
  width: 100%;
}

.ok-left-o {
  display: flex;
  padding: 8px 30px 8px 8px;
  resize: none;
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  font-size: 11px;
  font-family: Opensans;
  height: 40px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: left;
  direction: ltr;
  color: rgb(0, 0, 0);
  transition: all 300ms ease 0s;
  border: 1px solid rgb(212, 212, 212);
  border-top-color: rgb(212, 212, 212);
  border-right-color: rgb(212, 212, 212);
  border-bottom-color: rgb(212, 212, 212);
  border-left-color: rgb(212, 212, 212);
  appearance: none;
  width: 100%;
}

#main-container:not(.relative) {
  position: absolute;
  left: 50%;
  width: 100%;
  max-width: 440px;
  transform: translateX(-50%);
  transition: all 200ms ease 0s;
}


.errors-wrapper {
  width: 100%;
}
#main-wrapper {
  position: relative;
}
.errors-wrapper .text-error {
  text-align: right;
  color: rgb(243, 64, 64);
  margin-top: 5px;
  line-height: 2em;
  display: block;
}


.center,
main {
  display: block;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

element {
  direction: rtl;
}



html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

section.route-section {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
}









.auth-wrapper .segment .label-icon .sms-icon {
  display: inline-block;
  border-radius: 10rem;
  filter: drop-shadow(#ccc 0 2px 1px) grayscale(1);
  margin-left: 10px;
  width: 32px;
  height: 32px;
  background: #f0f0f0
    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OTUuOTY4IDQ5NS45NjgiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48cGF0aCBkPSJNNDIzLjk4NCAwaC0zNTJjLTM1LjI5NiAwLTY0IDI4LjcwNC02NCA2NHYyODhjMCAzNS4yOTYgMjguNzA0IDY0IDY0IDY0djYzLjk2OGExNi4wMiAxNi4wMiAwIDAgMCA5LjIxNiAxNC40OTYgMTYuMjMyIDE2LjIzMiAwIDAgMCA2Ljc4NCAxLjUwNGMzLjY4IDAgNy4zMjgtMS4yNDggMTAuMjQtMy43MTJMMTg5Ljc3NiA0MTZoMjM0LjIwOGMzNS4yOTYgMCA2NC0yOC43MDQgNjQtNjRWNjRjMC0zNS4yOTYtMjguNzA0LTY0LTY0LTY0em0tMzA0IDE5MmMyNi40NjQgMCA0OCAyMS41MzYgNDggNDhzLTIxLjUzNiA0OC00OCA0OGgtMzJjLTguODMyIDAtMTYtNy4xNjgtMTYtMTZzNy4xNjgtMTYgMTYtMTZoMzJjOC44MzIgMCAxNi03LjE2OCAxNi0xNnMtNy4xNjgtMTYtMTYtMTZjLTI2LjQ2NCAwLTQ4LTIxLjUzNi00OC00OHMyMS41MzYtNDggNDgtNDhoMzJjOC44MzIgMCAxNiA3LjE2OCAxNiAxNnMtNy4xNjggMTYtMTYgMTZoLTMyYy04LjgzMiAwLTE2IDcuMTY4LTE2IDE2czcuMTY4IDE2IDE2IDE2em0xNzYgODBjMCA4LjgzMi03LjE2OCAxNi0xNiAxNnMtMTYtNy4xNjgtMTYtMTZ2LTYwLjIyNGwtMS42OTYgMy4zOTJjLTUuNDQgMTAuODQ4LTIzLjIgMTAuODQ4LTI4LjY0IDBsLTEuNjY0LTMuMzkyVjI3MmMwIDguODMyLTcuMTY4IDE2LTE2IDE2cy0xNi03LjE2OC0xNi0xNlYxNDRjMC03LjQyNCA1LjEyLTEzLjg4OCAxMi4zMi0xNS41ODQgNy4xMzYtMS43MjggMTQuNjU2IDEuNzkyIDE3Ljk4NCA4LjQxNmwxNy42OTYgMzUuMzkyIDE3LjY5Ni0zNS4zNmMzLjI5Ni02LjY4OCAxMC42MjQtMTAuMTQ0IDE3Ljk4NC04LjQ0OCA3LjIzMiAxLjY5NiAxMi4zMiA4LjE2IDEyLjMyIDE1LjU4NHYxMjh6bTgwLTgwYzI2LjQ2NCAwIDQ4IDIxLjUzNiA0OCA0OHMtMjEuNTM2IDQ4LTQ4IDQ4aC0zMmMtOC44MzIgMC0xNi03LjE2OC0xNi0xNnM3LjE2OC0xNiAxNi0xNmgzMmM4LjggMCAxNi03LjE2OCAxNi0xNnMtNy4yLTE2LTE2LTE2Yy0yNi40NjQgMC00OC0yMS41MzYtNDgtNDhzMjEuNTM2LTQ4IDQ4LTQ4aDMyYzguODMyIDAgMTYgNy4xNjggMTYgMTZzLTcuMTY4IDE2LTE2IDE2aC0zMmMtOC44IDAtMTYgNy4xNjgtMTYgMTZzNy4yIDE2IDE2IDE2eiIgZmlsbD0iI2JmNzMwMCIvPjwvc3ZnPg==)
    no-repeat center center/19px;
  vertical-align: top;
}





.faahnN .code-input-element:focus {
  border-color: #3c3c3c;
}





.filimo-links {
  color: #bf7300;
  font-size: 11px;
  appearance: none;
  border: 0;
  padding: 1px 7px 2px;
  background: 0 0;
  user-select: none;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}

button {
  cursor: pointer;
  background: 0 0;
}

button,
input {
  outline: currentcolor 0;
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

.auth-wrapper .segment {
  padding: 30px 25px;
  display: flex;
  -moz-box-pack: justify;
  justify-content: space-between;
  -moz-box-align: center;
  align-items: center;
  font-size: 11px;
}

.auth-wrapper .segment.no-padding {
  padding: 0;
}

.flex-column {
  flex-direction: column !important;
  -moz-box-align: inherit !important;
  align-items: inherit !important;
}

.kLmAeK,
a {
  background-color: transparent;
}

.kLmAeK {
  position: relative;
  appearance: none;
  border: 0;
  transition: color 200ms ease 0s;
  margin: 0 auto;
  padding: 20px 25px;
  width: 100%;
  color: #444;
  font-size: 12px;
  cursor: pointer;
  line-height: 2;
  text-align: right;
}



.kLmAeK svg {
  width: 20px;
  height: 20px;
  margin-left: 20px;
  display: inline-block;
  vertical-align: middle;
  fill: #444;
}

.gBChs {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.faahnN .code-input-element.has-error {
  border-color: rgb(243, 64, 64);
}
.has-tooltip {
  color: rgba(184, 184, 184, 0.6);
}

.timer-wrapper-signin {
  display: flex;
  margin: 10px auto 2px;
  padding: 10px 0px;
  position: relative;
}

.tooltip {
  opacity: 0;
  visibility: hidden;
}

.has-tooltip:hover .tooltip {
  opacity: 1;
  visibility: visible;
}
body {
  max-width: 100%;
  background-color: #fafafa;
  background-image: url(./../images/bg.jpg);
  background-position: 100% 100%;
  margin: 0;
  font-family: IRANSans, sans-serif, serif;

  font-family: IRANSans, sans-serif, serif;

  display: grid;
  height: 100vh;

  max-width: 100%;
  background-color: #fafafa;

  background-position: 100% 100%;
  margin: 0;
  font-family: IRANSans, sans-serif, serif;
}












@media (max-width: 300px) {
  #logo {
    margin: 30px auto;
  }
}

@media (max-width: 768px) {
      #logo {
      margin: 30px auto;
  }
  section.route-section {
      padding: 0px 15px;
  }
  .euwDfW {
      margin-bottom: 10px;
  }

  .auth-wrapper .segment {
      padding: 20px 15px;
      display: inline-block;
      position: relative;
      float: right;
      width: 100%;
  }
  .izJjgC {
      text-align: center;
      display: block;
  }

  .auth-wrapper .segment .head-title-sm {
      margin: 0px 0px 10px;
  }
  .auth-wrapper .segment form {
      width: 100%;
      display: block;
  }
  .signin-password--form {
      flex-direction: column;
  }
  .jXooMm {
      display: none;
  }
  .full-width-in-mobile {
      width: 100% !important;
  }
  .signin-password--form .btn {
      margin: 10px 0px 0px;
  }

  #logo {
    margin: 30px auto;
  }

  .euwDfW {
    margin-bottom: 10px;
  }



    .psdr
  {display: inline-block;
  width: 100%;}




  .signin-segment--header {
    flex-direction: column;
    align-items: flex-start;
  }
  .auth-wrapper .segment form {
    width: 100%;
    display: block;
  }

  .signin-form {
    flex-direction: column;
    display: block;
    width: 100%;
  }
  .signin-form .btn {
    margin: 10px 0px 0px;
    width: 100%;
    text-align: center;
  }
  .signin-segment--header .btn {
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }


  .euwDfW {
    margin-bottom: 10px;
  }

  .signin-segment--header {
    flex-direction: column;
    align-items: flex-start;
  }
  .signin-segment--header .btn {
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }

  .auth-wrapper .segment form {
    width: 100%;
    display: block;
  }
  .signin-form {
    flex-direction: column;
    display: block;
    width: 100%;
  }
  .signin-form .btn {
    margin: 10px 0px 0px;
    width: 100%;
    text-align: center;
  }
}
.jQQban {
  display: flex;
  padding: 8px 30px 8px 115px;
  resize: none;
  direction: ltr;
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  font-size: 11px;
  font-family: inherit;
  line-height: normal;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: rgb(0, 0, 0);
  transition: all 300ms ease 0s;
  border: 1px solid rgb(212, 212, 212);
  appearance: none;
  width: 100%;
     
}
.gZcMiI:focus {
  border-color: rgb(166, 166, 166);
}
.gZcMiI {
  display: flex;
  padding: 8px 30px 8px 115px;
  resize: none;
  direction: rtl;
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  font-size: 11px;
  font-family: inherit;
line-height: normal;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: rgb(0, 0, 0);
  transition: all 300ms ease 0s;
  border: 1px solid rgb(212, 212, 212);
  border-top-color: rgb(212, 212, 212);
  border-right-color: rgb(212, 212, 212);
  border-bottom-color: rgb(212, 212, 212);
  border-left-color: rgb(212, 212, 212);
  appearance: none;
  width: 100%;
}

.kvsdTi::placeholder {
  color: rgb(109, 109, 109);
}
.kvsdTi::placeholder {
  color: rgb(109, 109, 109);
}

.kvsdTi {
    display: flex;
    padding: 8px 30px 8px 125px;
    resize: none;
    direction: rtl;
    border-radius: 3px;
    background-color: rgb(255, 255, 255);
    font-size: 11px;
    font-family: inherit;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: rgb(0, 0, 0);
    transition: all 300ms ease 0s;
    border: 1px solid rgb(243, 64, 64) !important;
    appearance: none;
    width: 100%;
    height: 40px;
    line-height: normal;
}
.hCcAFE::placeholder {
  color: rgb(109, 109, 109);
}
.hCcAFE::placeholder {
  color: rgb(109, 109, 109);
}

.hCcAFE {
  display: flex;
  padding: 8px 30px 8px 125px;
  resize: none;
  direction: rtl;
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  font-size: 11px;
  font-family:inherit;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: rgb(0, 0, 0);
  transition: all 300ms ease 0s;
  border: 1px solid rgb(243, 64, 64) !important;
  appearance: none;
  width: 100%;
   line-height: normal;
   height: 40px;
}
.TeWsFR
{
  height: 40px;
}
   
   
  
   
  
   
   
   








#main-container {
  direction: rtl;
}

#App {
  overflow: auto;

  direction: rtl;
}


.auth-wrapper .segment:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}





.auth-wrapper .segment .head-title {
  padding: 0;
  font-size: 13px;
  margin: 0 0 30px;
  line-height: 2;
}

.margin-none {
  margin: 0 !important;
}

.gPBFrf form {
  width: 100%;
}

.flex-column {
  flex-direction: column !important;
  -moz-box-align: inherit !important;
  align-items: inherit !important;
}





.deGLx > span {
  padding: 10px 0;
  display: inline-block;
  text-align: right;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #7d7e80;
  transition: all 300ms ease 0s;
}

.hGNljl::placeholder {
  color: #6d6d6d;
}

input:autofill,
input:autofill:active,
input:autofill:focus,
input:autofill:hover {
  box-shadow: #fff 0 0 0 1000px inset !important;
}

.hGNljl {
  display: flex;
  padding: 8px;
  resize: none;
  border-radius: 3px;
  background-color: #fff;
  font-size: 11px;
  font-family: inherit;
  height: 40px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  direction: ltr;
  color: #000;
  transition: all 300ms ease 0s;
  border: 1px solid #d4d4d4;
  appearance: none;
  width: 100%;
}

.tip {
  margin-top: 5px;
  font-size: 9px;
  color: #6f7285;
  align-self: baseline;
}

.gPBFrf .field-input {
  margin: 5px 0;
}

.deGLx,
.kBbGUf {
  width: 100%;
  position: relative;
}

.kBbGUf {
  display: block;
}

.deGLx {
  display: flex;
  flex-direction: column;
}

.iFoPrt::placeholder {
  color: #6d6d6d;
}

.iFoPrt {
  display: flex;
  padding: 8px;
  resize: none;
  border-radius: 3px;
  background-color: #fff;
  font-size: 11px;
  font-family: inherit;
  height: 40px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  direction: ltr;
  text-align: left;
  color: #000;
  transition: all 300ms ease 0s;
  border: 1px solid #d4d4d4;
  appearance: none;
  width: 100%;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

.gPBFrf .submit-button {
  width: 100%;
  font-weight: 700;
  border: 0;
  appearance: none;
  border-radius: 4px;
  padding: 13px;
  margin-top: 20px;
  transition: all 0.3s ease 0s;
  color: #fff;
  background: #fdb212 0 0;
}

element {
  direction: rtl;
}

.gPBFrf .change-pass-later {
  appearance: none;
  border: 0;
  margin-top: 20px;
  font-size: 11px;
  color: #bf7300;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}

button {
  cursor: pointer;
  background: 0 0;
}

button,
input {
  outline: currentcolor 0;
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}




.hNGfXc {
  font-size: 11px;
  display: block;
  font-weight: normal;
  color: rgb(243, 64, 64);
  margin-top: 10px;
  text-align: right;
  line-height: 2;
}


#app,
body {
  overflow-x: hidden;
}









.hihZfH {
  position: fixed;
  top: 50%;
  z-index: 2;
  right: 50%;
  transform: translate(50%, -50%);
}
.hihZfH svg {
  width: 400px;
  animation: 2s cubic-bezier(0.74, -0.03, 0.25, 1.01) 0s infinite normal none
    running hlTVzr;
}


#logo {
  margin: 50px auto;
  display: inline-block;
}

#logo img:first-child {
  height: 35px;
}

#logo img:last-child {
  height: 35px;
  margin-right: 10px;
}

@keyframes hlTVzr {
  0%,
  3% {
    transform-origin: center center 0px;
    transform: rotate(0deg);
  }
  30%,
  36% {
    transform-origin: center center 0px;
    transform: rotate(120deg);
  }
  63%,
  69% {
    transform-origin: center center 0px;
    transform: rotate(240deg);
  }
  100%,
  97% {
    transform-origin: center center 0px;
    transform: rotate(360deg);
  }
}

@-webkit-keyframes hlTVzr {
  0%,
  3% {
    transform-origin: center center 0px;
    transform: rotate(0deg);
  }
  30%,
  36% {
    transform-origin: center center 0px;
    transform: rotate(120deg);
  }
  63%,
  69% {
    transform-origin: center center 0px;
    transform: rotate(240deg);
  }
  100%,
  97% {
    transform-origin: center center 0px;
    transform: rotate(360deg);
  }
}


.gqQhnW {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 300px;
}
.hzLMwe {
  display: block;
  background: rgb(236, 42, 42) no-repeat scroll 0% 0%;
  color: rgb(255, 255, 255);
  padding: 15px 20px;
  font-size: 10px;
  border-radius: 4px;
  margin: 5px 0px;
}
.FadeBottom-exit-active {
  opacity: 0;
  transform: translateY(10px);
  transition: all 300ms ease 0s;
}
.FadeBottom-exit {
  opacity: 1;
  transform: translateY(0px);
}

.errgqQhnW {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 300px;
}
.errhzLMwe {
  display: block;
  background: rgb(236, 42, 42) no-repeat scroll 0% 0%;
  color: rgb(255, 255, 255);
  padding: 15px 20px;
  font-size: 10px;
  border-radius: 4px;
  margin: 5px 0px;
}
.auth-wrapper .segment--header span {
  font-size: 15px;
}

#main-wrapper {
  position: relative;
}

main {
  display: block;
}



element {
  height: 0;
  direction: rtl;
}




#main-container:not(.relative) {
  position: absolute;
  left: 50%;
  width: 100%;
  max-width: 440px;
  transform: translateX(-50%);
  transition: all 200ms ease 0s;
}

section.route-section {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
}

.euwDfW::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 15px;
  height: 10px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNjguODMyIiBoZWlnaHQ9IjI2OC44MzIiIHZpZXdCb3g9IjAgMCAyNjguODMyIDI2OC44MzIiPjxwYXRoIGZpbGw9IiM2OTY5NjkiIGQ9Ik0yNjUuMTcxIDEyNS41NzdsLTgwLTgwYy00Ljg4MS00Ljg4MS0xMi43OTctNC44ODEtMTcuNjc4IDAtNC44ODIgNC44ODItNC44ODIgMTIuNzk2IDAgMTcuNjc4bDU4LjY2MSA1OC42NjFIMTIuNWMtNi45MDMgMC0xMi41IDUuNTk3LTEyLjUgMTIuNSAwIDYuOTAyIDUuNTk3IDEyLjUgMTIuNSAxMi41aDIxMy42NTRsLTU4LjY1OSA1OC42NjFjLTQuODgyIDQuODgyLTQuODgyIDEyLjc5NiAwIDE3LjY3OCAyLjQ0IDIuNDM5IDUuNjQgMy42NjEgOC44MzkgMy42NjFzNi4zOTgtMS4yMjIgOC44MzktMy42NjFsNzkuOTk4LTgwYzQuODgyLTQuODgyIDQuODgyLTEyLjc5NiAwLTE3LjY3OHoiLz48L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transition: all 200ms ease 0s;
}



.euwDfW {
  background-color: #f9f9f9;
  padding: 10px 40px 10px 15px;
  border-radius: 3px;
  display: inline-block;
  margin-bottom: 20px;
  transition: background-color 0.3s ease 0s;
  border: 1px solid #bbb;
  position: relative;
  color: #696969;
  font-size: 11px;
}





.hLIMhs .mailbox-icon {
  margin: 40px auto 0;
  display: block;
  width: 160px;
  padding-left: 15px;
}

img {
  border-style: none;
}



.center {
  display: block;
}

.flex-column {
  flex-direction: column !important;
  -moz-box-align: inherit !important;
  align-items: inherit !important;
}

.justify-center {
  -moz-box-pack: center !important;
  justify-content: center !important;
}

.hLIMhs .big-title {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  color: #777;
  line-height: 2;
}

.hLIMhs .email-address {
  margin: 30px auto;
  width: 100%;
  font-weight: 700;
  color: #333;
}

.hLIMhs .verification-tip {
  font-weight: 700;
  color: #b3b3b3;
  margin: 0 auto 30px;
  line-height: 2;
  font-size: 12px;
}



[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

.hLIMhs .resend-email--section button {
  appearance: none;
  border: 0;
  background-color: transparent;
  color: #fdb212;
}

button {
  background-color: transparent;
}

.hLIMhs .resend-email--section {
  color: #666;
  font-size: 12px;
}

.auth-wrapper .segment,
.gBChs button {
  font-size: 11px;
}

.center {
  text-align: center;
}

.gBChs {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}

.gBChs button::after,
.gBChs button::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.gBChs button::before {
  width: 20px;
  height: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NjEiIGhlaWdodD0iNTYxIiB2aWV3Qm94PSIwIDAgNTYxIDU2MSI+PHBhdGggZD0iTTI4MC41IDBDMTUzIDAgNTEgMTAyIDUxIDIyOS41VjQwOGMwIDQzLjM1IDMzLjE1IDc2LjUgNzYuNSA3Ni41SDIwNHYtMjA0SDEwMnYtNTFDMTAyIDEzMC4wNSAxODEuMDUgNTEgMjgwLjUgNTFTNDU5IDEzMC4wNSA0NTkgMjI5LjV2NTFIMzU3djIwNGgxMDJWNTEwSDI4MC41djUxaDE1M2M0My4zNSAwIDc2LjUtMzMuMTUgNzYuNS03Ni41di0yNTVDNTEwIDEwMiA0MDggMCAyODAuNSAweiIgZmlsbD0iIzY2NiIvPjwvc3ZnPg==);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  right: 0;
}

.gBChs button {
  width: 85px;
  appearance: none;
  border: medium;
  padding: 0 25px 0 0;
  position: relative;
  text-align: right;
  color: #666;
  cursor: pointer;
  line-height: 2;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}

.gBChs button,
button {
  background: 0 0;
}

button,
input {
  outline: currentcolor 0;
  overflow: visible;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
}

.gBChs button::after {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #666;
  left: 0;
  transition: all 200ms ease 0s;
}

button {
  cursor: pointer;
}

button,
select {
  text-transform: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
}

.gBChs .support-ways {
  overflow: hidden;
  transition: height 200ms ease 0s;
  margin: 15px 0 0;
  border-right: 2px solid #cacaca;
  padding: 0 10px 0 0;
  list-style: outside none none;
}

.gBChs .support-ways li:not(:last-child) {
  margin-bottom: 10px;
}

.gBChs .support-ways li img {
  width: 15px;
  vertical-align: middle;
}

.gBChs .support-ways li .value {
  margin-right: 10px;
  font-size: 12px;
  color: #909090;
}

.gBChs .support-ways li .value a {
  color: #bf7300;
  margin-right: 5px;
}


 .resend-email--section .tick-icon {
  width: 15px;
  position: relative;
  top: 3px;
  margin-right: 10px;
}
img {
  border-style: none;
}

 .resend-email--section {
  color: rgb(102, 102, 102);
  font-size: 12px;
}
.auth-wrapper .segment {
  font-size: 11px;
}
.center {
  text-align: center;
}
 .resend-email--section .tick-icon {
  width: 15px;
  position: relative;
  top: 3px;
  margin-right: 10px;
}


.resend-email--section .greentext{
  margin-left: 10px;
color: rgb(26, 167, 108)!important;
}



img {
  border-style: none;
}

 .resend-email--section {
  color: rgb(102, 102, 102);
  font-size: 12px;
}

.center {
  text-align: center;
}


 .resend-loading {
  position: relative;
  top: 6px;
  width: 20px;
  animation: 0.7s ease 0s infinite normal none running dAlCEv;
}
 .resend-email--section .tick-icon {
  width: 15px;
  position: relative;
  top: 3px;
  margin-right: 10px;
}
@keyframes dAlCEv {


  0%,
  50% {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }



  97%,
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}




@font-face {
  font-family: 'iranSans';
  src: url('../fonts/iranSans/1.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'iranSansBlur';
  src: url('../fonts/iranSansBlur/1.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'openSans';
  src: url('../fonts/openSans/1.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}




#main-container:not(.relative) {
  position: absolute;
  left: 50%;
  width: 100%;
  max-width: 440px;
  transform: translateX(-50%);
  transition: all 200ms ease 0s;
}


.errors-wrapper {
  width: 100%;
}
#main-wrapper {
  position: relative;
}
.errors-wrapper .text-error {
  text-align: right;
  color: rgb(243, 64, 64);
  margin-top: 5px;
  line-height: 2em;
  display: block;
}


.center,
main {
  display: block;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

element {
  direction: rtl;
}





section.route-section {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
}

.auth-wrapper {
  box-shadow: rgba(143, 143, 143, 0.21) 0 0 2px 1px;
  border-radius: 4px;
  background-color: #fff;
  width: 100%;
  display: inline-block;
}





.auth-wrapper .segment .label-icon {
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
}





.faahnN {
  display: inline-block;
  direction: ltr;
}







.timer-wrapper {
  display: flex;
  margin: 10px auto 0;
  padding: 10px 0;
  position: relative;
}

.filimo-links {
  color: #bf7300;
  font-size: 11px;
  appearance: none;
  border: 0;
  padding: 1px 7px 2px;
  background: 0 0;
  user-select: none;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}

button {
  cursor: pointer;
  background: 0 0;
}

button,
input {
  outline: currentcolor 0;
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

.auth-wrapper .segment {
  padding: 30px 25px;
  display: flex;
  -moz-box-pack: justify;
  justify-content: space-between;
  -moz-box-align: center;
  align-items: center;
  font-size: 11px;
}

.auth-wrapper .segment.no-padding {
  padding: 0;
}

.flex-column {
  flex-direction: column !important;
  -moz-box-align: inherit !important;
  align-items: inherit !important;
}



.kLmAeK {
  position: relative;
  appearance: none;
  border: 0;
  transition: color 200ms ease 0s;
  margin: 0 auto;
  padding: 20px 25px;
  width: 100%;
  color: #444;
  font-size: 12px;
  cursor: pointer;
  line-height: 2;
  text-align: right;
}

a {
  text-decoration: none;
}

.kLmAeK svg {
  width: 20px;
  height: 20px;
  margin-left: 20px;
  display: inline-block;
  vertical-align: middle;
  fill: #444;
}

.gBChs {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.faahnN .code-input-element.has-error {
  border-color: rgb(243, 64, 64);
}
.has-tooltip {
  color: rgba(184, 184, 184, 0.6);
}


#captchaImg
 {
  
    height: 32px;
    margin: 2px 2px 2px 2px;
    left: 15px;
    cursor: pointer;
}
.psdr.flex {
    margin-top: 10px;
}


.captchaicon {
    position: absolute;
    top: 50%;
    right: 5px;
    height: 25px;
    transform: translateY(-50%);
}

.interMobile{
  line-height: 4!important;
}








.fade-enter {
  opacity: 0;
  transform: translateY(15px);
}
.fade-enter-active {
  opacity: 1;
  transform: translateY(0);
  transition: all 400ms ease-in-out;
}
.grecaptcha-badge {
  display: none !important;
}



 








.loadContent > svg:nth-of-type(2) {
  animation: pranLogo 1s ease 0s infinite normal;

  transform-origin: center;
 
}
@keyframes pranLogo {
from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(720deg);
  }
}