h1 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 1.66rem;
}

.shahrzad {
  display: contents;
}
.od{
  background-color: #0D003A;
}
.od:hover{
  background-color: #1d0b5c;

}
.counter-container {
  position: relative;
  width: 3.75rem;
  height: 3.75rem;
}
.circle {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  background: conic-gradient(
    #5d2ffb 0deg,
    #5d2ffb var(--progress, 0deg),
    lightgray var(--progress, 0deg),
    lightgray 360deg
  );
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}
.inner-circle {
  font-size: 1rem;
font-weight: 600;
  fill: linear-gradient(180deg, #fff 0%, #fff 100%);
  stroke-width: 1px;
  stroke: #fff;
  filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.31))
    drop-shadow(0px 6px 6px rgba(0, 0, 0, 0.27))
    drop-shadow(0px 14px 8px rgba(0, 0, 0, 0.16))
    drop-shadow(0px 24px 10px rgba(0, 0, 0, 0.05))
    drop-shadow(0px 38px 11px rgba(0, 0, 0, 0.01));
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  background-color: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: black;
  transform: rotate(0deg);
}

.toman {
  padding: 0.3125rem 0.75rem;
  border-radius: 0.9375rem !important;
  border: 1px solid #e6e6e6 !important;
  color: #000;
  font-size: 0.875rem;
  font-weight: 500;
  width: max-content;
}
.selected {
  border: 1px solid #5d2ffb !important;
  border-radius: 7rem1;
}
.choose-content {
  display: none;
}
.curr_exchange {
  border: unset;
  border-radius: unset;
  padding: unset;
  margin-bottom: unset;
}
.srh_c_card {
  width: -webkit-fill-available;
  margin: unset;
}
.btn:active {
  border-color: unset !important;
  border: unset !important;
}
.bit-num {
  direction: ltr;
  border: unset;
  background: transparent;
  outline: unset;
}
.bit-num-2 {
  direction: ltr;
  border: unset;
  background: transparent;
  outline: unset;
}
.btc {
  color: #646464;
  font-size: 0.8125rem;
  font-weight: 500;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  border-radius: 0.9375rem !important;
  border: 1px solid #5d2ffb !important;
  color: #000 !important;
  font-size: 0.73rem !important;
  font-weight: 500 !important;
  background-color: unset !important;
}
.nav-pills .nav-link {
  padding: 0.3125rem 0.75rem;

  border-radius: 0.9375rem !important;
  border: 1px solid #e6e6e6 !important;
  color: #000;
  font-size: 0.73rem;
  font-weight: 500;
}
.tmn {
  color: #b3b3b3;

  font-size: 0.625rem;
  font-weight: 400;
}
.border-65 {
  border-radius: 0.625rem;
}
.bit-a {
  padding: 0.4375rem 0.625rem !important;
  width: 9rem;
}
.tx-1 {
  color: #5d2ffb;
  font-size: 0.75rem;
  font-weight: 600;
  width: max-content;
}
.tx-2 {
  color: #808080;
  font-size: 0.875rem;
  font-weight: 600;
  width: -webkit-fill-available;
}
.bit {
  padding: 0.5rem;
  border-radius: 0.625rem;
  background-color: #f3f3f3;
}
.mb-37 {
  margin-bottom: 0.37rem;
}
.nav-tabs {
  margin-bottom: 1.44rem;
}
.modal-content {
  margin-top: 5rem;
}
.modal-body {
  padding: 1rem;
}
.ps {
  font-size: 1.5rem;
  font-weight: 800;
  text-align: center;
}
.g-16 {
  gap: 1.6rem;
}
.fs-7 {
  font-size: 0.75rem;
}
.fs-8 {
  font-size: 0.87rem;
}
.fs-62 {
  font-size: 0.625rem;
  font-weight: 500;
}
.co-64 {
  color: #646464;
}
.co-9a {
  color: #9a9a9a;
}
.col-1 {
  width: auto;
  border-radius: 0.75rem;
  background: var(--Neutral-Neutral-50, #f3f3f3);
}
.col-2 {
  width: auto;
  border-radius: 0.75rem;
  background: var(--Exchange-Exchange-0, #efebff);
}
.w-max {
  width: max-content;
}
.w-fill {
  width: -webkit-fill-available;
}
.w-fit {
  width: fit-content;
}
.pt {
  font-size: 0.875rem;
  font-weight: 900;
}
.border-div {
  border-radius: 0.5625rem;
  background: #fff;
}
.dr-lt {
  direction: ltr;
}
.cont-p {
  position: relative;
}
.co-5d {
  color: #5d2ffb;
}
.mb-2r {
  margin-bottom: 2.3rem;
}
.mb-3r {
  margin-bottom: 3.3rem;
}
.br-gray {
  border-bottom: 1px solid #e6e6e6;
}
.di-br-b {
  align-items: center;
  border-radius: 0.625rem;
  border: 1px solid var(--Neutral-Neutral-100, #e6e6e6);
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}

.mb-81 {
  margin-bottom: 0.81rem;
}
.div-gra {
  border-radius: 0.625rem;
  background: var(--Neutral-Neutral-50, #f3f3f3);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.col-75 {
  color: #757575;
}
.col-c5 {
  color: #c5c5c5;
}
.bt-buy {
  justify-content: center;
  height: 2.93rem;
  width: 12rem;
  display: flex;
  align-items: center;
  color: white;
  border-radius: 0.625rem;
  background: var(--Exchange-Exchange-4, #5d2ffb);
}
.bt-es {
  justify-content: center;
  height: 2.93rem;
  width: 12rem;
  display: flex;
  align-items: center;
  border-radius: 0.625rem;
  border: 1px solid var(--Neutral-Neutral-100, #e6e6e6);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.bt-es:hover {
  border: 1px solid var(--Neutral-Neutral-100, #5d2ffb);
}
.bt-buy:hover {
  background: rgb(70 34 200) !important;
  color: white;
}
.ban {
  margin-top: 6rem;
}
.es {
  padding: 0.5625rem 1.5rem;
  border-radius: 0.625rem;
  background: var(--Exchange-Exchange-9, #0d003a);
}
.es:hover {
  background: var(--Exchange-Exchange-9, #1e0c5e);
}
.again > p {
  color: var(--Error-950, #450a0a);
  text-align: right;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 0rem;
}
.again {
  padding: 1rem;
  border-radius: 0.875rem;
  border: 1px solid var(--Foundation-Waring-waring-300, #f8be5c);
  background: var(--Foundation-Waring-waring-50, #fef5e7);
}
.tjr {
  border-radius: 0.625rem;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.shad {
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1),
    0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-radius: 5.625rem;
}
.flash {
  margin-top: -8rem;
}
.background-faded {
  background-color: #f8f9fa !important; /* رنگ پس‌زمینه‌ی جدید */
  opacity: 0.7;
}
.modal-content.mr {
  margin-top: 12rem !important;
}
.modal-header {
  padding: 0.7rem !important;
  border-bottom: unset !important;
}
.btn-close {
  margin-left: 0.25rem !important;
}
.modal-body.body-2 {
  padding: 1rem !important;
}
.div-bn {
  border-radius: 0.625rem;
  border: 1px solid #e6e6e6;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  margin-bottom: 0.38rem;
}
.g-38 {
  gap: 0.38rem;
}

.bt-ta {
  color: #00d809;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.375rem 0.5625rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(0, 216, 9, 0.11);
  background: #e5fbe6;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.bt-ba {
  color: #1400ff;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.375rem 0.5625rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(20, 0, 255, 0.11);
  background: #f5f4ff;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.btn-afz {
  direction: ltr;
  color: #fff;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  border-radius: 0.625rem;
  border-color: #5d2ffb;
  background: var(--Exchange-Exchange-4, #5d2ffb);
  padding: 0.5625rem 1.5rem;
  text-align: center;
}
.btn-afz:hover {
  background: rgb(70 34 200) !important;
  color: white;
}

@media (min-width: 1200px) and (max-width: 1299px) {
  .nav-pills .nav-link {
    font-size: 0.73rem !important;
  }
  .nav-pills .nav-link.active {
    font-size: 0.73rem !important;
  }
}

@media (max-width: 575px) {
  .last-dv {
    gap: 1rem;
  }
  .bt-buy {
    width: auto;
  }
}
@media (min-width: 485px) {
  .min-485 {
    display: flex !important;
  }
  .max-485 {
    display: none !important;
  }
}
@media (max-width: 485px) {
  .max-485 {
    display: block !important;
  }
  .min-485 {
    display: none !important;
  }
  .bit {
    gap: 0rem !important;
  }

  .bit-a {
    width: 11rem;
  }
  .all-m {
    flex-direction: column !important;
    align-items: end;
  }
}