
.content-center{
	display: flex;
	justify-content: center;
}

.page-content {
  h1, h2, h3, h4, h5, h6 {
    color: var(--white-color);
  }
}

.axt-like-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  user-select: none;
}
.axt-like-btn.is-liked i { opacity: 1; }
.axt-like-btn i { opacity: .9; }

.axt-like-footer {
  margin-top: 28px;
  padding-top: 18px;
  text-align: center;
  border-top: 1px solid rgba(255,255,255,.08);
}
.axt-like-footer .axt-like-btn {
  padding: 12px 16px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
}
.axt-like-footer .axt-like-btn.is-liked {
  border-color: rgba(255, 126, 2, .55);
}
.axt-toast-host {
  position: fixed;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  z-index: 99999;
  display: flex;
  flex-direction: column;
  gap: 10px;
  pointer-events: none;
}

.axt-toast {
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .2s ease, transform .2s ease;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(0,0,0,.75);
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
}

.axt-toast.show {
  opacity: 1;
  transform: translateY(0);
}
.mt-80{
	margin-top:80px;
}
.mt-100{
	margin-top:100px;
}
.mt-120{
	margin-top:120px;
}
.mt-150{
	margin-top:150px;
}
.mt-180{
	margin-top:180px;
}
.mt-200{
	margin-top:200px;
}
.mb-80{
	margin-bottom:80px;
}
.mb-100{
	margin-bottom:100px;
}
.mb-120{
	margin-bottom:120px;
}
.mb-150{
	margin-bottom:150px;
}
.mb-180{
	margin-bottom:180px;
}
.mb-200{
	margin-bottom:200px;
}

/** crypto prices **/
.crypto-section { background: #0a0c17; color: #fff; padding: 8px 0; border-top: 1px solid rgba(255, 255, 255, .10); border-bottom: 1px solid rgba(255, 255, 255, .10); }
#crypto-prices .strip-viewport { -webkit-mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent); }
#crypto-prices .strip-track { gap: 28px; }
.crypto-item { display: inline-flex; align-items: center; gap: 10px; padding: 6px 12px; border-radius: 12px; background: rgba(255, 255, 255, .06); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12); color: #fff; }
.crypto-item .sym { font-weight: 700; letter-spacing: .5px; }
.crypto-item .price { font-variant-numeric: tabular-nums; }
.crypto-item .chg { margin-left: 6px; font-weight: 700; }
.crypto-item .up { color: #2ad9b1; }
.crypto-item .down { color: #ff5b5b; }
#crypto-prices .strip-viewport{
  overflow: hidden;
}

#crypto-prices .strip-track{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: max-content;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 28px; 
  will-change: transform;
}

#crypto-prices .crypto-item{
  flex: 0 0 auto;
  white-space: nowrap;
}


@keyframes partners-marquee{
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); } 
}

/** live chat  **/
/* Live Chat Floating Button (icon-only, premium style) */
#axt-livechat-btn.axt-livechat-fab{
  position: fixed;
  right: 22px;
  bottom: 96px;
  z-index: 99999;

  width: 56px;
  height: 56px;
  border: 0;
  border-radius: 999px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  /* orange gradient + subtle highlight */
  background: linear-gradient(135deg, #FFB300 0%, #FF7E02 55%, #FF5A00 100%);
  color: #0a0c17;

  box-shadow:
    0 14px 34px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.35);

  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
  -webkit-tap-highlight-color: transparent;
}

#axt-livechat-btn.axt-livechat-fab i{
  font-size: 20px;
  line-height: 1;
  transform: translateY(1px);
}

/* Hover / Active */
@media (hover:hover){
  #axt-livechat-btn.axt-livechat-fab:hover{
    transform: translateY(-2px);
    box-shadow:
      0 18px 42px rgba(0,0,0,.55),
      inset 0 1px 0 rgba(255,255,255,.4);
    filter: saturate(1.05);
  }
}
#axt-livechat-btn.axt-livechat-fab:active{
  transform: translateY(0);
  box-shadow:
    0 10px 26px rgba(0,0,0,.45),
    inset 0 2px 10px rgba(0,0,0,.18);
}

/* Focus ring (accessibility) */
#axt-livechat-btn.axt-livechat-fab:focus-visible{
  outline: none;
  box-shadow:
    0 0 0 3px rgba(255,126,2,.35),
    0 14px 34px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.35);
}

