.btn-inactive {
  --si-btn-color: #fff;
  --si-btn-bg: #E5E5E5;
  --si-btn-border-color: #E5E5E5;
  --si-btn-hover-color: #fff;
  --si-btn-hover-bg: #E5E5E5;
  --si-btn-hover-border-color: #E5E5E5;
  --si-btn-focus-shadow-rgb: 48, 51, 60;
  --si-btn-active-color: #fff;
  --si-btn-active-bg: #E5E5E5;
  --si-btn-active-border-color: #E5E5E5;
  --si-btn-active-shadow: unset;
  --si-btn-disabled-color: #fff;
  --si-btn-disabled-bg: #E5E5E5;
  --si-btn-disabled-border-color: #E5E5E5;
}

.btn-releaso {
  --si-btn-color: #000;
  --si-btn-bg: #8770E5;
  --si-btn-border-color: #8770E5;
  --si-btn-hover-color: #fff;
  --si-btn-hover-bg: #785EDD;
  --si-btn-hover-border-color: #785EDD;
  --si-btn-focus-shadow-rgb: 84, 87, 205;
  --si-btn-active-color: #fff;
  --si-btn-active-bg: #785EDD;
  --si-btn-active-border-color: #785EDD;
  --si-btn-active-shadow: unset;
  --si-btn-disabled-color: #fff;
  --si-btn-disabled-bg: #8770E5;
  --si-btn-disabled-border-color: #8770E5;
}

.text-releaso {
  color: #8770E5 !important;
}

.accordion {
  --si-accordion-btn-icon-box-active-bg: #8770E5;
  --si-accordion-btn-icon-box-active-shadow: 0 -0.5rem 1.125rem -0.5rem rgba(135, 112, 229, 0.9);
}

.btn-prev,
.btn-next {
  --si-carousel-nav-btn-hover-bg: #8770E5;
  --si-carousel-nav-btn-hover-box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(135, 112, 229, 0.9);
}

.page-loading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.4s 0.2s ease-in-out;
  transition: all 0.4s 0.2s ease-in-out;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
}

[data-bs-theme=dark] .page-loading {
  background-color: #0b0f19;
}

.page-loading.active {
  opacity: 1;
  visibility: visible;
}

.page-loading-inner {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 0;
}

.page-loading.active > .page-loading-inner {
  opacity: 1;
}

.page-loading-inner > span {
  display: block;
  font-size: 1rem;
  font-weight: normal;
  color: #9397ad;
}

[data-bs-theme=dark] .page-loading-inner > span {
  color: #fff;
  opacity: 0.6;
}

.page-spinner {
  display: inline-block;
  width: 2.75rem;
  height: 2.75rem;
  margin-bottom: 0.75rem;
  vertical-align: text-bottom;
  border: 0.15em solid #b4b7c9;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner 0.75s linear infinite;
  animation: spinner 0.75s linear infinite;
}

[data-bs-theme=dark] .page-spinner {
  border-color: rgba(255, 255, 255, 0.4);
  border-right-color: transparent;
}

@-webkit-keyframes spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.word-break {
  width: 100%;
  word-wrap: break-word;
  table-layout: fixed;
}

.bg-releaso-gradient {
  background: radial-gradient(116.18% 118% at 50% 100%, rgba(99, 102, 241, 0.1) 0%, rgba(218, 70, 239, 0.05) 41.83%, rgba(241, 244, 253, 0.07) 82.52%);
}

.btn-releaso-email:hover, .btn-releaso-email:focus, .btn-releaso-email:active {
  color: #fff !important;
  background-color: #8770E5 !important;
  border-color: #8770E5 !important;
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgb(135, 112, 229) !important;
}

.cursor-pointer {
  cursor: pointer;
}

.bg-open-card {
  background-image: url(/resources/img/releaso/wallets/open-card/bg-db509f8148ca95ed85f276d0f1159824.jpg);
}
.bg-open-card .open-card-img {
  max-width: 360px;
  width: 100%;
  height: auto;
}

.multiline-text {
  white-space: pre-line;
}

.chart-tabs .nav-link {
  width: 45px;
  display: block;
  text-align: center;
  color: #fff;
  background-color: #8770E5;
  opacity: 0.75;
  border-color: transparent;
  transition: opacity 0.25s ease-in-out;
}
.chart-tabs .nav-link.active {
  color: #fff;
  opacity: 1;
  background-color: #8770E5;
}
.chart-tabs .nav-link:not(.active):hover, .chart-tabs .nav-link:not(.active):focus {
  opacity: 1;
  background-color: #8770E5;
  color: #fff;
}

.nested-list {
  list-style: none;
  padding-left: 1rem !important;
  counter-reset: level;
}
.nested-list li {
  position: relative;
  counter-increment: level;
}
.nested-list li::before {
  content: counters(level, ".") ". ";
}
.nested-list li ol {
  counter-reset: level;
  padding-left: 1.5rem;
}

.quote-block {
  padding: 10px 20px;
  border-left: 5px solid #8770E5;
}
.quote-block .quote-content {
  margin: 0;
  padding: 0;
}
.quote-block .quote-caption {
  margin: 0;
  padding: 10px 0 0;
  font-size: 0.8rem;
  color: #565973;
  opacity: 0.8;
}

.alert-block {
  display: flex;
  align-items: center;
  justify-content: start;
}
.alert-block .alert-icon {
  font-style: normal;
  font-size: 1.5rem;
  padding-right: 1rem;
}
.alert-block .alert-title {
  margin: 0;
  padding: 0;
  font-weight: bold;
}
.alert-block .alert-content {
  margin: 0;
  padding: 0;
}

