/* @font-face {
    font-family:'iransansx' ;
    src: url('../webfonts/IRANSansX-Medium.woff');
} */

#pars_popup_validate {
  background-color: rgba(0, 0, 0, 0.747);
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: -999;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s;
}

#phone_verify_wrapper {
  padding: 10px 20px;
}

#pars_popup_validate * {
  font-family: "iransansX";
  text-decoration: none;
}

.popup-validate-show {
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 999 !important;
  transition: all 0.2s;
}

#pars_popup_validate .pars-popup-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  background-color: #fff;
  border-radius: 8px;
  padding: 10px;
  font-size: 16px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s;
  transition-delay: 0.3s;
  text-align: center;
}

.pars-popup-visible {
  opacity: 1 !important;
  visibility: visible !important;
  transition: all 0.2s !important;
}

.popup_waiting {
  z-index: 9999999999999 !important;
  visibility: visible !important;
  opacity: 1 !important;
  background-color: rgba(0, 0, 0, 0.547) !important;
}

.popup_waiting .pars-popup-content {
  opacity: 1 !important;
  visibility: visible !important;
  transition: all 0.2s !important;
  border-radius: 2px !important;
  background-color: #f1f4f9 !important;
  top: 12% !important;
  transform: translatex(-50%) !important;
}

@media screen and (max-width: 576px) {
  .popup_waiting .pars-popup-content {
    width: 90% !important;
  }
}

.popup_waiting .pars-popup-content p {
  margin-bottom: 0 !important;
  margin: 0 !important;
  padding: 20px 5px !important;
  color: #333 !important;
  font-size: 14px !important;
}

