.w-fit {
  width: fit-content;
}
.w-max {
  width: max-content;
}
.mg-cart {
  box-shadow: -11px 68px 19px 0px rgba(0, 0, 0, 0),
    -7px 43px 18px 0px rgba(0, 0, 0, 0.01),
    -4px 24px 15px 0px rgba(0, 0, 0, 0.05),
    -2px 11px 11px 0px rgba(0, 0, 0, 0.09), 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
  border-radius: 1.25rem;
}
h1 {
  font-size: 1.5rem;
  font-weight: 800;
  text-align: center;
}
.fs-8 {
  font-size: 0.87rem;
}
form {
  padding: 1.5rem;
  border-radius: 0.9375rem;
  border: 1px solid var(--Neutral-Neutral-100, #e6e6e6);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
    0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  width: -webkit-fill-available;
}
.div-tj {
  border-radius: 0.625rem;
  border: 1px solid var(--Neutral-Neutral-100, #e6e6e6);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.form-control {
  padding: 0.56rem 0.75rem !important;
  border-radius: 0.625rem !important;
  border: 1px solid #eaeaea !important;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05) !important;
}
.form-control:active,
.form-control:focus {
  box-shadow: none;
  border-color: #39c501 !important;
}
.box.active {
  border: 1px solid #39c501 !important;
}

.form-control::placeholder {
  color: #757575;
  font-size: 0.75rem;
  font-weight: 300;
}
.poya {
  padding-left: 1.9775rem;
  padding-right: 1.9775rem;
  display: flex;
  align-items: center;
  border-radius: 0.625rem;
  background: var(--Bank-Bank-5, #39c501);
}
.poya:hover{
  background: #2f9905;

}

.mg {
  height: 2.5625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.375rem 0.8125rem;
  border-radius: 0.625rem;
  background: var(--Bank-Bank-5, #39c501);
}
.mg:hover{
  background: #2f9905;

}
/* ///////چت جی بی تی */
.mn {
  border: unset;
  outline: unset;
}
.ss {
  border: unset;
  outline: unset;
  margin-right: 5rem !important;
}
.ss::placeholder {
  font-size: 0.87rem;
  font-weight: 400;
}
.mn::placeholder {
  font-size: 0.87rem;
  font-weight: 400;
}

@media (max-width: 1173px) {
  .mn {
    width: 5rem;
  }
  .ss {
    margin-right: 4rem !important;
    width: 5rem;
  }
}
@media (max-width: 992px) {
  .first {
    width: 100% !important;
  }
}
@media (max-width: 575px) {
  form {
    padding: 0rem;
    border-radius: unset;
    border: unset;
    box-shadow: unset;
  }
}