.navbar-brand-light {
  display: none;
}

.header-spacer {
  padding-top: 7.5rem !important;
}

.releaso-header section {
  padding-top: 7rem !important;
  padding-bottom: 5rem !important;
}
.releaso-header .circle-parallax-image {
  max-width: 556px;
}
.releaso-header .circle-parallax-image .background-circle {
  width: 95%;
  height: 95%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  position: relative;
  background: rgb(69, 156, 251);
  background: linear-gradient(130deg, rgb(69, 156, 251) 0%, rgb(109, 97, 243) 47%, rgb(105, 69, 251) 100%);
  opacity: 0.5;
}
.releaso-header .circle-parallax-image .top-left-circle {
  width: 10px;
  height: 10px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  top: 10%;
  left: 0;
  position: absolute;
  background: rgb(69, 156, 251);
  background: linear-gradient(320deg, rgb(69, 156, 251) 0%, rgb(109, 97, 243) 47%, rgb(105, 69, 251) 100%);
  opacity: 0.5;
}
.releaso-header .circle-parallax-image .top-right-circle {
  width: 15px;
  height: 15px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  top: 0;
  left: 80%;
  position: absolute;
  background: rgb(69, 156, 251);
  background: linear-gradient(50deg, rgb(69, 156, 251) 0%, rgb(109, 97, 243) 47%, rgb(105, 69, 251) 100%);
  opacity: 0.5;
}
.releaso-header .circle-parallax-image .bottom-left-circle {
  width: 25px;
  height: 25px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  top: 80%;
  left: 0;
  position: absolute;
  background: rgb(69, 156, 251);
  background: linear-gradient(250deg, rgb(69, 156, 251) 0%, rgb(109, 97, 243) 47%, rgb(105, 69, 251) 100%);
  opacity: 0.5;
}
.releaso-header .circle-parallax-image .bottom-right-circle {
  width: 15px;
  height: 15px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  top: 100%;
  left: 95%;
  position: absolute;
  background: rgb(69, 156, 251);
  background: linear-gradient(120deg, rgb(69, 156, 251) 0%, rgb(109, 97, 243) 47%, rgb(105, 69, 251) 100%);
  opacity: 0.5;
}
.releaso-header .circle-parallax-image .phone-left {
  height: 80%;
  width: auto;
  position: absolute;
  padding: 10px;
}
.releaso-header .circle-parallax-image .phone-right {
  height: 80%;
  width: auto;
  position: absolute;
  padding: 10px;
  left: 50%;
  top: 20%;
}
.releaso-header.bg-wallets.releaso-header {
  background: rgb(135, 112, 229);
  background: linear-gradient(70deg, rgb(135, 112, 229) 0%, rgba(120, 94, 221, 0.6) 45%, rgb(135, 112, 229) 99%);
}
.releaso-header.bg-wallets.releaso-header h1, .releaso-header.bg-wallets.releaso-header p {
  color: #fff;
}
.releaso-header.bg-wallets.releaso-header .breadcrumb .breadcrumb-item > a {
  color: rgba(255, 255, 255, 0.85);
  transition: opacity 0.2s ease;
}
.releaso-header.bg-wallets.releaso-header .breadcrumb .breadcrumb-item > a:hover {
  color: white;
}
.releaso-header.bg-wallets.releaso-header .breadcrumb .breadcrumb-item::before {
  color: #fff;
}
.releaso-header.bg-wallets.releaso-header .breadcrumb .breadcrumb-item.active {
  color: white;
}
.releaso-header.bg-wallets.releaso-header .breadcrumb .breadcrumb-item.active > a {
  color: white;
}
.releaso-header.bg-wallets.releaso-header .circle-parallax-image .background-circle {
  background: #fff;
  opacity: 0.3;
}
.releaso-header.bg-wallets.releaso-header .circle-parallax-image .top-left-circle {
  background: #fff;
  opacity: 0.2;
}
.releaso-header.bg-wallets.releaso-header .circle-parallax-image .top-right-circle {
  background: #fff;
  opacity: 0.4;
}
.releaso-header.bg-wallets.releaso-header .circle-parallax-image .bottom-left-circle {
  background: #fff;
  opacity: 0.5;
}
.releaso-header.bg-wallets.releaso-header .circle-parallax-image .bottom-right-circle {
  background: #fff;
  opacity: 0.2;
}
.releaso-header .currency-bg {
  position: absolute;
  height: 520px;
  top: 50%;
  left: 50%;
  max-width: 100%;
  transform: translate(-50%, -50%);
  object-fit: contain;
  opacity: 0.05;
}

.apexcharts-tooltip {
  border-radius: 7px !important;
  background: rgba(135, 112, 229, 0.95) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 8px rgba(36, 36, 36, 0.5) !important;
}
.apexcharts-tooltip .apexcharts-tooltip-title {
  background: rgba(135, 112, 229, 0.95) !important;
  color: #fff !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6) !important;
}

.apexcharts-xaxistooltip {
  background: rgba(135, 112, 229, 0.95) !important;
  color: #fff !important;
  border-radius: 7px !important;
  border: none !important;
  box-shadow: 0 4px 8px rgba(36, 36, 36, 0.5) !important;
}
.apexcharts-xaxistooltip::before {
  background: #fff !important;
}

.apexcharts-xaxistooltip-bottom::before {
  opacity: 0;
}
.apexcharts-xaxistooltip-bottom::after {
  opacity: 0;
}

.apexcharts-marker {
  fill: #785EDD !important;
  stroke: #fff !important;
  r: 4px !important;
}