@font-face {
  font-family: "FiraGo";
  src: url('../fonts/FiraGO-Medium.woff2'), 
       url('../fonts/FiraGO-Regular.eot'),
       url('../fonts/FiraGO-Regular.woff');
}
body, input, h1,h2,h3,h4,h5,h6, a, label, div, p {
  font-family: "FiraGo", sans-serif;
}

.btn {
  font-family: "FiraGo"!important;
  font-feature-settings: "case";
}

.caps {
  font-family: "FiraGo"!important;
  font-feature-settings: "case";

}


@keyframes gradient {
0% {
  background-position: 0% 50%;
}
50% {
  background-position: 0% 50%;
}
100% {
  background-position: 50% 50%;
}
}


.text-left {
  text-align: left;
}

.btn-green {background: #46ce9d!important;}

.btn-green:hover {background: #2aab7d!important;}

.btn-primary {
  background: #2aab7d!important;
}

.btn-primary:hover {background: #46ce9d!important;}

.btn-purple {
   background: #EB54BC!important;
}

.btn-purple:hover {
  background: rgb(202, 73, 163)!important;
}

.link-primary {
  color: #14EE94!important;
}

.green-tab:hover {
  border-color: #14EE94!important;
}

.purple-tab:hover {
  border-color: #EB54BC!important;
}
.cyan-tab:hover{
  border-color: #80ECFF!important;
}
.green-tab.active {
  color:#14EE94!important;
  border-color: #14EE94!important;
}

.cyan-tab.active {
  color: #80ECFF!important;
  border-color: #80ECFF!important;
}
.purple-tab.active {
  color:#EB54BC!important;
  border-color: #EB54BC!important;
}


.fs-2x {
  font-size: 1.8rem!important;
}

.bg-body {
  background: #0d0d0d!important;
}

.no-auth .bg-body {
  background-color: #0d0d0d!important;
}

.text-cyan {
  color: #80ECFF;
}

.bg-cyan {
  background-color: #80ECFF;
}

a.bg-cyan:hover {
  opacity: 0.8;
}

.btn-cyan:hover {
  background-color: #63e8ff;
  color: #000!important
}

.btn-cyan {
  background-color: #80ECFF;
  color: #000!important
}

.btn-cyan.disabled {
  background-color: #80ECFF!important;
  color: #fff!important
}

.btn-cyan:hover {
  opacity: 0.8;
}

#kt_header {
  background-color: #0d0d0d!important;
}

.aside {
  background: url(/assets/images/patterns/spin.jpg?v2)!important;
}

.aside-logo {
  background-color: transparent!important;
}

.footer {
  background-color: #000!important;
}


/* 
.aside {
  background: 
  linear-gradient(0deg, #A498EE, #FC4D9A, #01F3FF, #56FF96, #A498EE)
  right 
  top
  #000
  no-repeat!important; 
background-size:  5px 100%!important;
animation: gradient 15s ease infinite;
} */


@keyframes gradient {
0% {
  background-position: 0% 50%;
}
50% {
  background-position: 0% 50%;
}
100% {
  background-position: 50% 50%;
}
}

.menu-item {
  color: #fff;
}

.menu-item:hover {
  color: #2aab7d;
}

.header-container {
  padding: 40px;
  border-bottom: 1px solid #2d2d2d;
}

.swap-input {
  background: transparent;
  border-radius: 0;
  border-top: 0;
  height: 78px!important;
  font-size: 30px;
  font-weight: 400!important;
}

.select2-search--hide {
  display: block!important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-search .select2-search__field {
  background-color: #242424;
  color: #fff;
}

.menu-link:hover .menu-title {
  color: #14EE94!important;
}


/* fireworks */ 

/* @keyframes firework {
  0% { transform: translate(var(--x), var(--initialY)); width: var(--initialSize); opacity: 1; }
  50% { width: 0.5vmin; opacity: 1; }
  100% { width: var(--finalSize); opacity: 0; }
} */
/* @keyframes fireworkPseudo {
  0% { transform: translate(-50%, -50%); width: var(--initialSize); opacity: 1; }
  50% { width: 0.5vmin; opacity: 1; }
  100% { width: var(--finalSize); opacity: 0; }
}
 */
.firework,
.firework::before,
.firework::after
{
  --initialSize: 0.5vmin;
  --finalSize: 45vmin;
  --particleSize: 0.2vmin;
  --color1: yellow;
  --color2: khaki;
  --color3: white;
  --color4: lime;
  --color5: gold;
  --color6: mediumseagreen;
  --y: -30vmin;
  --x: -50%;
  --initialY: 60vmin;
  content: "";
  animation: firework 2s infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, var(--y));
  width: var(--initialSize);
  aspect-ratio: 1;
  background: 
    /*
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 0% 0%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 100% 0%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 100% 100%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 0% 100%,
    */
    
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 50% 0%,
    radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 100% 50%,
    radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 50% 100%,
    radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 0% 50%,
    
    /* bottom right */
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 80% 90%,
    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 95% 90%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 90% 70%,
    radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 100% 60%,
    radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 55% 80%,
    radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 70% 77%,
    
    /* bottom left */
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 22% 90%,
    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 45% 90%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 33% 70%,
    radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 10% 60%,
    radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 31% 80%,
    radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 28% 77%,
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 13% 72%,
    
    /* top left */
    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 80% 10%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 95% 14%,
    radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 90% 23%,
    radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 100% 43%,
    radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 85% 27%,
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 77% 37%,
    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 60% 7%,
    
    /* top right */
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 22% 14%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 45% 20%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 33% 34%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 10% 29%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 31% 37%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 28% 7%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 13% 42%
    ;
  background-size: var(--initialSize) var(--initialSize);
  background-repeat: no-repeat;
}
.firework::before {
  --x: -50%;
  --y: -50%;
  --initialY: -50%;
/*   transform: translate(-20vmin, -2vmin) rotate(40deg) scale(1.3) rotateY(40deg); */
  transform: translate(-50%, -50%) rotate(40deg) scale(1.3) rotateY(40deg);
/*   animation: fireworkPseudo 2s infinite; */
}
.firework::after {
  --x: -50%;
  --y: -50%;
  --initialY: -50%;
/*   transform: translate(44vmin, -50%) rotate(170deg) scale(1.15) rotateY(-30deg); */
  transform: translate(-50%, -50%) rotate(170deg) scale(1.15) rotateY(-30deg);
/*   animation: fireworkPseudo 2s infinite; */
}
.firework:nth-child(2) {
  --x: 30vmin;
}
.firework:nth-child(2),
.firework:nth-child(2)::before,
.firework:nth-child(2)::after {
  --color1: pink;
  --color2: violet;
  --color3: fuchsia;
  --color4: orchid;
  --color5: plum;
  --color6: lavender;  
  --finalSize: 40vmin;
  left: 30%;
  top: 60%;
  animation-delay: -0.25s;
}
.firework:nth-child(3) {
  --x: -30vmin;
  --y: -50vmin;
}
.firework:nth-child(3),
.firework:nth-child(3)::before,
.firework:nth-child(3)::after {
  --color1: cyan;
  --color2: lightcyan;
  --color3: lightblue;
  --color4: PaleTurquoise;
  --color5: SkyBlue;
  --color6: lavender;
  --finalSize: 35vmin;
  left: 70%;
  top: 60%;
  animation-delay: -0.4s;
}

.balanceIcon {
  width: 22px;
  margin-top: -4px;
}

.balance {
color: #10c77b;
display: inline-block;
font-size: 16px;
line-height: 40px;
margin-left: 7px;
}
@media only screen and (max-width: 600px) {
 
}

.mobile-menu-toggle {
  background: transparent;
  border: 0;
  margin-right: 14px;
  color: #14ee93;
}

.mobile-menu-toggle svg {
  color: #14ee93;

}


.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.99);
  overflow-x: hidden;
  transition: 0.1s;
}

