.gfq-modal,
.gfq-modal * {
  box-sizing: border-box;
}

.gfq-modal {
  max-width: 100vw;
  overflow-x: hidden;
}

.gfq-tracking-flow,
.gfq-tracking-form,
.gfq-tracking-form label,
.gfq-tracking-form input[name="phone"] {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.gfq-tracking-flow {
  overflow-x: hidden;
}

.gfq-tracking-form input[name="phone"].is-invalid {
  border-color: #dc5b57;
  background: #fffafa;
  box-shadow: 0 0 0 3px rgba(190, 46, 42, .09);
}

.gfq-tracking-error:not(:empty) {
  margin-top: 10px !important;
  padding: 9px 12px;
  border: 1px solid #f2cfcd;
  border-radius: 8px;
  background: #fff5f4;
  line-height: 1.9;
}

.gfq-modal-dialog {
  width: min(520px, 100%);
  max-width: 520px;
  overflow-x: hidden;
}

@media (max-width: 568px) {
  .gfq-modal-dialog {
    width: 100%;
    max-width: 100%;
  }
}

.gfq-tracking-success {
  padding: 6px 0 2px;
}

.gfq-tracking-success > i {
  display: none;
}

.gfq-tracking-success::before {
  content: "درخواست شما ثبت شد";
  display: block;
  margin: 0 0 12px;
  color: #147441;
  font-size: 17px;
  font-weight: 950;
  line-height: 1.8;
}

.gfq-tracking-success > p {
  margin: 0 0 24px !important;
  padding: 16px 18px;
  border: 1px solid #bfe5cf;
  border-radius: 10px;
  background: linear-gradient(145deg, #f4fcf7, #ebf8f0);
  color: #21613f !important;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 2.1;
  text-align: center !important;
}

.gfq-tracking-success button {
  background: linear-gradient(90deg, #1f9657, #147441);
  box-shadow: 0 9px 20px rgba(20, 116, 65, .2);
}

.gfq-tracking-success button:hover,
.gfq-tracking-success button:focus-visible {
  background: linear-gradient(90deg, #19834c, #105f35);
  box-shadow: 0 10px 23px rgba(20, 116, 65, .26);
}