/* Small "online" dot */
#axt-livechat-btn.axt-livechat-fab::after{
  content: "";
  position: absolute;
  right: 6px;
  top: 6px;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #45F882;
  box-shadow: 0 0 0 2px rgba(10,12,23,.85);
}

/* Loading state */
#axt-livechat-btn.axt-livechat-fab.is-loading{
  pointer-events: none;
  filter: grayscale(.1);
}
#axt-livechat-btn.axt-livechat-fab.is-loading i{
  animation: axtLcSpin .9s linear infinite;
}
@keyframes axtLcSpin{
  from{ transform: rotate(0deg); }
  to{ transform: rotate(360deg); }
}

/* Optional: hide the old text if it exists */
#axt-livechat-btn .txt{ display:none !important; }

/* cookie style */
:root{
/* AetheriumX palette */
--axt-bg: rgba(10,12,23,.92);          /* deep navy */
--axt-panel: rgba(14,17,32,.92);
--axt-border: rgba(255,255,255,.10);
--axt-text: rgba(255,255,255,.92);
--axt-muted: rgba(255,255,255,.72);

--axt-orange: #FF7E02;
--axt-orange2:#FFB300;
--axt-teal: #24FFF2;
--axt-green: #45F882;

--axt-shadow: 0 -22px 60px rgba(0,0,0,.55);
--axt-radius: 14px;
}

/* ===== Banner ===== */
.axt-cookie-banner{
position: fixed;
left: 16px;
right: 16px;
bottom: 16px;
z-index: 999999;

background: var(--axt-bg);
color: var(--axt-text);
border: 1px solid var(--axt-border);
border-radius: var(--axt-radius);
box-shadow: var(--axt-shadow);

backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);

padding: 18px 18px;
overflow: hidden;
}

/* top accent line */
.axt-cookie-banner::before{
content:"";
position:absolute;
left:0; right:0; top:0;
height: 2px;
background: linear-gradient(90deg, transparent, rgba(255,126,2,.9), rgba(36,255,242,.6), transparent);
opacity: .95;
pointer-events:none;
}

.axt-cookie-inner{
max-width: 1200px;
margin: 0 auto;

display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
}

.axt-cookie-title{
font-family: "Rajdhani", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-size: 22px;
line-height: 1.1;
font-weight: 700;
letter-spacing: .3px;
margin-bottom: 6px;
}

.axt-cookie-text{
font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-size: 14.5px;
line-height: 1.55;
color: var(--axt-muted);
}

.axt-cookie-link{
color: var(--axt-teal);
text-decoration: none;
font-weight: 600;
margin-left: 8px;
border-bottom: 1px solid rgba(36,255,242,.35);
}
.axt-cookie-link:hover{
border-bottom-color: rgba(36,255,242,.75);
}

.axt-cookie-actions{
display: inline-flex;
gap: 12px;
flex: 0 0 auto;
align-items: center;
}

/* ===== Buttons (AetheriumX style) ===== */
.axt-btn{
height: 42px;
padding: 0 18px;
border-radius: 12px;

font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 700;
font-size: 14px;

cursor: pointer;
border: 1px solid transparent;
background: transparent;
color: var(--axt-text);

transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
white-space: nowrap;
}

/* Customize (teal outline) */
.axt-btn-outline{
border-color: rgba(36,255,242,.55);
background: rgba(36,255,242,.06);
color: rgba(36,255,242,.95);
}
.axt-btn-outline:hover{
background: rgba(36,255,242,.10);
box-shadow: 0 10px 26px rgba(0,0,0,.30);
transform: translateY(-1px);
}

/* Reject (neutral outline) */
.axt-btn-ghost{
border-color: rgba(255,255,255,.22);
background: rgba(255,255,255,.04);
color: var(--axt-text);
}
.axt-btn-ghost:hover{
border-color: rgba(255,255,255,.35);
background: rgba(255,255,255,.06);
box-shadow: 0 10px 26px rgba(0,0,0,.30);
transform: translateY(-1px);
}

