.w-fill {
  width: -webkit-fill-available;
}
.w-fit {
  width: fit-content;
}
.w-max {
  width: max-content;
}

h1 {
  font-size: 1.5rem;
  font-weight: 800;
}
p {
  font-size: 1rem;
}
.fs-8 {
  font-size: 0.87rem;
}
.fs-7 {
  font-size: 0.75rem;
}
.gap-88 {
  gap: 0.88rem;
}
.mb-75 {
  margin-bottom: 0.75rem;
}
.col-ff {
  color: #ff7245;
}

.col-9a {
  color: #9a9a9a;
}
.col-b3 {
  color: #b3b3b3;
}
.box-1 {
  padding: 1.1875rem 1.4375rem;
  border-radius: 0.625rem;
  border: 1px solid #e6e6e6;
  background: #fff;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
    0px 1px 2px 0px rgba(0, 0, 0, 0.06);
}
.box-2 {
  padding: 0.25rem;
  border-radius: 0.625rem;
  background: #f3f3f3;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.box-3 {
  padding: 0.75rem 1rem;
  border-radius: 0.625rem;
  border: 1px solid #e6e6e6;
  background: #fff;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
    0px 1px 2px 0px rgba(0, 0, 0, 0.06);
}
.bt-green {
  padding: 0.375rem 0.5625rem;
  color: var(--Success-700, #15803d);
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 0.5rem;
  border: 1px solid rgba(149, 149, 149, 0.11);
  background: var(--Success-100, #dcfce7);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  height: fit-content;
}
.bt-per {
  padding: 0.375rem 0.5625rem;
  color: #1400ff;
  font-size: 0.75rem;
  font-weight: 500;
  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);
  height: fit-content;
}
.bt-gray {
  padding: 0.375rem 0.5625rem;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 0.5rem;
  border: 1px solid rgba(149, 149, 149, 0.11);
  background: #f2f2f2;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  height: fit-content;
}
.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;
}
.activee {
  border: 2px solid var(--Exchange-Exchange-4, #5d2ffb) !important;
}
.accordion-button:focus {
  box-shadow: unset;
  border-color: unset;
}
.accordion-button:not(.collapsed) {
  color: unset;
  background-color: unset;
}
.card {
  border: unset;
}
.card-body {
  padding: unset;
}
@media (max-width: 1246px) {
  button {
    font-size: 0.5rem !important;
  }
}
@media (max-width: 1200px) {
  p {
    font-size: 0.7rem !important;
  }
  button {
    font-size: 0.7rem !important;
  }
}
@media (max-width: 1157px) {
  p {
    font-size: 0.6rem !important;
  }
  button {
    font-size: 0.5rem !important;
  }
  .box-1 {
    padding: 0.5rem;
  }
}
@media (max-width: 1157px) {
  p {
    font-size: 0.6rem !important;
  }
  button {
    font-size: 0.5rem !important;
  }
  .box-1 {
    padding: 0.5rem;
  }
}
@media (max-width: 992px) {
  p {
    font-size: 1rem !important;
  }
  button {
    font-size: 1rem !important;
  }
  .box-1 {
    padding: 1.1875rem 1.4375rem;
  }
}
@media (max-width: 400px) {
  button {
    font-size: 0.8rem !important;
  }
  button {
    font-size: 0.7rem !important;
  }
}