@-webkit-keyframes rotating
/* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
  margin-bottom: 20px !important;
}

.progress-upload {
  position: relative;
  border-radius: 5px;
  box-shadow: 0 0 5px #9760fcaf;
  height: 20px;
  width: 90%;
  margin: 10px auto;
  overflow: hidden;
  margin-top: 38px;
}

.upload-waiting {
  width: 80px !important;
  height: 80px;
  margin: 20px auto;
  border-radius: 50%;
  border-right: 2px solid #8341ff;
  border-bottom: 2px solid #8341ff;
  transform: rotate(20deg);
}

.progress-upload-inner {
  background-color: #8341ff;
  position: absolute;
  left: 0;
  top: 0;
  height: 20px;
  width: 30%;
}

#pars_popup_validate .pars-popup-content input[type="number"] {
  width: 80%;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 10px;
  margin: 30px auto;
  text-align: center;
}

#pars_popup_validate .pars-popup-content input[type="number"]::placeholder {
  color: rgb(153, 153, 153);
}

#pars_popup_validate .pars-popup-content input[type="number"]:focus {
  border: 1px solid rgb(202, 202, 202) !important;
  outline: none !important;
  transition: all 0.3s;
}

#pars_popup_validate .pars-popup-content input[type="submit"] {
  width: 120px;
  border-radius: 5px;
  padding: 10px;
  margin: 10px auto;
  display: block;
  background-color: rgb(68, 181, 226);
  transition: all 0.3s;
  font-weight: normal !important;
}

#pars_popup_validate .pars-popup-content input[type="submit"]:hover {
  transform: translateY(-5px);
  box-shadow: 0 0 5px rgba(68, 181, 226, 0.623);
  transition: all 0.3s;
}

#close_pars_popup {
  text-align: left;
  display: block;
  padding: 5px;
  font-weight: 800;
  cursor: pointer;
  color: #000;
}

#validate_ajax_result {
  color: rgb(202, 38, 38);
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: bold;
}

#pars_popup_error {
  font-size: 14px;
  color: red;
  font-weight: bold;
}

.gform_ajax_spinner,
.custom-spinner {
  display: block !important;
  margin-top: 5px;
}

#validate_form_ressult {
  position: relative;
  z-index: 10;
  color: rgb(255, 67, 67);
  text-align: right;
  font-size: 12px;
  text-align: center !important;
  margin: 11px auto;
  display: block;
}

.popup-validate-show #pars_popup_content {
  visibility: visible !important;
  opacity: 1 !important;
}

.pars-popup-title {
  font-size: 15px;
}

#verify_submit_button {
  border: 0;
  color: #fff;
}

.gform_ajax_spinner {
  display: none !important;
}

#submit_verify button {
  font-size: 14px;
  background-color: #06c270;
  color: #fff !important;
  padding: 12px 15px !important;
  border-radius: 4px;
  margin: 5px auto;
  display: table;
  width: 100%;
  outline: none !important;
  border: 0 !important;
  text-align: center !important;
}

#submit_verify button:disabled {
  cursor: not-allowed;
}

#submit_verify button:hover {
  background-color: #0e945a;
}

#phone_verify_wrapper input {
  margin: 11px auto;
  display: block;
  width: 100%;
  padding: 10px;
  border: 1px solid #0063f7;
  color: #0063f7;
  font-size: 14px;
  border-radius: 4px !important;
}

#phone_verify_wrapper input::placeholder {
  color: #0063f7;
  font-size: 14px;
}

#phone_verify_wrapper *,
#submit_verify button {
  font-family: "IRANsansX" !important;
  outline: none !important;
}

#submit_verify button:focus {
  outline: none !important;
}

#phone_verify_wrapper input:focus {
  border: 1px solid rgb(143, 143, 143);
}

#validate_form_ressult {
  font-family: "iransansX";
  font-size: 14px;
}

#verify_number_title {
  display: block;
  margin: 15px auto;
  color: #fb335e;
  font-weight: bold;
  font-size: 20px;
  text-align: center !important;
}

#verify_number_subtitle {
  color: #28293d;
  font-size: 16px;
  font-weight: 700;
  display: block;
  margin-bottom: 10px;
}

.verify_number_desc {
  color: #28293d;
  display: block;
  margin: 15px 0 !important;
  font-size: 16px;
}

#resend_verify_code {
  display: none;
  cursor: pointer;
  padding: 5px;
}

#resend_verify_code,
#time_remainig {
  margin: 5px auto;
  color: #555770;
  text-align: center !important;
}

#verify_mobile_error {
  color: #ff3b3b;
  font-size: 14px;
  margin-top: 0;
  display: none;
}

#time_remainig {
  display: block;
}

#time_remainig,
#resend_verify_code {
  font-size: 14px;
  text-align: center;
  margin: 20px auto !important;
  color: #555770;
}

.show-block {
  display: block !important;
}

.input-danger {
  background-color: rgba(251, 51, 94, 0.05) !important;
  border: 1px solid #ff3b3b !important;
  color: #ff3b3b !important;
}

.input-danger::placeholder {
  color: #ff3b3b !important;
}

#validate_form_result {
  font-size: 12px;
  color: red;
  text-align: center;
  width: 100%;
  display: block;
  margin: 21px auto 0 auto;
}

.waiting-send-data {
  color: green !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px;
}

.waiting-send-data * {
  font-size: 14px !important;
}

#phone_verify_wrapper input[type="tel"]::placeholder,
#phone_verify_wrapper input[type="number"]::placeholder,
#phone_verify_wrapper input[type="email"]::placeholder {
  text-align: right !important;
  direction: rtl !important;
}

#phone_verify_wrapper input[type="tel"],
#phone_verify_wrapper input[type="number"],
#phone_verify_wrapper input[type="email"] {
  text-align: left !important;
  direction: ltr !important;
}

input[type="tel"]::placeholder,
input[type="number"]::placeholder,
input[type="email"]::placeholder {
  text-align: right !important;
  direction: rtl !important;
}

input[type="tel"],
input[type="number"],
input[type="email"] {
  text-align: left !important;
  direction: ltr !important;
}

#phone_verify_wrapper {
  max-width: 500px !important;
  margin: 15px auto;
  border: 1px solid #ddd;
  padding: 20px;
}

.custom-form-design .input-danger {
  background: rgb(249, 220, 220) !important;
  color: red !important;
}

.custom-form-design .input-danger::placeholder {
  color: red !important;
}

.custom-form-design .gform_footer {
  display: block !important;
}

.form-submition-waiting {
  direction: ltr !important;
}

.form-submition-waiting span {
  margin-left: 6px;
}

.form-submition-waiting svg {
  margin: 0 !important;
}

.gform_required_legend {
  display: none !important;
}

.validate-field-error {
  font-size: 12px !important;
  text-align: right !important;
  color: red !important;
  display: block;
  margin-top: 2px;
}

#gform_60 .validate-field-error,
#gform_59 .validate-field-error {
  font-size: 12px !important;
  text-align: right !important;
  color: #fff !important;
  display: block;
  margin-top: 2px;
}

.new-popup-im-way .field-error {
  text-align: right;
  width: 488px;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

.ginput_counter.gfield_description {
  display: none !important;
}