/* Accept (orange primary) */
.axt-btn-solid{
border-color: rgba(255,126,2,.8);
background: linear-gradient(135deg, var(--axt-orange2) 0%, var(--axt-orange) 55%, #FF5A00 100%);
color: #0a0c17;
box-shadow: 0 14px 30px rgba(0,0,0,.35);
}
.axt-btn-solid:hover{
transform: translateY(-1px);
box-shadow: 0 18px 38px rgba(0,0,0,.45);
filter: saturate(1.03);
}
.axt-btn:active{ transform: translateY(0); box-shadow: none; }

.axt-btn:focus-visible{
outline: none;
box-shadow: 0 0 0 3px rgba(255,126,2,.25), 0 14px 30px rgba(0,0,0,.35);
}

/* Loading state (optional) */
.axt-btn.is-loading{
opacity: .75;
pointer-events: none;
}

/* ===== Responsive ===== */
@media (max-width: 992px){
.axt-cookie-banner{
  left: 12px; right: 12px; bottom: 12px;
  padding: 16px 14px;
}
.axt-cookie-inner{
  flex-direction: column;
  align-items: stretch;
}
.axt-cookie-actions{
  width: 100%;
  justify-content: flex-end;
  flex-wrap: wrap;
}
}

@media (max-width: 520px){
.axt-cookie-title{ font-size: 18px; }
.axt-cookie-text{ font-size: 13px; }
.axt-cookie-actions{
  justify-content: space-between;
  gap: 10px;
}
.axt-btn{
  height: 40px;
  padding: 0 14px;
  border-radius: 12px;
  font-size: 13px;
}
}

/* ===== Modal (Customise) themed ===== */
.axt-cookie-modal[hidden]{ display:none; }
.axt-cookie-modal{
position: fixed;
inset: 0;
z-index: 1000000;
}
.axt-cookie-modal-backdrop{
position: absolute;
inset: 0;
background: rgba(0,0,0,.55);
}
.axt-cookie-modal-card{
position: relative;
width: min(720px, calc(100% - 24px));
margin: 8vh auto 0;

background: var(--axt-panel);
border: 1px solid var(--axt-border);
border-radius: 16px;
overflow: hidden;

box-shadow: 0 28px 80px rgba(0,0,0,.65);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
color: var(--axt-text);
}
.axt-cookie-modal-head{
display:flex;
align-items:center;
justify-content: space-between;
padding: 14px 16px;
border-bottom: 1px solid rgba(255,255,255,.08);
}
.axt-cookie-modal-title{
font-family: "Rajdhani", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 800;
letter-spacing: .2px;
font-size: 18px;
}
.axt-cookie-x{
border: 0;
background: transparent;
font-size: 26px;
line-height: 1;
cursor: pointer;
color: rgba(255,255,255,.72);
}
.axt-cookie-x:hover{ color: rgba(255,255,255,.92); }

.axt-cookie-modal-body{ padding: 14px 16px; }
.axt-cookie-row{
display:flex;
align-items:center;
justify-content: space-between;
gap: 14px;
padding: 12px 0;
border-bottom: 1px solid rgba(255,255,255,.06);
}
.axt-cookie-row:last-child{ border-bottom: 0; }
.axt-cookie-row-title{ font-weight: 800; }
.axt-cookie-row-desc{ color: rgba(255,255,255,.68); font-size: 13px; margin-top: 4px; }

.axt-cookie-modal-foot{
display:flex;
justify-content: flex-end;
gap: 12px;
padding: 14px 16px 16px;
border-top: 1px solid rgba(255,255,255,.08);
}

/* Switch (dark) */
.axt-switch{ position: relative; display:inline-block; width: 52px; height: 30px; }
.axt-switch input{ opacity:0; width:0; height:0; }
.axt-slider{
position:absolute; inset:0;
background: rgba(255,255,255,.12);
border: 1px solid rgba(255,255,255,.10);
border-radius:999px;
transition:.18s ease;
}
.axt-slider:before{
content:"";
position:absolute; height:22px; width:22px;
left:4px; top:3px;
background: rgba(255,255,255,.92);
border-radius:999px;
transition:.18s ease;
box-shadow: 0 8px 18px rgba(0,0,0,.35);
}
.axt-switch input:checked + .axt-slider{
background: rgba(255,126,2,.25);
border-color: rgba(255,126,2,.55);
}
.axt-switch input:checked + .axt-slider:before{ transform: translateX(22px); }

/* Necessary locked */
.axt-toggle{
width: 52px; height: 30px;
border-radius:999px;
background: rgba(36,255,242,.18);
border: 1px solid rgba(36,255,242,.45);
position: relative;
opacity: .95;
}
.axt-toggle-dot{
width: 22px; height: 22px;
border-radius:999px;
background: rgba(255,255,255,.92);
position:absolute; right:4px; top:3px;
box-shadow: 0 8px 18px rgba(0,0,0,.35);
}