.w-fit {
  width: fit-content;
}
.w-max {
  width: max-content;
}
.w-fill {
  width: -webkit-fill-available;
}
.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;
  margin-bottom: 1.25rem;
}
.col-9e {
  color: #9e9e9e;
}
.fs-8 {
  font-size: 0.87rem;
}
.fs-7 {
  font-size: 0.75rem;
}
.div-fr {
  border-radius: 0.9375rem;
  background: #f7f7f7;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  margin-bottom: 1.19rem;
}
.div-1 {
  margin-bottom: 1.34rem;
}
.div-2 {
  margin-bottom: 2rem;
}
.pa-1 {
  color: var(--Neutral-Neutral-400, #9a9a9a);
  font-size: 1rem;
  font-weight: 600;
}
.pa-2 {
  color: #000;
  font-size: 1.125rem;
  font-weight: 700;
}
.gap-88 {
  gap: 0.88rem;
}
.di-w {
  padding: 0.75rem;
  border-radius: 0.625rem;
  background: #fff;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1),
    0px 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.nav-pills {
  border-radius: 0.625rem;
  background: #e6e6e6;
  padding: 0.19rem;
}
.nav-pills .nav-link {
  color: #9a9a9a;
}
.nav-pills .nav-link.active {
  width: -webkit-fill-available;
  color: black;
  background: white;
  padding: 0.5rem;
  border-radius: 0.625rem;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
    0px 1px 2px 0px rgba(0, 0, 0, 0.06);
}
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;
}
.gap-38 {
  gap: 0.38rem;
}
.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: black;
}
.p-num {
  font-size: 2rem;
  font-weight: 800;
}
.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;
}
.bt-rl {
  border-radius: 25rem !important;
}
.bt-m {
  padding: 0.66rem 0.81rem;
  color: white;
  background: black;
  border-radius: 0.625rem;
  
}
.bt-p {
  padding-top: 0.66rem;
  padding-bottom: 0.66rem;
  color: white;
  background: #39c501;
  border-radius: 0.625rem;
  width: -webkit-fill-available;
  text-align: center;
}
/* ///////چت جی بی تی */
.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: 1330px) {
  .first {
    width: 100% !important;
  }
}
@media (max-width: 1173px) {
  .mn {
    width: 5rem;
  }
  .ss {
    margin-right: 4rem !important;
    width: 5rem;
  }
}
@media (max-width: 992px) {
  .pa-2 {
    color: #000;
    font-size: 0.87rem;
    font-weight: 700;
  }
}
@media (max-width: 575px) {
  form {
    padding: 0rem;
    border-radius: unset;
    border: unset;
    box-shadow: unset;
  }
}