.w-fill {
  width: -webkit-fill-available;
}
.w-fit {
  width: fit-content;
}
.w-max {
  width: max-content;
}
.mb-33 {
  margin-bottom: 0.3rem;
}
h1 {
  font-size: 1.25rem !important;
  font-weight: 800;
}
h2 {
  font-size: 1.25rem;
  font-weight: 700;
}
.mb-35 {
  margin-bottom: 3.5rem;
}
.fs-8 {
  font-size: 0.87rem;
}
.fs-7 {
  font-size: 0.75rem;
}
.gap-88 {
  gap: 0.88rem;
}
.mb-75 {
  margin-bottom: 0.75rem;
}
.mt-25 {
  margin-top: 2.5rem;
}
.col-5d {
  color: #5d2ffb;
}
.col-ff {
  color: #ff7245;
}

.col-9a {
  color: #9a9a9a;
}
.col-b3 {
  color: #b3b3b3;
}
.gap-75 {
  gap: 0.75rem;
}
.bt-back {
  padding: 0.375rem 0.8125rem;
  border-radius: 0.625rem;
  border: 1px solid #eaeaea;
  background: #fff;
}
.bt-back:hover {
  border: 1px solid #5d2ffb;
}

.ma-t {
  margin-top: 0.4rem;
}

.bt-con {
  padding: 0.5625rem 1.5rem;
  border-radius: 0.625rem;
  background: var(--Exchange-Exchange-4, #5d2ffb);
  color: white;
}
.bt-con:hover {
  background: var(--Exchange-Exchange-4, #532fc7);
  color: white;
}

/* استایل سفارشی برای رادیو باتن */
.radio-box input[type="radio"] {
  border-radius: var(--Size-Border-Radius-Circle, 62.4375rem);
  border: var(--Size-Border-Size-Medium, 2px) solid
    var(--Control_Form-Default-Border, #d4d4d4);
  background: var(--Control_Form-Default-Neutral_Surface, #fff);
  appearance: none; /* حذف استایل پیش‌فرض */
  width: 1.625rem;
  height: 1.625rem;

  outline: none;
  cursor: pointer;
  transition: border-color 0.3s, background-color 0.3s;
}

/* رنگ و استایل رادیو باتن در حالت انتخاب‌شده */
.radio-box input[type="radio"]:checked {
  border: 6.6px solid #5d2ffb;
}

/* تغییر رنگ رادیو باتن هنگام فوکوس */
.radio-box input[type="radio"]:focus {
  border: 6.6px solid #5d2ffb;
}
.p-col {
  color: #101010;
}
.col-a {
  color: #0278ed;
}
.col-b {
  color: #df900a;
}
.div-box-1 {
  padding: 1.25rem;
  border-radius: 0.9375rem;
  border: 1px solid #e6e6e6;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.div-p {
  padding: 0.5rem 0.5625rem;
  border-radius: 0.625rem;
  background: var(--Neutral-Neutral-50, #f3f3f3);
}

@media (max-width: 1246px) {
}
@media (max-width: 1200px) {
}
@media (max-width: 1157px) {
}
@media (max-width: 1157px) {
}
@media (max-width: 992px) {
  .mb-35 {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 768px) {
  .div-box-1 {
    padding: 0rem;
    border-radius: 0.9375rem;
    border: unset;
    box-shadow: unset;
  }
}

@media (max-width: 500px) {
  .mg-1 {
    display: none;
  }
  .mg-2 {
    display: block !important;
  }
}
@media (max-width: 365px) {
  .fs-6 {
    font-size: 0.8rem !important;
  }
  .fs-8 {
    font-size: 0.7rem !important;
  }
  .fs-7 {
    font-size: 0.6rem !important;
  }
}