:root {
  --color-bg: #011429 !important;
  --color-surface: color-mix(in srgb, #011429 88%, #d4d4d4) !important;
  --color-surface-card: color-mix(in srgb, #011429 94%, #ffffff) !important;
  --color-surface-subtle: color-mix(in srgb, #011429 91%, #d4d4d4) !important;
  --color-text: #ffffff !important;
  --color-text-soft: #d4d4d4 !important;
  --color-text-on-light: #011429 !important;
  --color-primary: #d4d4d4 !important;
  --color-primary-hover: color-mix(in srgb, #ffffff 22%, #d4d4d4) !important;
  --color-primary-light: color-mix(in srgb, #011429 58%, #d4d4d4) !important;
  --color-primary-glow: color-mix(in srgb, #d4d4d4 38%, transparent) !important;
  --color-cta: #d4d4d4 !important;
  --color-cta-hover: color-mix(in srgb, #ffffff 18%, #d4d4d4) !important;
  --color-cta-glow: color-mix(in srgb, #d4d4d4 45%, transparent) !important;
  --shadow-cta-value: 0 6px 24px color-mix(in srgb, #000000 45%, transparent) !important;
  --color-border: color-mix(in srgb, #d4d4d4 38%, transparent) !important;
  --color-border-strong: color-mix(in srgb, #d4d4d4 58%, transparent) !important;
  --color-neutral: #d4d4d4 !important;
  --radius-sm: 8px !important;
  --radius-md: 12px !important;
  --radius-lg: 16px !important;
  --shadow-soft: 0 4px 20px color-mix(in srgb, #000000 35%, transparent) !important;
  --shadow-float: 0 12px 40px color-mix(in srgb, #000000 45%, transparent) !important;
  --transition: 0.22s cubic-bezier(0.22, 1, 0.36, 1) !important;
  --gradient-hero-dot: radial-gradient(circle at 32% 28%, color-mix(in srgb, #d4d4d4 28%, #011429) 0%, #011429 55%, #000812 100%) !important;
  --menu-mobile-bg: radial-gradient(520px 320px at 0% 0%, color-mix(in srgb, #d4d4d4 16%, transparent), transparent 58%), linear-gradient(180deg, #011429 0%, color-mix(in srgb, #011429 92%, #d4d4d4) 100%) !important;
}

html,
body,
footer#footer,
.promotion-detail-shell {
  background: var(--color-bg) !important;
  color: var(--color-text) !important;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

header#header {
  background: linear-gradient(
    185deg,
    color-mix(in srgb, #011429 92%, #002238) 0%,
    #011429 38%,
    color-mix(in srgb, #011429 88%, #00040a) 72%,
    #000814 100%
  ) !important;
  color: var(--color-text) !important;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
  border-bottom: 1px solid var(--color-border) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #d4d4d4 9%, transparent),
    0 10px 32px color-mix(in srgb, #000000 42%, transparent) !important;
}

header#header .top-header,
header#header .middle-header,
header#header .bottom-header,
header#header > div.container,
header#header > div[class*="header"] {
  background: transparent !important;
}

body {
  line-height: 1.55 !important;
}

.promotion-detail-shell {
  max-width: 900px !important;
  margin-inline: auto !important;
  padding-inline: clamp(12px, 3vw, 24px) !important;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
div,
strong,
b,
i,
em,
small,
label,
li,
ul,
ol,
footer#footer div.footer-bottom div.emails a.mail,
header#header div.middle-header div.middle-header-container div.header-buttons div.login-buttons a.button:not(.register) {
  color: var(--color-text) !important;
}

svg {
  color: var(--color-text) !important;
}

input,
textarea,
select,
button {
  color: var(--color-text) !important;
  background: color-mix(in srgb, #011429 92%, #ffffff) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-sm) !important;
  transition:
    border-color var(--transition),
    box-shadow var(--transition),
    background-color var(--transition) !important;
}

input:hover,
textarea:hover,
select:hover {
  border-color: var(--color-border-strong) !important;
}

.promotion-detail-content * {
      background: transparent !important;
}

.wallet-fiat-page__panel,
.fiat-method,
.wallet-fiat-page__tabs{
  background: transparent !important;
}

.fiat-method {
  border: 1px solid white !important;
}

input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: none !important;
  border-color: var(--color-neutral) !important;
  box-shadow: 0 0 0 3px var(--color-primary-glow) !important;
}

button {
  border-radius: var(--radius-sm) !important;
  cursor: pointer !important;
  transition:
    background-color var(--transition),
    border-color var(--transition),
    box-shadow var(--transition),
    transform var(--transition),
    filter var(--transition) !important;
}

button:hover {
  filter: brightness(1.04) !important;
}

button:active {
  transform: scale(0.98) !important;
}

.soc-card {
  background: var(--color-surface) !important;
  color: var(--color-text) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-soft) !important;
  border: 1px solid var(--color-border) !important;
}

div.provider-box a.provider-item figure.image {
  background: linear-gradient(#233356eb 0%, #141f37f0 100%) !important;
  border: 1px solid #598bff24 !important;
  border-radius: 8px !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 78px !important;
  padding: 18px 20px !important;
  margin: 0 !important;
  transition:
    transform 0.18s,
    border-color 0.18s,
    box-shadow 0.18s,
    background 0.18s !important;
  display: flex !important;
  position: relative !important;
  box-shadow:
    inset 0 1px #ffffff0d,
    0 18px 55px #0000008c !important;
}

div.provider-box a.provider-item figure.image img {
  background: transparent !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  transition:
    transform var(--transition),
    filter var(--transition) !important;
}

div.provider-box a.provider-item:hover figure.image {
  transform: translateY(-2px) scale(1.02) !important;
  border-color: #598bff44 !important;
  box-shadow:
    inset 0 1px #ffffff14,
    0 22px 60px #00000094 !important;
}

div.provider-box a.provider-item:hover figure.image img {
  filter: brightness(1.06) !important;
}

.latestWins__dot,
.hp-hero .hero-box .box-register .other-buttons .button {
  background: var(--gradient-hero-dot) !important;
  box-shadow: 0 2px 12px color-mix(in srgb, #011429 35%, transparent) !important;
  transition:
    transform var(--transition),
    box-shadow var(--transition),
    filter var(--transition) !important;
}

.hp-hero .hero-box .box-register .other-buttons .button:hover {
  filter: brightness(1.08) saturate(1.05) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px color-mix(in srgb, #011429 45%, transparent) !important;
}

.latestWins__pill {
  background: transparent !important;
}

div.hero-box div.box-register a.register-button,
.latestWins__provider {
  background: linear-gradient(180deg, var(--color-cta) 0%, var(--color-cta-hover) 100%) !important;
  border: 1px solid color-mix(in srgb, #ffffff 25%, #d4d4d4) !important;
  color: var(--color-text-on-light) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: var(--shadow-cta-value) !important;
  transition:
    background var(--transition),
    box-shadow var(--transition),
    transform var(--transition),
    filter var(--transition) !important;
}

div.hero-box div.box-register a.register-button:hover,
.latestWins__provider:hover {
  filter: brightness(1.06) !important;
  box-shadow: 0 8px 28px var(--color-cta-glow) !important;
  transform: translateY(-1px) !important;
}

div.hero-box div.box-register a.register-button:active,
.latestWins__provider:active {
  transform: translateY(0) scale(0.99) !important;
}

#responsive-menu.responsive-menu.active-menu .sb-top-btn.active {
  background: var(--color-cta) !important;
  border: 1px solid color-mix(in srgb, #ffffff 22%, #d4d4d4) !important;
  color: var(--color-text-on-light) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: 0 2px 10px color-mix(in srgb, #011429 30%, transparent) !important;
}

@media (max-width: 991px) {
  #responsive-menu.responsive-menu.active-menu {
    background: var(--menu-mobile-bg) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
  }
}

div.promotion-list a.listing-block div.listing-item div.item-bottom {
  background-color: var(--color-surface) !important;
  border-bottom: 1px solid var(--color-border-strong) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, #d4d4d4 12%, transparent) !important;
}

.faq__bg {
  background:
    radial-gradient(1000px 480px at 0% 0%, color-mix(in srgb, #d4d4d4 14%, transparent), transparent 55%),
    radial-gradient(800px 380px at 100% 0%, color-mix(in srgb, #011429 40%, transparent), transparent 60%),
    linear-gradient(180deg, #011429 0%, color-mix(in srgb, #011429 94%, #d4d4d4) 45%, color-mix(in srgb, #011429 88%, #000814) 100%) !important;
}

.latestWins__meta {
  background: transparent !important;
}

body,
.modal.auth-modal {
  padding-left: 0 !important;
}

.ph6q {
  background: color-mix(in srgb, #011429 90%, #001220) !important;
}

.modal.auth-modal {
  background: transparent !important;
  color: var(--color-text) !important;
}

.modal.auth-modal .modal-dialog {
  background: transparent !important;
}

.modal.auth-modal .modal-content {
  background: linear-gradient(
    185deg,
    color-mix(in srgb, #011429 93%, #002033) 0%,
    #011429 45%,
    color-mix(in srgb, #011429 86%, #00040a) 100%
  ) !important;
  border: 1px solid var(--color-border-strong) !important;
  border-radius: var(--radius-md) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #d4d4d4 10%, transparent),
    var(--shadow-float) !important;
  color: var(--color-text) !important;
}

.modal.auth-modal .modal-body {
  background: transparent !important;
  color: inherit !important;
}

.modal.auth-modal .auth-logo,
.modal.auth-modal .modal-box {
  background: transparent !important;
}

.modal.auth-modal ul.nav.nav-pills {
  background: transparent !important;
  border: none !important;
}

.modal.auth-modal .ato-wrap.general-nav {
  background: transparent !important;
}

.modal.auth-modal .ato-rail {
  background: color-mix(in srgb, #000000 38%, #011429) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, #d4d4d4 8%, transparent) !important;
}

.modal.auth-modal .ato-rail.no-bg {
  background: color-mix(in srgb, #000000 38%, #011429) !important;
}

.modal.auth-modal .ato-indicator {
  background: linear-gradient(180deg, var(--color-cta-hover) 0%, var(--color-cta) 100%) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: 0 2px 8px color-mix(in srgb, #000000 35%, transparent) !important;
}

.modal.auth-modal .ato-btn {
  background: transparent !important;
  color: var(--color-text-soft) !important;
  border: none !important;
}

.modal.auth-modal .ato-btn.is-active {
  color: var(--color-text-on-light) !important;
}

.modal.auth-modal .close-modal button.close-modal {
  background: color-mix(in srgb, #d4d4d4 14%, transparent) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: 999px !important;
  color: var(--color-text) !important;
}

.modal.auth-modal .close-modal button.close-modal:hover {
  background: color-mix(in srgb, #d4d4d4 22%, transparent) !important;
  border-color: var(--color-border-strong) !important;
}

.modal.auth-modal .close-modal [role="presentation"],
.modal.auth-modal .close-modal svg {
  color: inherit !important;
}

.modal.auth-modal .tab-content {
  background: transparent !important;
}

.modal.auth-modal .tab-pane {
  background: transparent !important;
  color: inherit !important;
}

.modal.auth-modal .auth-form .form-group .title {
  color: var(--color-text-soft) !important;
}

.modal.auth-modal .auth-form .required {
  color: color-mix(in srgb, #ffffff 40%, #d4d4d4) !important;
}

.modal.auth-modal .auth-form .form-item {
  background: transparent !important;
}

.modal.auth-modal .auth-form .form-item input {
  background: color-mix(in srgb, #011429 92%, #001018) !important;
  border: 1px solid var(--color-border) !important;
  color: var(--color-text) !important;
  border-radius: var(--radius-sm) !important;
}

.modal.auth-modal .auth-form .form-item input::placeholder {
  color: color-mix(in srgb, #d4d4d4 55%, transparent) !important;
}

.modal.auth-modal .auth-form .form-item input:focus {
  border-color: var(--color-neutral) !important;
  box-shadow: 0 0 0 3px var(--color-primary-glow) !important;
}

.modal.auth-modal .toggle-password.button {
  background: transparent !important;
  color: var(--color-text-soft) !important;
  border: none !important;
}

.modal.auth-modal .toggle-password [role="presentation"],
.modal.auth-modal .toggle-password svg {
  color: inherit !important;
}

.modal.auth-modal .common-form-button .button {
  background: linear-gradient(180deg, var(--color-cta-hover) 0%, var(--color-cta) 100%) !important;
  color: var(--color-text-on-light) !important;
  border: 1px solid color-mix(in srgb, #ffffff 28%, #d4d4d4) !important;
  border-radius: var(--radius-sm) !important;
}

.modal.auth-modal .common-form-button .button:disabled {
  opacity: 0.5 !important;
}

.modal.auth-modal .or-auth {
  background: transparent !important;
  color: var(--color-text-soft) !important;
}

.modal.auth-modal .or-auth .forgot {
  color: var(--color-neutral) !important;
}

.modal.auth-modal .or-auth .dont {
  color: var(--color-text-soft) !important;
}

.modal.auth-modal .or-auth .register-tab {
  background: transparent !important;
  color: var(--color-text) !important;
  border: none !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

.modal.auth-modal .or-auth .register-tab:hover {
  color: var(--color-neutral) !important;
}

.modal.auth-modal .or-auth .or {
  color: color-mix(in srgb, #d4d4d4 65%, transparent) !important;
}

.modal-backdrop.show {
  background: color-mix(in srgb, #000000 72%, #011429) !important;
}

.modal .modal-content:has(.auth-form),
.modal .modal-content:has(#pills-tabAuth) {
  background: linear-gradient(
    185deg,
    color-mix(in srgb, #011429 93%, #002033) 0%,
    #011429 45%,
    color-mix(in srgb, #011429 86%, #00040a) 100%
  ) !important;
  border: 1px solid var(--color-border-strong) !important;
  border-radius: var(--radius-md) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #d4d4d4 10%, transparent),
    var(--shadow-float) !important;
  color: var(--color-text) !important;
}

.modal .modal-content:has(.auth-form) .modal-body,
.modal .modal-content:has(#pills-tabAuth) .modal-body {
  background: transparent !important;
}

.modal .modal-content:has(.global-modal__head) {
  background: linear-gradient(
    185deg,
    color-mix(in srgb, #011429 93%, #002033) 0%,
    #011429 45%,
    color-mix(in srgb, #011429 86%, #00040a) 100%
  ) !important;
  border: 1px solid var(--color-border-strong) !important;
  border-radius: var(--radius-md) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #d4d4d4 10%, transparent),
    var(--shadow-float) !important;
  color: var(--color-text) !important;
  overflow: hidden !important;
}

.modal .modal-content:has(.global-modal__head) .modal-body {
  background: transparent !important;
  color: inherit !important;
  padding: 0 !important;
}

.global-modal__head {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.5rem !important;
  padding: 0.65rem 0.75rem !important;
  background: color-mix(in srgb, #000000 28%, #011429) !important;
  border-bottom: 1px solid var(--color-border) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, #d4d4d4 8%, transparent) !important;
}

.global-modal__close {
  background: color-mix(in srgb, #d4d4d4 14%, transparent) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: 999px !important;
  color: var(--color-text) !important;
  padding: 0.35rem !important;
  line-height: 0 !important;
  transition:
    background-color var(--transition),
    border-color var(--transition) !important;
}

.global-modal__close:hover {
  background: color-mix(in srgb, #d4d4d4 22%, transparent) !important;
  border-color: var(--color-border-strong) !important;
}

.global-modal__close [role="presentation"],
.global-modal__close svg {
  color: inherit !important;
}

.global-modal__body {
  background: transparent !important;
  padding: 0.75rem 0.75rem 1rem !important;
}

.global-modal__imageBtn {
  display: block !important;
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  cursor: pointer !important;
  border-radius: var(--radius-sm) !important;
  overflow: hidden !important;
}

.global-modal__img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: 0 4px 24px color-mix(in srgb, #000000 45%, transparent) !important;
}

.modal-dialog > .modal-body:has(.global-modal__head) {
  background: linear-gradient(
    185deg,
    color-mix(in srgb, #011429 93%, #002033) 0%,
    #011429 45%,
    color-mix(in srgb, #011429 86%, #00040a) 100%
  ) !important;
  border: 1px solid var(--color-border-strong) !important;
  border-radius: var(--radius-md) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #d4d4d4 10%, transparent),
    var(--shadow-float) !important;
  color: var(--color-text) !important;
  overflow: hidden !important;
}

.modal .modal-content:has(.wallet-box),
.modal-dialog > .modal-body:has(.wallet-box) {
  background: linear-gradient(
    185deg,
    color-mix(in srgb, #011429 93%, #002033) 0%,
    #011429 45%,
    color-mix(in srgb, #011429 86%, #00040a) 100%
  ) !important;
  border: 1px solid var(--color-border-strong) !important;
  border-radius: var(--radius-md) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #d4d4d4 10%, transparent),
    var(--shadow-float) !important;
  color: var(--color-text) !important;
  overflow: hidden !important;
}

.modal:has(.wallet-box) .modal-body {
  background: transparent !important;
  color: inherit !important;
  padding: 0 !important;
}

.modal:has(.wallet-box) .wallet-box,
.modal:has(.wallet-box) .wallet-normal,
.modal:has(.wallet-box) .wallet-body,
.modal:has(.wallet-box) .stats-content {
  background: transparent !important;
  color: inherit !important;
}

.modal:has(.wallet-box) .wallet-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  padding: 0.65rem 0.75rem !important;
  background: color-mix(in srgb, #000000 28%, #011429) !important;
  border-bottom: 1px solid var(--color-border) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, #d4d4d4 8%, transparent) !important;
}

.modal:has(.wallet-box) .wallet-header .title,
.modal:has(.wallet-box) .wallet-header .title span {
  color: var(--color-text) !important;
}

.modal:has(.wallet-box) .wallet-header .close-modal button.close-modal {
  background: color-mix(in srgb, #d4d4d4 14%, transparent) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: 999px !important;
  padding: 0.35rem !important;
  line-height: 0 !important;
}

.modal:has(.wallet-box) .wallet-header .close-modal button.close-modal:hover {
  background: color-mix(in srgb, #d4d4d4 22%, transparent) !important;
  border-color: var(--color-border-strong) !important;
}

.modal:has(.wallet-box) .wallet-header .close-modal button.close-modal img {
  filter: brightness(0) invert(1) opacity(0.88) !important;
}

.modal:has(.wallet-box) .ato-wrap {
  background: transparent !important;
  padding: 0.5rem 0.75rem 0 !important;
}

.modal:has(.wallet-box) .ato-rail {
  background: color-mix(in srgb, #000000 38%, #011429) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, #d4d4d4 8%, transparent) !important;
}

.modal:has(.wallet-box) .ato-indicator {
  background: linear-gradient(180deg, var(--color-cta-hover) 0%, var(--color-cta) 100%) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: 0 2px 8px color-mix(in srgb, #000000 35%, transparent) !important;
}

.modal:has(.wallet-box) .ato-btn {
  background: transparent !important;
  color: var(--color-text-soft) !important;
  border: none !important;
}

.modal:has(.wallet-box) .ato-btn.is-active {
  color: var(--color-text-on-light) !important;
}

.modal:has(.wallet-box) .stats-content {
  padding: 0.5rem 0.75rem 0.75rem !important;
}

.modal:has(.wallet-box) .user-statu-box {
  background: color-mix(in srgb, #000000 24%, #011429) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-md) !important;
  padding: 0.75rem !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, #d4d4d4 6%, transparent) !important;
}

.modal:has(.wallet-box) .user-head .username {
  color: var(--color-text) !important;
}

.modal:has(.wallet-box) .statu-head .title .text {
  color: var(--color-text-soft) !important;
}

.modal:has(.wallet-box) .percentage-box .text {
  color: var(--color-neutral) !important;
}

.modal:has(.wallet-box) .statu-progress {
  background: color-mix(in srgb, #000000 45%, #011429) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}

.modal:has(.wallet-box) .statu-progress span {
  background: linear-gradient(90deg, var(--color-cta-hover) 0%, var(--color-cta) 100%) !important;
}

.modal:has(.wallet-box) .before-after .block {
  background: color-mix(in srgb, #000000 18%, #011429) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-sm) !important;
  padding: 0.5rem !important;
}

.modal:has(.wallet-box) .before-after .block .name {
  color: var(--color-text-soft) !important;
}

.modal:has(.wallet-box) .vip-welcome-tab__body {
  background: transparent !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.65rem !important;
  margin-top: 0.75rem !important;
}

.modal:has(.wallet-box) .vip-welcome-tab__card {
  background: color-mix(in srgb, #000000 24%, #011429) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-md) !important;
  overflow: hidden !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, #d4d4d4 6%, transparent) !important;
}

.modal:has(.wallet-box) .vip-welcome-tab__row-btn {
  padding: 0.65rem 0.75rem !important;
  gap: 0.65rem !important;
}

.modal:has(.wallet-box) .vip-welcome-tab__title {
  color: var(--color-text) !important;
}

.modal:has(.wallet-box) .vip-welcome-tab__sub {
  color: var(--color-text-soft) !important;
}

.modal:has(.wallet-box) .vip-welcome-tab__panel {
  background: color-mix(in srgb, #000000 35%, #011429) !important;
  border-top: 1px solid var(--color-border) !important;
}

.modal:has(.wallet-box) .vip-welcome-tab__panel-text {
  color: var(--color-text-soft) !important;
}

.modal:has(.wallet-box) button.vip-welcome-tab__claim {
  background: linear-gradient(180deg, var(--color-cta-hover) 0%, var(--color-cta) 100%) !important;
  color: var(--color-text-on-light) !important;
  border: 1px solid color-mix(in srgb, #ffffff 28%, #d4d4d4) !important;
  border-radius: var(--radius-sm) !important;
  padding: 0.45rem 0.85rem !important;
  font-weight: 600 !important;
}

a[href*="/tr/casino"] .item-image img,
a[href*="/tr/sportsbook"] .item-image img {
  display: none !important;
}

a[href*="/tr/casino"] .item-image::after,
a[href*="/tr/sportsbook"] .item-image::after {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 300px !important;
  background-size: cover !important;
  background-position: center !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-float) !important;
  transition:
    box-shadow var(--transition),
    transform var(--transition) !important;
}

.faq__item {
  background: color-mix(in srgb, #011429 92%, #ffffff) !important;
}

a[href*="/tr/casino"]:hover .item-image::after,
a[href*="/tr/sportsbook"]:hover .item-image::after {
  box-shadow: 0 12px 40px color-mix(in srgb, #011429 12%, transparent) !important;
  transform: scale(1.01) !important;
}

div.main-search form.search-form {
  background: color-mix(in srgb, #011429 92%, #ffffff) !important;
}

a[href*="/tr/casino"] .item-image::after {
  background-image: url("https://cdn.pelitcdn.com/casino-new.png") !important;
}

a[href*="/tr/sportsbook"] .item-image::after {
  background-image: url("https://cdn.pelitcdn.com/spor-new.png") !important;
}

@media (max-width: 768px) {
  .col-lg-4,
  .owl-item {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  a[href*="/tr/casino"] .item-image::after,
  a[href*="/tr/sportsbook"] .item-image::after {
    height: 200px !important;
    border-radius: var(--radius-sm) !important;
  }
}

@media (max-width: 991px) {
  div.cat-carousel div.section-carousel div.owl-carousel a.simple-category div.item-title {
    background-color: var(--color-surface) !important;
    border-bottom: 1px solid var(--color-border-strong) !important;
  }
}

@media (min-width: 992px) {
  #responsive-menu.responsive-menu.active-menu .sl-acc__section {
    background: linear-gradient(180deg, #011429 0%, color-mix(in srgb, #011429 94%, #d4d4d4) 100%) !important;
  }
}

.p2label {
  color: #ffffff !important;
}

.latestWins__viewport {
  box-shadow: 0 16px 48px color-mix(in srgb, #011429 8%, transparent) !important;
  border-radius: var(--radius-md) !important;
}

.latestWins__viewport:before,
.sl-acc__bodyWrap {
  background: none !important;
}

div.section-header div.section-title div.icon img,
.sl-acc__headIcon img {
  filter: none !important;
}

#responsive-menu .menu-head .buttons .languages-box .other-langs .lang {
  background-color: color-mix(in srgb, #d4d4d4 18%, transparent) !important;
  border-radius: var(--radius-sm) !important;
  transition: background-color var(--transition) !important;
}

#responsive-menu .menu-head .buttons .languages-box .other-langs .lang:hover {
  background-color: color-mix(in srgb, #d4d4d4 30%, transparent) !important;
}

.vip6qCard__html p,
.vip6qTag__label,
.tournament-item .tournament-item-big div.tournament-details div.simple-tab div.tab-blocks div.tab-block div.lead-table div.table-list div.list-block div.award div.amount span.text,
.soc-verify-btn,
footer#footer div.footer-bottom div.emails a.mail span,
.owl-nav .owl-next,
.owl-nav .owl-prev {
  color: var(--color-text-soft) !important;
}

div.simple-bets ul {
  background: var(--color-surface-subtle) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, #d4d4d4 8%, transparent) !important;
}

div.simple-bets ul li {
  color: var(--color-text-soft) !important;
  border-color: var(--color-border) !important;
}

.owl-nav .owl-view-all {
  background: color-mix(in srgb, #011429 72%, #001018) !important;
  color: var(--color-text) !important;
  text-decoration: none !important;
  border: 1px solid var(--color-border-strong) !important;
  border-radius: var(--radius-sm) !important;
  padding: 0.45rem 1rem !important;
  font-weight: 500 !important;
  transition:
    background-color var(--transition),
    color var(--transition),
    border-color var(--transition),
    box-shadow var(--transition) !important;
  box-shadow: 0 2px 10px color-mix(in srgb, #000000 25%, transparent) !important;
}

.owl-nav .owl-view-all:hover {
  background: color-mix(in srgb, #d4d4d4 16%, #011429) !important;
  color: var(--color-text) !important;
  border-color: var(--color-neutral) !important;
  box-shadow: 0 4px 14px color-mix(in srgb, #000000 35%, transparent) !important;
}

.promotions-tabs,
.flex-table .flex-row:nth-child(odd) {
  background: linear-gradient(180deg, #022948 0%, #011429 50%, #020f1f 100%) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, #d4d4d4 22%, transparent) !important;
}

.promotions-tabs *,
.flex-table .flex-row:nth-child(odd) * {
  color: #ffffff !important;
}

.faq__cat {
  color: var(--color-text-soft) !important;
  border: 1px solid var(--color-border-strong) !important;
  background: color-mix(in srgb, #011429 72%, transparent) !important;
  border-radius: var(--radius-sm) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  transition:
    border-color var(--transition),
    background-color var(--transition),
    box-shadow var(--transition) !important;
}

.faq__cat:hover {
  border-color: var(--color-neutral) !important;
  background: color-mix(in srgb, #011429 56%, transparent) !important;
  box-shadow: var(--shadow-soft) !important;
}

.enterence-boxs.enterence-boxs--hero-cta,
.enterence-boxs:has(.hero-box) {
  width: 100% !important;
  max-width: min(1180px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-inline: clamp(16px, 5vw, 48px) !important;
  box-sizing: border-box !important;
}

.enterence-boxs.enterence-boxs--hero-cta > .row,
.enterence-boxs:has(.hero-box) > .row {
  justify-content: center !important;
  margin-inline: 0 !important;
  --bs-gutter-x: 0 !important;
}

@media (max-width: 991.98px) {
  .enterence-boxs.enterence-boxs--hero-cta,
  .enterence-boxs:has(.hero-box) {
    max-width: 100% !important;
    padding-inline: clamp(14px, 5.5vw, 28px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .enterence-boxs.enterence-boxs--hero-cta > .row > [class*="col-"],
  .enterence-boxs:has(.hero-box) > .row > [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  .enterence-boxs.enterence-boxs--hero-cta .hero-box,
  .enterence-boxs:has(.hero-box) .hero-box {
    width: 100% !important;
    max-width: min(420px, 100%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

.sl-acc__item.active .sl-acc__itemInner {
  border-left: 4px solid var(--color-neutral) !important;
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0 !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, #011429 12%, transparent),
    0 8px 28px color-mix(in srgb, #011429 14%, transparent),
    0 2px 8px color-mix(in srgb, #011429 5%, transparent) !important;
}

#responsive-menu.responsive-menu.active-menu .sb-top-btn:hover {
  background: var(--color-cta-hover) !important;
  border: 1px solid color-mix(in srgb, #ffffff 35%, #d4d4d4) !important;
  color: var(--color-text-on-light) !important;
}

.tournament-item .tournament-item-big div.tournament-details,
div.tournament-details {
  background: color-mix(in srgb, #011429 98%, #001018) !important;
  border: 1px solid color-mix(in srgb, var(--color-border) 85%, transparent) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: var(--color-text) !important;
  padding: clamp(1.25rem, 3vw, 1.75rem) !important;
  overflow: hidden !important;
}

.tournament-item .tournament-item-big div.tournament-details .items,
div.tournament-details .items {
  display: flex !important;
  flex-direction: column !important;
  gap: 1.35rem !important;
}

.tournament-item .tournament-item-big div.tournament-details .items > .title,
div.tournament-details .items > .title {
  font-size: clamp(0.9375rem, 1.8vw, 1.0625rem) !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.015em !important;
  color: var(--color-text) !important;
  margin: 0 !important;
  padding: 0 0 1rem !important;
  border-bottom: 1px solid color-mix(in srgb, var(--color-border) 70%, transparent) !important;
}

.tournament-item .tournament-item-big div.tournament-details .simple-tab,
div.tournament-details .simple-tab {
  background: transparent !important;
}

.tournament-item .tournament-item-big div.tournament-details ul.tab-menu,
div.tournament-details ul.tab-menu {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid color-mix(in srgb, var(--color-border) 75%, transparent) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.tournament-item .tournament-item-big div.tournament-details ul.tab-menu li,
div.tournament-details ul.tab-menu li {
  flex: 0 1 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.tournament-item .tournament-item-big div.tournament-details ul.tab-menu li button,
div.tournament-details ul.tab-menu li button {
  width: auto !important;
  margin: 0 1.75rem 0 0 !important;
  padding: 0.65rem 0 0.85rem !important;
  border: none !important;
  border-radius: 0 !important;
  border-bottom: 2px solid transparent !important;
  margin-bottom: -1px !important;
  background: transparent !important;
  color: color-mix(in srgb, var(--color-text-soft) 92%, transparent) !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  cursor: pointer !important;
  transition: color 0.2s ease, border-color 0.2s ease !important;
  box-shadow: none !important;
}

.tournament-item .tournament-item-big div.tournament-details ul.tab-menu li button.active,
div.tournament-details ul.tab-menu li button.active {
  background: transparent !important;
  color: var(--color-text) !important;
  border-bottom-color: var(--color-neutral) !important;
}

.tournament-item .tournament-item-big div.tournament-details ul.tab-menu li button:not(.active):hover,
div.tournament-details ul.tab-menu li button:not(.active):hover {
  background: transparent !important;
  color: var(--color-text) !important;
}

.tournament-item .tournament-item-big div.tournament-details .tab-blocks,
div.tournament-details .tab-blocks {
  margin-top: 0 !important;
  padding-top: 1rem !important;
}

.tournament-item .tournament-item-big div.tournament-details .game-table .table-list,
div.tournament-details .game-table .table-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)) !important;
  gap: 1px !important;
  background: color-mix(in srgb, var(--color-border) 55%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--color-border) 55%, transparent) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

.tournament-item .tournament-item-big div.tournament-details .game-table .table-list .list-block,
div.tournament-details .game-table .table-list .list-block {
  background: color-mix(in srgb, #011429 96%, #00040a) !important;
  border: none !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  transition: background-color 0.2s ease !important;
}

.tournament-item .tournament-item-big div.tournament-details .game-table .table-list .list-block:hover,
div.tournament-details .game-table .table-list .list-block:hover {
  background: color-mix(in srgb, #d4d4d4 5%, #011429) !important;
  transform: none !important;
  box-shadow: none !important;
}

.tournament-item .tournament-item-big
  div.tournament-details
  .game-table
  .table-list
  .list-block
  div.details,
div.tournament-details .game-table .table-list .list-block div.details {
  padding: 0.5rem 0.6rem 0.65rem !important;
  background: transparent !important;
  border-top: 1px solid color-mix(in srgb, var(--color-border) 45%, transparent) !important;
}

.tournament-item .tournament-item-big div.tournament-details .game-table .list-block .provider,
div.tournament-details .game-table .list-block .provider {
  font-size: 0.625rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: color-mix(in srgb, var(--color-text-soft) 88%, transparent) !important;
  margin-bottom: 0.25rem !important;
}

.tournament-item .tournament-item-big div.tournament-details .game-table .list-block .name,
div.tournament-details .game-table .list-block .name {
  font-size: 0.78125rem !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: var(--color-text) !important;
}

.tournament-item .tournament-item-big div.tournament-details .game-table .list-block figure.image,
div.tournament-details .game-table .list-block figure.image {
  margin: 0 !important;
  min-height: 88px !important;
  background-size: cover !important;
  background-position: center !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.tournament-item .tournament-item-big div.tournament-details .lead-table .table-list,
div.tournament-details .lead-table .table-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  border: 1px solid color-mix(in srgb, var(--color-border) 55%, transparent) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

.tournament-item .tournament-item-big div.tournament-details .lead-table .table-list .list-block,
div.tournament-details .lead-table .table-list .list-block {
  background: color-mix(in srgb, #011429 97%, #00040a) !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0.7rem 0.85rem !important;
  border-bottom: 1px solid color-mix(in srgb, var(--color-border) 45%, transparent) !important;
}

.tournament-item .tournament-item-big
  div.tournament-details
  .lead-table
  .table-list
  .list-block:last-child,
div.tournament-details .lead-table .table-list .list-block:last-child {
  border-bottom: none !important;
}

.tournament-item .tournament-item-big div.tournament-details .countdown-block,
div.tournament-details .countdown-block {
  margin-top: 0 !important;
}

.tournament-item .tournament-item-big div.tournament-details .countdown-block .time,
div.tournament-details .countdown-block .time {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  border: 1px solid color-mix(in srgb, var(--color-border) 55%, transparent) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

.tournament-item .tournament-item-big div.tournament-details .countdown-block .block,
div.tournament-details .countdown-block .block {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  padding: 0.75rem 0.5rem !important;
  background: color-mix(in srgb, #011429 98%, #00040a) !important;
  border: none !important;
  border-radius: 0 !important;
  border-right: 1px solid color-mix(in srgb, var(--color-border) 45%, transparent) !important;
  text-align: center !important;
}

.tournament-item .tournament-item-big div.tournament-details .countdown-block .block:last-child,
div.tournament-details .countdown-block .block:last-child {
  border-right: none !important;
}

.tournament-item .tournament-item-big div.tournament-details .countdown-block .block.colored,
div.tournament-details .countdown-block .block.colored {
  background: color-mix(in srgb, #d4d4d4 4%, #011429) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.tournament-item .tournament-item-big div.tournament-details .countdown-block .name,
div.tournament-details .countdown-block .name {
  font-size: 0.625rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: color-mix(in srgb, var(--color-text-soft) 75%, transparent) !important;
  margin: 0 0 0.35rem !important;
}

.tournament-item .tournament-item-big div.tournament-details .countdown-block .count,
div.tournament-details .countdown-block .count {
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums !important;
  font-feature-settings: "tnum" 1 !important;
  color: var(--color-text) !important;
  line-height: 1.15 !important;
}

.tournament-item .tournament-item-big div.tournament-details a.button,
div.tournament-details a.button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: flex-start !important;
  margin-top: 0.25rem !important;
  padding: 0.55rem 1.1rem !important;
  border-radius: 6px !important;
  border: 1px solid color-mix(in srgb, var(--color-border-strong) 90%, transparent) !important;
  background: transparent !important;
  color: var(--color-text) !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
  transition:
    border-color 0.2s ease,
    background-color 0.2s ease,
    color 0.2s ease !important;
  box-shadow: none !important;
}

.tournament-item .tournament-item-big div.tournament-details a.button:hover,
div.tournament-details a.button:hover {
  filter: none !important;
  transform: none !important;
  border-color: var(--color-neutral) !important;
  background: color-mix(in srgb, #d4d4d4 6%, transparent) !important;
  color: var(--color-text) !important;
  box-shadow: none !important;
}

@media (max-width: 480px) {
  .tournament-item .tournament-item-big div.tournament-details .countdown-block .time,
  div.tournament-details .countdown-block .time {
    flex-wrap: wrap !important;
  }

  .tournament-item .tournament-item-big div.tournament-details .countdown-block .block,
  div.tournament-details .countdown-block .block {
    flex: 1 1 calc(50% - 1px) !important;
    min-width: calc(50% - 1px) !important;
    border-right: 1px solid color-mix(in srgb, var(--color-border) 45%, transparent) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--color-border) 45%, transparent) !important;
  }

  .tournament-item .tournament-item-big div.tournament-details .countdown-block .block:nth-child(2n),
  div.tournament-details .countdown-block .block:nth-child(2n) {
    border-right: none !important;
  }

  .tournament-item .tournament-item-big div.tournament-details .countdown-block .block:nth-last-child(-n + 2),
  div.tournament-details .countdown-block .block:nth-last-child(-n + 2) {
    border-bottom: none !important;
  }
}

div.user-menu div.user-menus {
  background: #011429 !important;
}

header#header div.middle-header div.middle-header-container div.header-buttons div.wallet-menu div.current-wallet {
  background: color-mix(in srgb, #011429 72%, transparent) !important;
}

@media (min-width: 992px) {
    #responsive-menu.responsive-menu:not(.active-menu) {
        background: radial-gradient(380px 220px at 0 0, color-mix(in srgb, #d4d4d4 12%, transparent), #0000 62%), linear-gradient(color-mix(in srgb, #011429 97%, #000000) 0%, #011429 100%) !important;
        border-right: 1px solid var(--color-border-strong) !important;
        box-shadow: 0 28px 60px color-mix(in srgb, #000000 55%, transparent), inset -1px 0 color-mix(in srgb, #ffffff 6%, transparent) !important;
    }
}

.latestWins__viewport,
.ato-rail {
  background: transparent !important;
}

.page {
  background: var(--color-bg) !important;
  color: var(--color-text) !important;
}

.page div.page-body {
  background: var(--color-bg) !important;
  color: var(--color-text) !important;
}

.user-statu-box {
  background: color-mix(in srgb, #000000 24%, #011429) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-md) !important;
  padding: 0.75rem !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, #d4d4d4 6%, transparent) !important;
  color: var(--color-text) !important;
}

.user-statu-box .user-head,
.user-statu-box .user-statu {
  background: transparent !important;
}

.user-statu-box .user-head .username {
  color: var(--color-text) !important;
}

.user-statu-box .statu-head .title .text {
  color: var(--color-text-soft) !important;
}

.user-statu-box .percentage-box .text {
  color: var(--color-neutral) !important;
}

.user-statu-box .statu-progress {
  background: color-mix(in srgb, #000000 45%, #011429) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}

.user-statu-box .statu-progress span {
  background: linear-gradient(90deg, var(--color-cta-hover) 0%, var(--color-cta) 100%) !important;
}

.user-statu-box .before-after .block {
  background: color-mix(in srgb, #000000 18%, #011429) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-sm) !important;
  padding: 0.5rem !important;
}

.user-statu-box .before-after .block .name {
  color: var(--color-text-soft) !important;
}

.col-lg-4:has(> .user-statu-box) {
  background: transparent !important;
}

.page div.page-body div.page-sidebar {
  background: linear-gradient(165deg, color-mix(in srgb, #011429 78%, #001018) 0%, #011429 38%, #00060c 100%) !important;
  height: 80vh !important;
  border-radius: var(--radius-md) 0 0 var(--radius-md) !important;
  border: 1px solid var(--color-border) !important;
  border-right: none !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #d4d4d4 14%, transparent),
    var(--shadow-soft) !important;
  color: var(--color-text) !important;
}

.page div.page-body div.page-sidebar > div,
.page div.page-body div.page-sidebar .sidebar-inner,
.page div.page-body div.page-sidebar .sidebar-scroll,
.page div.page-body div.page-sidebar [class*="sidebar"] {
  background: transparent !important;
}

.page div.page-body div.page-sidebar .page-selecter,
.page div.page-body div.page-sidebar div.page-selecter {
  background: transparent !important;
  border: none !important;
}

.page div.page-body div.page-sidebar div.page-selecter div.current {
  background: color-mix(in srgb, #000000 35%, #011429) !important;
  border: 1px solid var(--color-border-strong) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, #d4d4d4 8%, transparent) !important;
}

.page div.page-body div.page-sidebar div.page-selecter div.current div.name,
.page div.page-body div.page-sidebar div.page-selecter div.current span,
.page div.page-body div.page-sidebar div.page-selecter div.current label,
.page div.page-body div.page-sidebar div.page-selecter div.current small {
  color: var(--color-text) !important;
}

.ps-sheet-title,
.page div.page-body div.page-sidebar .sidebar-title,
.page div.page-body div.page-sidebar h2,
.page div.page-body div.page-sidebar h3 {
  color: var(--color-text-soft) !important;
  font-weight: 600 !important;
}

.auth-modal .modal-dialog .modal-content .modal-box ul.nav div.close-modal {
  top: -60px !important;
}

.auth-logo img {
  width: 100%;
}

.auth-modal .modal-dialog .modal-content .modal-box form.auth-form div.form-group div.form-item.form-item-phone .auth-phone-intl {
  background: transparent !important;
}

.page div.page-body div.page-sidebar ul.sidebar-menu {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

.page div.page-body div.page-sidebar ul.sidebar-menu li {
  margin: 0 0 4px !important;
}

.page div.page-body div.page-sidebar ul.sidebar-menu li a {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.65rem 0.85rem !important;
  border-radius: var(--radius-sm) !important;
  color: var(--color-text-soft) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  text-decoration: none !important;
  transition:
    background-color var(--transition),
    color var(--transition),
    border-color var(--transition),
    box-shadow var(--transition) !important;
  box-sizing: border-box !important;
}

.page div.page-body div.page-sidebar ul.sidebar-menu li a:hover {
  color: var(--color-text) !important;
  background: color-mix(in srgb, #d4d4d4 14%, transparent) !important;
  border-color: var(--color-border) !important;
}

.page div.page-body div.page-sidebar ul.sidebar-menu li a.active {
  color: var(--color-text-on-light) !important;
  background: linear-gradient(180deg, var(--color-cta-hover) 0%, var(--color-cta) 100%) !important;
  border: 1px solid color-mix(in srgb, #ffffff 28%, #d4d4d4) !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 16px color-mix(in srgb, #000000 40%, transparent) !important;
}

.page div.page-body div.page-sidebar ul.sidebar-menu li a .label,
.page div.page-body div.page-sidebar ul.sidebar-menu li a .title,
.page div.page-body div.page-sidebar ul.sidebar-menu li a .text,
.page div.page-body div.page-sidebar ul.sidebar-menu li a span:not(.icon):not([class*="icon"]) {
  color: inherit !important;
}

.page div.page-body div.page-sidebar svg {
  color: inherit !important;
  fill: currentColor !important;
  opacity: 0.95 !important;
}

.page div.page-body div.page-sidebar ul.sidebar-menu li a:not(.active) svg {
  color: var(--color-text-soft) !important;
}

.page div.page-body div.page-sidebar ul.sidebar-menu li a.active svg {
  color: var(--color-text-on-light) !important;
  opacity: 1 !important;
}

.page div.page-body div.page-sidebar .icon,
.page div.page-body div.page-sidebar i[class*="icon"] {
  color: inherit !important;
}

.page div.page-body div.page-sidebar hr,
.page div.page-body div.page-sidebar .divider {
  border: none !important;
  border-top: 1px solid var(--color-border) !important;
  background: transparent !important;
  opacity: 1 !important;
}

.page div.page-body div.page-content {
  background: linear-gradient(165deg, color-mix(in srgb, #011429 92%, #001828) 0%, #011429 45%, #010812 100%) !important;
  border-radius: 0 var(--radius-md) var(--radius-md) 0 !important;
  border: 1px solid var(--color-border) !important;
  border-left: none !important;
  box-shadow: var(--shadow-soft) !important;
  color: var(--color-text) !important;
}

.page div.page-body div.page-content div.transactions-area,
.page div.page-body div.page-content div.transactions-table,
.page div.page-body div.page-content div.table-listing {
  background: transparent !important;
}

.page div.page-body div.page-content div.transactions-area div.transactions-table div.table-listing div.listing-block {
  background: color-mix(in srgb, #011429 55%, transparent) !important;
  border-bottom: 1px solid var(--color-border) !important;
}

.page div.page-body div.page-content div.transactions-area div.transactions-table div.table-listing div.listing-block:nth-child(even) {
  background-color: color-mix(in srgb, #011429 72%, #d4d4d4) !important;
}

.page div.page-body div.page-content div.transactions-area div.transactions-table div.table-listing div.listing-block div.item-first div.transaction-details div.details div.name,
.page div.page-body div.page-content div.transactions-area div.transactions-table div.table-listing div.listing-block div.item-first div.transaction-details div.details div.date,
.page div.page-body div.page-content div.table-footer div.table-pagination span.item,
.page div.page-body div.page-content div.transactions-area div.transactions-table div.table-listing div.listing-block div.item-second div.balance div.value,
div.amount.down span.value,
div.amount.up span.value,
.text-muted {
  color: var(--color-text) !important;
}

div.amount span.value {
  color: var(--color-text-soft) !important;
}

@media (max-width: 991px) {
  div.main-search form.search-form input {
    width: 100%;
    height: 36px !important;
  }
}

@media (max-width: 768px) {
  .page div.page-body div.page-sidebar {
    height: auto !important;
    border-radius: var(--radius-md) var(--radius-md) 0 0 !important;
    border: 1px solid var(--color-border) !important;
    border-bottom: none !important;
  }

  .page div.page-body div.page-content {
    border-radius: 0 0 var(--radius-md) var(--radius-md) !important;
    border: 1px solid var(--color-border) !important;
    border-top: none !important;
  }
}

@media (max-width: 991px) {
  .page div.page-body div.page-sidebar div.page-selecter div.current div.name,
  .ps-sheet-title {
    color: var(--color-text) !important;
  }
}
.flex-table .flex-row {
  background: color-mix(in srgb, #011429 38%, #d4d4d4) !important;
}

@media (max-width: 768px) {
  .promotion-list .row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px;
  }

  .promotion-list .listing-block {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  .promotion-list .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .promotion-list .listing-block {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

#responsive-menu .sidebar-wrapper,
.sidebar-wrapper.sb-fade-slide {
  background: transparent !important;
  color: var(--color-text-soft) !important;
}

#responsive-menu .sidebar-wrapper .menu-body,
.sidebar-wrapper .menu-body {
  background: transparent !important;
}

#responsive-menu .sidebar-wrapper .to-search-modal,
.sidebar-wrapper .to-search-modal {
  background: color-mix(in srgb, #011429 90%, #001a28) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-sm) !important;
  color: var(--color-text-soft) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #d4d4d4 8%, transparent),
    0 4px 14px color-mix(in srgb, #000000 28%, transparent) !important;
  transition:
    background-color var(--transition),
    border-color var(--transition),
    color var(--transition) !important;
}

#responsive-menu .sidebar-wrapper .to-search-modal:hover,
.sidebar-wrapper .to-search-modal:hover {
  background: color-mix(in srgb, #d4d4d4 12%, #011429) !important;
  border-color: var(--color-border-strong) !important;
  color: var(--color-text) !important;
}

#responsive-menu .sidebar-wrapper .to-search-modal .text,
.sidebar-wrapper .to-search-modal .text {
  color: inherit !important;
}

#responsive-menu .sidebar-wrapper .to-search-modal [role="presentation"],
#responsive-menu .sidebar-wrapper .to-search-modal svg,
.sidebar-wrapper .to-search-modal [role="presentation"],
.sidebar-wrapper .to-search-modal svg {
  color: inherit !important;
}

#responsive-menu .sidebar-wrapper .p2tabs--sidebar,
.sidebar-wrapper .p2tabs--sidebar {
  background: color-mix(in srgb, #000000 32%, #011429) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, #d4d4d4 8%, transparent) !important;
}

#responsive-menu .sidebar-wrapper .p2tabs--sidebar button.p2seg,
.sidebar-wrapper .p2tabs--sidebar button.p2seg {
  background: transparent !important;
  color: var(--color-text-soft) !important;
  border: none !important;
}

#responsive-menu .sidebar-wrapper .p2tabs--sidebar button.p2seg:not(.active):not(.router-link-active) .p2bg,
.sidebar-wrapper .p2tabs--sidebar button.p2seg:not(.active):not(.router-link-active) .p2bg {
  background: transparent !important;
  box-shadow: none !important;
}

#responsive-menu .sidebar-wrapper .p2tabs--sidebar button.p2seg .p2label,
.sidebar-wrapper .p2tabs--sidebar button.p2seg .p2label {
  color: inherit !important;
}

#responsive-menu .sidebar-wrapper .p2tabs--sidebar button.p2seg .p2bgIcon svg,
#responsive-menu .sidebar-wrapper .p2tabs--sidebar button.p2seg .p2chip .p2icon svg,
.sidebar-wrapper .p2tabs--sidebar button.p2seg .p2bgIcon svg,
.sidebar-wrapper .p2tabs--sidebar button.p2seg .p2chip .p2icon svg {
  color: inherit !important;
}

#responsive-menu .sidebar-wrapper .p2tabs--sidebar button.p2seg:hover,
.sidebar-wrapper .p2tabs--sidebar button.p2seg:hover {
  background: color-mix(in srgb, #d4d4d4 10%, transparent) !important;
  color: var(--color-text) !important;
}

#responsive-menu .sidebar-wrapper .p2tabs--sidebar button.p2seg.active,
#responsive-menu .sidebar-wrapper .p2tabs--sidebar button.p2seg.router-link-active,
.sidebar-wrapper .p2tabs--sidebar button.p2seg.active,
.sidebar-wrapper .p2tabs--sidebar button.p2seg.router-link-active {
  background: transparent !important;
  color: var(--color-text-on-light) !important;
}

#responsive-menu .sidebar-wrapper .p2tabs--sidebar button.p2seg.active .p2bg,
#responsive-menu .sidebar-wrapper .p2tabs--sidebar button.p2seg.router-link-active .p2bg,
.sidebar-wrapper .p2tabs--sidebar button.p2seg.active .p2bg,
.sidebar-wrapper .p2tabs--sidebar button.p2seg.router-link-active .p2bg {
  background: linear-gradient(180deg, var(--color-cta-hover) 0%, var(--color-cta) 100%) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: 0 2px 10px color-mix(in srgb, #000000 35%, transparent) !important;
}

#responsive-menu .sidebar-wrapper .p2tabs--sidebar button.p2seg.active .p2label,
#responsive-menu .sidebar-wrapper .p2tabs--sidebar button.p2seg.router-link-active .p2label,
.sidebar-wrapper .p2tabs--sidebar button.p2seg.active .p2label,
.sidebar-wrapper .p2tabs--sidebar button.p2seg.router-link-active .p2label {
  color: var(--color-text-on-light) !important;
}

#responsive-menu .sidebar-wrapper .p2tabs--sidebar button.p2seg.active .p2bgIcon svg,
#responsive-menu .sidebar-wrapper .p2tabs--sidebar button.p2seg.active .p2chip svg,
.sidebar-wrapper .p2tabs--sidebar button.p2seg.active .p2bgIcon svg,
.sidebar-wrapper .p2tabs--sidebar button.p2seg.active .p2chip svg {
  color: var(--color-text-on-light) !important;
}

#responsive-menu .sidebar-wrapper .sidebar-section-title__line,
.sidebar-wrapper .sidebar-section-title__line {
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--color-border-strong) 45%,
    var(--color-border-strong) 55%,
    transparent 100%
  ) !important;
}

#responsive-menu .sidebar-wrapper .categories,
.sidebar-wrapper .categories {
  background: transparent !important;
}

#responsive-menu .sidebar-wrapper .sb-top-btn:not(.active),
.sidebar-wrapper .sb-top-btn:not(.active) {
  background: transparent !important;
  border: 1px solid transparent !important;
  color: var(--color-text-soft) !important;
}

#responsive-menu .sidebar-wrapper .sb-top-btn:not(.active) .sb-top-title,
.sidebar-wrapper .sb-top-btn:not(.active) .sb-top-title {
  color: var(--color-text-soft) !important;
}

#responsive-menu .sidebar-wrapper .sb-top-btn:not(.active) [role="presentation"],
#responsive-menu .sidebar-wrapper .sb-top-btn:not(.active) svg,
.sidebar-wrapper .sb-top-btn:not(.active) [role="presentation"],
.sidebar-wrapper .sb-top-btn:not(.active) svg {
  color: var(--color-text-soft) !important;
}

#responsive-menu .sidebar-wrapper .sb-top-btn:not(.active):hover,
.sidebar-wrapper .sb-top-btn:not(.active):hover {
  background: color-mix(in srgb, #d4d4d4 12%, transparent) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
}

#responsive-menu .sidebar-wrapper .sb-top-btn:not(.active):hover .sb-top-title,
.sidebar-wrapper .sb-top-btn:not(.active):hover .sb-top-title {
  color: var(--color-text) !important;
}

#responsive-menu .sidebar-wrapper .sb-top-arrow,
.sidebar-wrapper .sb-top-arrow {
  color: color-mix(in srgb, #d4d4d4 45%, transparent) !important;
}

#responsive-menu .sidebar-wrapper .sb-top-btn.active .sb-top-arrow,
.sidebar-wrapper .sb-top-btn.active .sb-top-arrow {
  color: color-mix(in srgb, #011429 35%, #d4d4d4) !important;
}

#responsive-menu .sidebar-wrapper .sb-top-btn.active,
.sidebar-wrapper .sb-top-btn.active {
  background: linear-gradient(180deg, var(--color-cta-hover) 0%, var(--color-cta) 100%) !important;
  border: 1px solid color-mix(in srgb, #ffffff 28%, #d4d4d4) !important;
  color: var(--color-text-on-light) !important;
  box-shadow: 0 4px 14px color-mix(in srgb, #000000 38%, transparent) !important;
}

#responsive-menu .sidebar-wrapper .sb-top-btn.active .sb-top-title,
.sidebar-wrapper .sb-top-btn.active .sb-top-title {
  color: var(--color-text-on-light) !important;
}

#responsive-menu .sidebar-wrapper .sb-top-btn.active [role="presentation"],
#responsive-menu .sidebar-wrapper .sb-top-btn.active svg,
.sidebar-wrapper .sb-top-btn.active [role="presentation"],
.sidebar-wrapper .sb-top-btn.active svg {
  color: var(--color-text-on-light) !important;
}

#responsive-menu .sidebar-wrapper .sl-acc__head,
.sidebar-wrapper .sl-acc__head {
  background: color-mix(in srgb, #011429 94%, #000818) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-sm) !important;
  color: var(--color-text) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, #d4d4d4 6%, transparent) !important;
}

#responsive-menu .sidebar-wrapper .sl-acc__headTitle,
.sidebar-wrapper .sl-acc__headTitle {
  color: var(--color-text) !important;
}

#responsive-menu .sidebar-wrapper .sl-acc__head [role="presentation"],
#responsive-menu .sidebar-wrapper .sl-acc__head svg,
.sidebar-wrapper .sl-acc__head [role="presentation"],
.sidebar-wrapper .sl-acc__head svg {
  color: var(--color-text-soft) !important;
}

#responsive-menu .sidebar-wrapper .sl-acc__topBtn,
.sidebar-wrapper .sl-acc__topBtn {
  background: color-mix(in srgb, #011429 92%, #001220) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-sm) !important;
  color: var(--color-text-soft) !important;
}

#responsive-menu .sidebar-wrapper .sl-acc__topBtn:hover,
.sidebar-wrapper .sl-acc__topBtn:hover {
  background: color-mix(in srgb, #d4d4d4 12%, #011429) !important;
  color: var(--color-text) !important;
  border-color: var(--color-border-strong) !important;
}

#responsive-menu .sidebar-wrapper .sl-acc__topText,
.sidebar-wrapper .sl-acc__topText {
  color: inherit !important;
}

#responsive-menu .sidebar-wrapper .sl-acc__bodyWrap,
.sidebar-wrapper .sl-acc__bodyWrap {
  background: transparent !important;
}

#responsive-menu .sidebar-wrapper .sl-acc__body,
.sidebar-wrapper .sl-acc__body {
  background: transparent !important;
}

#responsive-menu .sidebar-wrapper .sl-acc__itemInner:not(.sl-acc__itemInner--originals),
.sidebar-wrapper .sl-acc__itemInner:not(.sl-acc__itemInner--originals) {
  background: color-mix(in srgb, #011429 97%, transparent) !important;
  border: 1px solid transparent !important;
  border-radius: var(--radius-sm) !important;
}

#responsive-menu .sidebar-wrapper .sl-acc__itemInner--originals,
.sidebar-wrapper .sl-acc__itemInner--originals {
  background: color-mix(in srgb, #011429 94%, #001018) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-sm) !important;
}

#responsive-menu .sidebar-wrapper .sl-acc__itemText,
.sidebar-wrapper .sl-acc__itemText {
  color: var(--color-text-soft) !important;
}

#responsive-menu .sidebar-wrapper .sl-acc__item:hover .sl-acc__itemInner,
.sidebar-wrapper .sl-acc__item:hover .sl-acc__itemInner {
  border-color: var(--color-border) !important;
  background: color-mix(in srgb, #d4d4d4 8%, #011429) !important;
}

#responsive-menu .sidebar-wrapper .sl-acc__itemCount,
.sidebar-wrapper .sl-acc__itemCount {
  background: color-mix(in srgb, #d4d4d4 16%, transparent) !important;
  color: var(--color-text) !important;
}

#responsive-menu .sidebar-wrapper .supportbtn,
.sidebar-wrapper .supportbtn {
  background: color-mix(in srgb, #011429 93%, #001018) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-sm) !important;
  color: var(--color-text-soft) !important;
}

#responsive-menu .sidebar-wrapper .supportbtn:hover,
.sidebar-wrapper .supportbtn:hover {
  background: color-mix(in srgb, #d4d4d4 14%, #011429) !important;
  color: var(--color-text) !important;
  border-color: var(--color-border-strong) !important;
}

#responsive-menu .sidebar-wrapper .sidebar-lang-footer,
.sidebar-wrapper .sidebar-lang-footer {
  background: color-mix(in srgb, #000000 38%, #011429) !important;
  border-top: 1px solid var(--color-border) !important;
}

#responsive-menu .sidebar-wrapper .sidebar-lang-trigger,
.sidebar-wrapper .sidebar-lang-trigger {
  background: color-mix(in srgb, #011429 88%, transparent) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-sm) !important;
  color: var(--color-text) !important;
}

#responsive-menu .sidebar-wrapper .sidebar-lang-trigger .label,
.sidebar-wrapper .sidebar-lang-trigger .label {
  color: inherit !important;
}

#responsive-menu .sidebar-wrapper .sidebar-lang-trigger .caret,
.sidebar-wrapper .sidebar-lang-trigger .caret {
  color: var(--color-text-soft) !important;
}

#responsive-menu .sidebar-wrapper .sidebar-lang-options,
.sidebar-wrapper .sidebar-lang-options {
  background: color-mix(in srgb, #011429 97%, #00040a) !important;
  border: 1px solid var(--color-border-strong) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: var(--shadow-float) !important;
}

#responsive-menu .sidebar-wrapper .sidebar-lang-options .lang-opt,
.sidebar-wrapper .sidebar-lang-options .lang-opt {
  background: transparent !important;
  color: var(--color-text-soft) !important;
  border: none !important;
}

#responsive-menu .sidebar-wrapper .sidebar-lang-options .lang-opt:hover,
.sidebar-wrapper .sidebar-lang-options .lang-opt:hover {
  background: color-mix(in srgb, #d4d4d4 12%, transparent) !important;
  color: var(--color-text) !important;
}

#responsive-menu .sidebar-wrapper .sidebar-lang-options .lang-opt.is-active,
.sidebar-wrapper .sidebar-lang-options .lang-opt.is-active {
  background: linear-gradient(180deg, var(--color-cta-hover) 0%, var(--color-cta) 100%) !important;
  color: var(--color-text-on-light) !important;
}

#responsive-menu .sidebar-wrapper .sidebar-lang-options .lang-opt .text,
.sidebar-wrapper .sidebar-lang-options .lang-opt .text {
  color: inherit !important;
}

.sticky-menu.bg-white,
.sticky-menu[class*="bg-light"],
.sticky-menu {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, #011429 92%, #001826) 0%,
    #011429 48%,
    #00060c 100%
  ) !important;
  border-top: 1px solid var(--color-border-strong) !important;
  box-shadow:
    0 -12px 36px color-mix(in srgb, #000000 52%, transparent),
    inset 0 1px 0 color-mix(in srgb, #d4d4d4 12%, transparent) !important;
  padding-bottom: env(safe-area-inset-bottom, 0) !important;
}

.sticky-menu .container,
.sticky-menu .container .row,
.sticky-menu .container .col-12,
.sticky-menu .menu-items {
  background: transparent !important;
}

.sticky-menu .menu-item {
  color: var(--color-text-soft) !important;
  background: transparent !important;
}

.sticky-menu .menu-item .text {
  color: inherit !important;
}

.sticky-menu .menu-item [role="presentation"],
.sticky-menu .menu-item .icon,
.sticky-menu .menu-item .icon svg {
  color: var(--color-text-soft) !important;
}

.sticky-menu .menu-item:hover,
.sticky-menu .menu-item:focus-visible {
  color: var(--color-text) !important;
}

.sticky-menu .menu-item:hover [role="presentation"],
.sticky-menu .menu-item:focus-visible [role="presentation"],
.sticky-menu .menu-item:hover .icon svg {
  color: var(--color-text) !important;
}

.sticky-menu .menu-item.wallet {
  background: color-mix(in srgb, #d4d4d4 16%, #011429) !important;
  border-radius: var(--radius-md) !important;
  border: 1px solid var(--color-border) !important;
  box-shadow: 0 4px 18px color-mix(in srgb, #000000 35%, transparent) !important;
}

.sticky-menu .menu-item.wallet .text {
  color: var(--color-text) !important;
  font-weight: 600 !important;
}

.sticky-menu .menu-item.wallet .logo img {
  max-height: 28px !important;
  width: auto !important;
  object-fit: contain !important;
}

footer#footer .footer-menus {
  padding: clamp(1.75rem, 4vw, 2.5rem) 0 clamp(1.25rem, 3vw, 1.75rem) !important;
  margin-top: 0 !important;
  border-top: 1px solid var(--color-border) !important;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, #000000 22%, #011429) 0%,
    transparent 72%
  ) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, #d4d4d4 8%, transparent) !important;
}

footer#footer .footer-menus .footer-bottoms {
  row-gap: 1.75rem !important;
  column-gap: 1.25rem !important;
  align-items: flex-start !important;
}

@media (max-width: 991.98px) {
  footer#footer .footer-menus .footer-bottoms.row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.35rem 0.85rem !important;
    justify-content: stretch !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;
  }

  footer#footer .footer-menus .footer-bottoms > [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-width: 0 !important;
  }

  footer#footer .footer-menus .footer-menu .title {
    letter-spacing: 0.08em !important;
    font-size: 0.625rem !important;
    margin-bottom: 0.75rem !important;
  }

  footer#footer .footer-menus {
    padding-inline: clamp(14px, 4vw, 22px) !important;
    overflow-x: clip !important;
  }
}

footer#footer .footer-menus .footer-bottoms > [class*="col-"] {
  background: transparent !important;
}

footer#footer .footer-menus .footer-menu {
  display: block !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

footer#footer .footer-menus .footer-menu .title {
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--color-text) !important;
  margin: 0 0 1rem !important;
  padding: 0 0 0.65rem !important;
  border-bottom: 1px solid var(--color-border-strong) !important;
  position: relative !important;
}

footer#footer .footer-menus .footer-menu .title::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -1px !important;
  width: 2.25rem !important;
  height: 2px !important;
  border-radius: 2px !important;
  background: linear-gradient(90deg, var(--color-neutral) 0%, transparent 100%) !important;
  opacity: 0.85 !important;
}

footer#footer .footer-menus .footer-menu ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

footer#footer .footer-menus .footer-menu li {
  margin: 0 0 0.35rem !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

footer#footer .footer-menus .footer-menu li:last-child {
  margin-bottom: 0 !important;
}

footer#footer .footer-menus .footer-menu a {
  display: inline-block !important;
  max-width: 100% !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  color: color-mix(in srgb, var(--color-text-soft) 92%, #ffffff) !important;
  text-decoration: none !important;
  padding: 0.28rem 0 !important;
  border-radius: var(--radius-sm) !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  transition:
    color var(--transition),
    transform var(--transition),
    padding-left var(--transition) !important;
}

@media (hover: hover) and (pointer: fine) {
  footer#footer .footer-menus .footer-menu a:hover {
    color: var(--color-neutral) !important;
    transform: translateX(3px) !important;
    padding-left: 0.2rem !important;
  }
}

footer#footer .footer-menus .footer-menu a:active {
  color: var(--color-neutral) !important;
}

footer#footer .footer-menus .footer-menu a:focus-visible {
  color: var(--color-neutral) !important;
  outline: 2px solid color-mix(in srgb, var(--color-neutral) 55%, transparent) !important;
  outline-offset: 3px !important;
}

@media (min-width: 992px) {
  footer#footer .footer-menus .footer-bottoms {
    column-gap: clamp(1rem, 2.5vw, 2rem) !important;
  }

  footer#footer .footer-menus .footer-menu .title {
    margin-bottom: 1.1rem !important;
  }
}

footer#footer .footer-contents {
  padding: clamp(1.25rem, 3vw, 2rem) 0 !important;
  margin: 0 !important;
  border-top: 1px solid color-mix(in srgb, var(--color-border) 65%, transparent) !important;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, #000000 18%, #011429) 0%,
    color-mix(in srgb, #011429 94%, #00040a) 100%
  ) !important;
}

footer#footer .footer-contents .footer-contents-row {
  row-gap: 1.25rem !important;
  column-gap: clamp(1rem, 3vw, 2rem) !important;
  align-items: stretch !important;
}

footer#footer .footer-contents .footer-contents-col {
  background: transparent !important;
}

footer#footer .footer-contents .content-block {
  display: flex !important;
  align-items: flex-start !important;
  gap: 1rem 1.15rem !important;
  height: 100% !important;
  margin: 0 !important;
  padding: clamp(0.95rem, 2.5vw, 1.2rem) clamp(1rem, 2.5vw, 1.25rem) !important;
  background: color-mix(in srgb, #000000 26%, #011429) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-md) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #d4d4d4 7%, transparent),
    0 8px 28px color-mix(in srgb, #000000 38%, transparent) !important;
}

footer#footer .footer-contents .content-block .icon {
  flex: 0 0 auto !important;
  width: clamp(44px, 12vw, 56px) !important;
  line-height: 0 !important;
}

footer#footer .footer-contents .content-block .icon img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 2px 8px color-mix(in srgb, #000000 45%, transparent)) !important;
}

footer#footer .footer-contents .content-block .content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: clamp(0.78rem, 1.45vw, 0.8125rem) !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  letter-spacing: 0.01em !important;
  color: color-mix(in srgb, var(--color-text-soft) 88%, #ffffff) !important;
  text-align: left !important;
  border: none !important;
  background: transparent !important;
}

@media (min-width: 992px) {
  footer#footer .footer-contents .footer-contents-row {
    row-gap: 0 !important;
  }

  footer#footer .footer-contents .content-block {
    min-height: 100% !important;
  }
}

footer#footer div.footer-bottom {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: clamp(1rem, 2.5vw, 1.35rem) !important;
  padding: clamp(1.35rem, 3.5vw, 1.85rem) clamp(14px, 4vw, 22px)
    clamp(1.5rem, 4vw, 2.25rem) !important;
  margin: 0 !important;
  border-top: 1px solid var(--color-border) !important;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, #011429 96%, #002238) 0%,
    #011429 42%,
    color-mix(in srgb, #011429 91%, #001b2a) 100%
  ) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, #d4d4d4 9%, transparent) !important;
}

footer#footer div.footer-bottom .copyright {
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.07em !important;
  text-transform: none !important;
  color: color-mix(in srgb, var(--color-text-soft) 82%, #ffffff) !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 0 0.85rem !important;
  border-bottom: 1px solid color-mix(in srgb, var(--color-border) 70%, transparent) !important;
}

footer#footer div.footer-bottom .about {
  font-size: clamp(0.75rem, 1.45vw, 0.8125rem) !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  letter-spacing: 0.01em !important;
  color: color-mix(in srgb, var(--color-text-soft) 88%, #ffffff) !important;
  text-align: center !important;
  margin: 0 auto !important;
  padding: 0 !important;
  max-width: 52rem !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

footer#footer div.footer-bottom div.emails {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 0.55rem !important;
  margin: 0 !important;
  padding: 0.35rem 0 0 !important;
}

footer#footer div.footer-bottom div.emails a.mail {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.2rem !important;
  padding: 0.55rem 0.9rem !important;
  border-radius: var(--radius-md) !important;
  background: color-mix(in srgb, #d4d4d4 9%, #011429) !important;
  border: 1px solid var(--color-border) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #d4d4d4 10%, transparent),
    0 4px 18px color-mix(in srgb, #000000 22%, transparent) !important;
  text-decoration: none !important;
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--color-text-soft) !important;
  transition:
    background-color var(--transition),
    border-color var(--transition),
    color var(--transition),
    box-shadow var(--transition) !important;
  max-width: 100% !important;
}

footer#footer div.footer-bottom div.emails a.mail span {
  display: block !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--color-neutral) !important;
  word-break: break-all !important;
}

@media (hover: hover) and (pointer: fine) {
  footer#footer div.footer-bottom div.emails a.mail:hover {
    background: color-mix(in srgb, #d4d4d4 16%, #011429) !important;
    border-color: var(--color-border-strong) !important;
    color: var(--color-text) !important;
    box-shadow:
      inset 0 1px 0 color-mix(in srgb, #d4d4d4 12%, transparent),
      0 6px 22px color-mix(in srgb, #000000 26%, transparent) !important;
  }

  footer#footer div.footer-bottom div.emails a.mail:hover span {
    color: var(--color-text) !important;
  }
}

footer#footer div.footer-bottom div.emails a.mail:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--color-neutral) 48%, transparent) !important;
  outline-offset: 3px !important;
}

footer#footer div.footer-bottom div.emails a.mail:active {
  color: var(--color-text) !important;
}

footer#footer div.footer-bottom div.emails a.mail:active span {
  color: var(--color-text) !important;
}

@media (max-width: 575.98px) {
  footer#footer div.footer-bottom div.emails {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  footer#footer div.footer-bottom div.emails a.mail {
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
  }

  footer#footer div.footer-bottom div.emails a.mail span {
    word-break: break-word !important;
    text-align: center !important;
  }
}

.hp-hero .hp-hero-bg {
  background: transparent !important;
}

div.enterence-box a.simple-category div.item-title {
  background: black !important;
}