.overlay-content {
  position: relative;
  top: 10%;
  width: 100%;
  text-align: left;
  padding: 0 30px;
  margin-top: 30px;
}

.overlay-content .title {
  border-bottom: 0;
  margin-top: 30px;
  font-size: 18px;
  color:#5d5d5d;
}

.overlay-content a {
  margin-bottom: 10px;
  border-bottom: 1px solid #242424;
}

.overlay a {
  padding: 8px 0;
  text-decoration: none;
  font-size: 15px;
  color: white;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .btnClose {
  position: absolute;
  top: 5px;
  right: 30px;
  font-size: 44px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
    .overlay .closebtn {
    font-size: 40px;
  }
}

.btnSpin {
  padding: 0!important;
  background: #15ee94;
  text-align: left;
  border-radius: 25px;
  max-height: 26px;
  margin-right: 10px;
  font-size: 10px;
}

.btnSpin img {
  max-width: 26px;
  max-height: 26px;
}

.btnSpin:hover {
  background: #15ee94;
  opacity: 0.6;
  font-size: 10px;
}

.full-width .container-xxl {
max-width: 100%!important;
}

.barlow {
font-family: 'Barlow', sans-serif;
font-weight: 700;
}

.select2-container--bootstrap5 .select2-dropdown {
  border-radius: 0!important;
}

div#kt_wrapper {
  background-color: #0000;
 background-image: radial-gradient(circle at 0 0,#14f19526,#0000 50%),radial-gradient(circle at 100% 0,#eb54bc26,#0000 50%),radial-gradient(circle at 100% 100%,#eb54bc1a,#0000 50%),radial-gradient(circle at 0 100%,#14f1951a,#0000 50%),linear-gradient(#000000fa,#000000f2 15%,#000000e6 30%,#000000d9 50%,#000000e6 70%,#000000f2 85%,#000000fa);
 background-position: 0 0,0 0,0 0,0 0,0 0;
 background-repeat: repeat,repeat,repeat,repeat,repeat;
 background-size: auto,auto,auto,auto,auto;
 background-attachment: fixed;
 background-origin: padding-box,padding-box,padding-box,padding-box,padding-box;
 background-clip: border-box,border-box,border-box,border-box,border-box
}