/*::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color:var(--color-theme);
}

::-webkit-scrollbar
{
	width: 6px;
	background-color:var(--color-theme);
}

::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #eee;
}*/

@font-face{
	font-family:"Font Awesome 6 Brands";
	src: url("../webfonts/fa-brands-400.ttf");
	font-style:normal;
	font-weight:400;
}

a:hover{
	text-decoration:none;
}
.main-container-wrapper{
	height:100%;
	min-height:100vh;
	background:#000;
	max-width:500px;
	margin:0 auto;
	padding-bottom:30pt;
	position:relative;
	/*overflow-Y:auto;*/
}
.main-container-wrapper:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	/*background: url(../images/bg/section-banner-bg.jpg) no-repeat;
	background-size: cover;
	background-position:center bottom;
	opacity: .25;*/
	z-index: -1;
}
.navbar-fixed {
  top: 0;
  z-index:2;
  position: fixed;
  width: 100%;
  max-width:500px;
}
.navbar-logo{
	width:200px;
}
.navbar-brand img{
	max-width:52px;
}
.rev-navbar-inner{
	padding:0 10pt;
	width:100%;
	max-width:500px;
	display:flex;
	align-items:center;
}
.navbar-brand-right a{
	color:#fff;
	transition:all ease .3s;
}
.navbar-brand-right a:hover{
	opacity:.65;
}
/*** Push canvas navigation bar ***/
.overlay {
	height: 0%;
	width: 100%;
	position: fixed;
	z-index:3;
	top: 0;
	left: 0;
	background-color:var(--color-theme);
	overflow-y: hidden;
	transition: 0.5s;
}
.overlay-content {
	position: relative;
	width: 100%;
	height:100%;
	max-width:500px;
	margin:0 auto;
	padding:15pt;
	display:flex;
	flex-direction:column;
	overflow-y:auto;
}
.overlay a {
	padding: 8px;
	text-decoration: none;
	color:var(--color-secondary);
	display: block;
	transition: 0.3s;
}
.overlay a:hover, .overlay a:focus {
	color:#25186a;
}
.overlay .closebtn {
	z-index:2;
	position: absolute;
	top: -20px;
	right: 25px;
	font-size: 60px;
}
.ul-menu li{
	list-style:none;
	display:block;
}
.ul-menu li a{
	padding:10pt;
	font-size:12pt;
	color:#fff;
	background:rgb(118 102 203 / 50%);
	transition:all ease .3s;
}
.ul-menu li a:hover{
	background:var(--color-secondary);
}
.ul-menu li a i{
	transition:all ease .3s;
}


@media screen and (max-height: 450px) {
	.overlay{
		overflow-y: auto;
	}
	.overlay a{
		font-size: 20px
	}
	.overlay .closebtn{
		font-size: 40px;
		top: 15px;
		right: 35px;
	}
}
.connect-my-wallet{
	margin-top:20px;
	display:flex !important;
	align-items:center;
	color:#fff !important;
	font-family: "Rajdhani", sans-serif;
	font-size:15pt !important;
    font-weight: 600;
	cursor:pointer;
}
.floated-bar-head{
	position:fixed;
	bottom:0;
	right:0;
	z-index:1;
}
.floated-bar{
	position:relative;
	bottom:0;
	z-index:1;
	max-width:500px;
	width:auto;
	right:0;
}
.floated-nav{
	padding:10pt;
	position:relative;
	display:flex;
	transition:all ease .3s;
}
.floated-nav a{
	display:block;
	background:linear-gradient(0deg, var(--color-theme), var(--color-secondary));
	border-radius:50%;
	border:1px solid #fff;
	padding:5pt;
	width:52px;
	height:52px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#000;
	transition:all ease .3s;
	box-shadow:0 0 20px rgba(0,0,0,.35);
	cursor:pointer;
}
.floated-nav a:hover{
	background:var(--color-secondary);
	text-decoration:none;
	color:#fff;
}
.toggleDiv {
    opacity: 0;
	width:360px;
	max-width:360px;
    max-height: 0;
	overflow:hidden;
    transition: opacity 0.5s ease-in-out;
	color:#000;
}
.toggleButton i{
	font-size:20px;
	color:#fff;
}
.hidden {
    display: none;
}
.visible {
    opacity: 1;
	width:360px;
    max-height:fit-content; /* Adjust as needed */
	max-width:360px;
	position:absolute;
	right:0;
	bottom:35pt;
	color:#000;
	padding:10pt;
}
.floated-nav-list{
	padding:10pt;
}
.floated-nav-list ul{
	margin:0;
	padding:0;
}
.floated-nav-list li{
	list-style:none;
	display:block;
	margin-bottom:10px;
}
.floated-nav-link{
	width:100%;
	display:block;
	padding:10px;
	background:#fff;
	border-radius:10pt;
	color:var(--color-theme);
	box-shadow:0 0 15px rgb(152 124 207 / 35%);
	transition:all ease .3s;
}
.floated-nav-link:hover{
	text-decoration:none;
	background:#f0e9ff;
	color:#000;
	box-shadow:0 0 15px rgb(152 124 207 / 50%);
}
.floated-nav-title{
	font-size:14pt;
	font-weight:600;
	color:var(--color-theme);
}
.floated-nav-desc{
	font-size:12px;
}
.floated-nav-icon{
	width:20px;
	display:inline-block;
	margin-right:5px;
}
.floated-nav-icon img{
	max-width:100%;
}
.fixed-footer-bar{
	bottom:0;
	z-index: 2;
    position: fixed;
    width: 100%;
    max-width:498px;
	background:#fff;
}
.fixed-footer-bar:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:15px;
	background:rgba(0,0,0,.15);
	border-radius:50%;
	filter:blur(8px);
	z-index:-1;
}
.fixed-footer-inner{
	padding:10pt;
    width: 100%;
    max-width: 500px;
	background:#fff;
    display: flex;
    align-items: center;	
}
.fixed-footer-inner ul{
	display:flex;
	gap:5px;
	width:100%;
}
.fixed-footer-inner ul li{
	list-style:none;
	width:20%;
}
.fixed-footer-icon{
	width:36px;
	height:36px;
	display:block;
	margin:0 auto;
}
.fixed-footer-icon img{
	max-width:100%;
}
/*** Dashboard css ***/
.dasbhoard-grid-01{
	background:var(--color-theme-03);
	padding:10pt;
	padding-bottom:20pt;
	text-align:center;
}
.dasbhoard-grid-01-title{
	margin:20pt 0 10pt;
}
.dasbhoard-grid-01-title h3{
	font-weight:600;
	font-size:26pt;
	color:var(--color-theme);
	text-align:center;
}
.dasbhoard-grid-01-title-2{
	color:#888;
	font-family:'Roboto';
}
.dasbhoard-grid-01-amount{
	font-size:22pt;
	color:var(--color-theme);
}
.dashboard-grid-widget{
	margin:20pt 0;
}
.dashboard-grid-widget ul{
	margin:0;
	padding:0;
	display:flex;
	justify-content:space-evenly;
}
.dashboard-grid-widget li{
	list-style:none;
	display:block;
	width:auto;
}
.dashboard-grid-widget li a{
	transition:all ease .3s;
}
.dashboard-grid-widget li a:hover{
	text-decoration:none;
	color:#000;
}
.dashboard-grid-widget-icon{
	width:52px;
	height:52px;
	margin:10px;
	padding:10px;
	background:var(--color-secondary);
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:all ease .3s;
}
.dashboard-grid-widget-icon:hover{
	background:var(--color-theme);
	transform:rotateY(180deg);
}
.dashboard-grid-widget-icon img{
	max-width:100%;
}
.dashboard-grid-widget-title{
	color:#888;
}
.dasbhoard-grid-02{
	/*padding:20pt 0;*/
	background:#222;
}
.dasbhoard-grid-02 ul{
	margin:0;
	padding:0;
}
.dasbhoard-grid-02 li{
	display:block;
	list-style:none;
	padding:15pt;
	border-bottom:1px solid #111;
}
.dashboard-wallet-card{
	width:100%;
	display:flex;
}
.dashboard-wallet-card-left{
	display:flex;
	gap:10px;
}
.dashboard-wallet-icon{
	width:52px;
	height:52px;
	background:#fff;
	border-radius:50%;
	padding:10px;
	box-shadow:0 0 15px rgb(152 124 207 / 35%);
}
.dashboard-wallet-icon img{
	max-width:100%;
}
.dashboard-wallet-info{
	color:var(--color-theme-04);
}
.dashboard-wallet-info h4{
	margin-bottom:0;
	color:var(--color-secondary);
}
.dashboard-wallet-card-right{
	margin-left:auto;
	text-align:right;
}
.dashboard-wallet-grand-amount{
	font-size:16pt;
	font-weight:700;
	color:var(--color-secondary);
}
.icon--chart-fill{
	max-width:32px;
}
.alert-blink{
	box-shadow:0 0 5px rgba(255,255,255,.5);
	transition:all ease .3s;
	animation: alert-blink .3s linear infinite alternate;
}
@keyframes alert-blink{
	0% {
		box-shadow:0 0 5px #d00;
	}
	50% {
		box-shadow:0 0 30px #d11;
	}
	100%{
		box-shadow:0 0 5px #d00;
	}
}
.add-token-grid{
	display:block;
	margin:15px;
	padding:15pt 20pt;
	text-align:center;
	border:1px dotted #fff;
	color:#fff;
	transition:all ease .3s;
}
.add-token-grid:hover{
	opacity:.5;
	color:#fff;
}
.re-upload-modal{
	background:#6344BE;
	color:#fff;
}
.re-upload-modal p{
	color:#fff;
}
.btn-re-upload{
	background:#fff;
	border:0;
	color:var(--color-theme);
}
.btn-re-upload:hover{
	background:rgba(255,255,255,.5);
}
/*** purchase ticket page ***/
.bottom-staking-tabbed{
	position:fixed;
	bottom:0;
	width:100%;
	max-width:500px;
	background:var(--color-theme);
	padding-top:10pt;
	z-index:2;
	border-top:1px solid rgba(255,255,255,.15);
}
.staking-tabbed{
	margin-bottom:15pt;
	height:60px;
    overflow: auto; /* Allow scrolling */
	overflow-y:hidden;
    padding: 10px;
    box-sizing: border-box;
    white-space: nowrap; /* Prevent line breaks */
}
.staking-tabbed ul{
	margin:0;
	padding:0;
	display:flex;
	gap:5px;
}
.staking-tabbed li{
	list-style:none;
	display:block;
}
.staking-tabbed li a{
	font-size:14px;
	color:#888;
	padding:10pt;
	transition:all ease .3s;
	border-radius:15px;
}
.staking-tabbed li a:hover{
	text-decoration:none;
	background:var(--color-secondary);
	color:#fff;
	border-radius:15px;
}
.staking-tabbed li a.active{
	background:var(--color-theme-03);
	color:#fff;
	border-radius:15px;
}
.shadow-scroll-x {
  overflow-x: auto;

}
.shadow-scroll-x::-webkit-scrollbar {
  height:4px;
  background-color:rgba(255,255,255,.35);
}
.shadow-scroll-x::-webkit-scrollbar-thumb {
  background-color:var(--color-secondary);
  border-radius: 3px;
}
.shadow-scroll-x::-webkit-scrollbar-button {
  display: none;
}
.inner-wrapper{
	padding:10pt;
	padding-bottom:100px;
}
.inner-header-wrapper{
	padding:10pt;
}
.inner-header-title h3{
	color:var(--color-secondary);
}
.inner-header-title p{
	color:var(--color-theme-04);
}
.purchase-ticket-grid-01{
	display:flex;
	flex-wrap:wrap;
	position:relative;
	margin-bottom:10pt;
}
.purchase-ticket-grid-01:before{
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	background:var(--color-secondary);
	width:2px;
	height:60%;
	background:var(--color-secondary);
}
.purchase-ticket-grid-01 > div{
	width:50%;
	text-align:center;
}
.total-staking-grid, .queue-list-grid{
	max-width:120px;
	margin:0 auto 10px;
}
.total-staking-grid h4, .queue-list-grid h4{
	color:var(--color-secondary);
	font-size:14pt;
	margin:0;
}
.total-staking-amount, .total-queue-list{
	font-size:30pt;
	font-weight:bold;
	color:var(--color-theme-05);
}
.total-staking-amount-small{
	font-size:14pt;
	font-weight:normal;
	color:var(--color-theme-05);
}
.total-staking-amount-value{
	font-weight:bold;
	font-size:22pt;
}
.purchase-staking-ticket-grid{
	position:relative;
	margin-bottom:60pt;
}
.purchase-ticket-grid-02{
	padding:10pt;
	margin-bottom:20pt;
	background:linear-gradient(90deg, #c1a7ff5e, rgba(0, 0, 0, .15));
	border-radius:10pt;
	min-height:200px;
	position:relative;
	overflow:hidden;
}
.purchase-ticket-grid-02:before{
	content:'';
	position:absolute;
	bottom:-40pt;
	right:-20pt;
	width:120px;
	height:220px;
	border-radius:15px;
	background:rgba(255,255,255,.15);
	transform:rotate(45deg);
}
.purchase-staking-ticket{
	color:#fff;
}
.purchase-arrow{
	width:52px;
	height:52px;
	margin:0 auto -20pt;
	padding:10px;
	background:#fff;
	border-radius:10px;
	box-shadow:0 0 10px rgba(0,0,0,.35);
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	top:43%;
	bottom:50%;
	left:50%;
	transform:translate(-50%, 0);
	z-index:1;
}
.purchase-ticket-grid-03{
	padding:20pt 10pt;
	margin-bottom:15px;
	background:linear-gradient(90deg, #c1a7ffb8, rgba(0, 0, 0, .55));
	border-radius:10pt;
	position:relative;
	overflow:hidden;
}
.purchase-ticket-grid-03:before{
	content:'';
	position:absolute;
	bottom:-40pt;
	right:-20pt;
	width:120px;
	height:220px;
	border-radius:15px;
	background:rgba(255,255,255,.15);
	transform:rotate(45deg);
}
.purchase-beneficiary-card{
	padding:20pt 10pt;
	margin-bottom:15px;
	background:#01A659;
	border-radius:10pt;
	position:relative;
	overflow:hidden;
}
.btn-purchase-beneficiary{
	background:#048448;
	color:#fff;
	border:1px solid #fff;
	border-radius:10px;
	width:100%;
	padding:10px;
}
.kyc-img{
	max-width:56px;
}
.custom-select-02 {
	position: relative;
}
.custom-select-02 select {
	display: none;
}
.select-selected {
	background-color:#fff;
	color: #432C9D;
	padding: 8px 16px;
	/*border: 1px solid #432C9D;*/
	border-radius:10px;
	cursor: pointer;
	user-select: none;
	box-shadow:0 0 10px rgba(0,0,0,.15);
}
.select-selected:after {
	position: absolute;
	content: "";
	top:50%;
	right: 10px;
	transform:translate(0,-50%);
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: #432C9D transparent transparent transparent;
	transition:all ease .3s;
}
.select-selected.select-arrow-active:after {
	border-color: transparent transparent #432C9D transparent;
	transform:rotate(0deg);
	top:30%;
}
.select-items div{
	color: #432C9D;
	padding: 8px 16px;
	cursor: pointer;
	user-select: none;
}
.select-items {
	position: absolute;
	top:43px;
	left: 0;
	right: 0;
	z-index: 99;
	margin:auto;
	width:98%;
	background:#fff;
}
.select-hide {
	display: none;
}
.select-items div:hover, .same-as-selected {
	background-color: rgba(0, 0, 0, 0.1);
}
.total-purchase-ticket-amount{
	padding:10pt 0;
	display:flex;
	justify-content:space-between;
	align-items:center;
	color:var(--color-theme);
	position:relative;
}
.total-purchase-amount{
	font-size:22pt;
	font-weight:600;
}
.btn-get-ticket{
	width:100%;
	border-radius:10px;
	border:1px solid rgba(0,0,0,.01);
	padding:10px 10pt;
	background:var(--color-theme);
	position:relative;
	text-align:center;
transition:all ease .3s;
}
.btn-get-ticket:hover{
	background:var(--color-secondary);
}
.btn-get-ticket font{
	display:block;
	height:100%;
	width:100%;
	color:#fff;
}
.btn-get-ticket font:hover{
	text-decoration:none;
}
/*** ticket list page ***/
.own-ticket-list{
	margin-bottom:20pt;
}
.own-ticket-list ul{
	margin:0;
	padding:0;
	display:flex;
	gap:5px;
	flex-wrap:wrap;
}
.own-ticket-list li{
	width:49%;
	padding:5px;
}
.own-ticket-list li a{
	display:block;
	transition:all ease .3s;
	height:100%;
}
.own-ticket-list li a:hover{
	text-decoration:none;
	opacity:.85;
}
.own-ticket-card{
	border-radius:15px;
	min-height:125px;
	background:#fff;
	display:flex;
	justify-content:space-between;
	box-shadow: 0 0 10px rgba(0, 0, 0, .15);
	height:100%;
}
.own-ticket-left{
	width:70%;
	display:flex;
	flex-direction:column;
	padding:10pt;
}
.own-ticket-info{
	margin-bottom:0px;
}
.own-ticket-detail{
	font-size:10px;
	color:#777;
}
.own-ticket-detail h3{
	color:var(--color-theme);
	font-size:16pt;
	font-weight:700;
	margin-bottom:0;
}
.own-ticket-status{
	font-size:12px;
	color:#000;
	text-align:right;
}
.own-ticket-status span{
	font-weight:bold;
}
.status-unstake{
	color:#d00;
}
.status-stake{
	color:green;
}
.own-ticket-right{
	width:30%;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:6px;
	text-align:center;
	background:var(--color-theme);
	color:#fff;
	font-weight:600;
	border-radius:0 15px 15px 0;
	border-left: 2px dashed #fff;
}
.btn-load-more-ticket{
	padding:5pt 10pt;
	background:var(--color-theme);
	color:#fff;
	border-radius:10px;
	transition:all ease .3s;
}
.btn-load-more-ticket:hover{
	color:rgba(255,255,255,.5);
	text-decoration:none;
}
@media (max-width:550px){
	.own-ticket-list li{
		width:100%;
	}
}
/*** transaction history page ***/
.custom-table{
	color:var(--color-theme);
}
.custom-table tr th{
	font-size:12px;
	text-transform:capitalize;
	color:var(--color-theme);
}
.custom-table tr td{
	color:var(--color-theme) !important;
	font-size:12px;
	padding:5pt;
}
.custom-table tr:nth-child(even){
	background:#efefef;
}
.transaction-list-grid{
	padding:15pt;
	background:#6344BE;
	min-height:50vh;
}
.search-filter{
	font-size:14px;
	color:#FFB901 !important;
}
.transaction-record-list{
	margin:15pt 0;
}
.transaction-record-list ul{
	margin:0;
	padding:0;
}
.transaction-record-list li{
	display:block;
	list-style:none;
	margin-bottom:15pt;
}
.transaction-record-card{
	display:flex;
	align-items:start;
}
.transaction-detail{
	display:flex;
	align-items:center;
	gap:10pt;
}
.trans-icon{
	width:45px;
	height:45px;
}
.trans-icon img{
	width:100%;
	max-width:100%;
}
.trans-info h4{
	font-size:16px;
	font-weight:500;
	color:#fff;
	margin-bottom:0;
}
.trans-record-status{
	font-size:14px;
	color:#aaa;
}
.transaction-amount{
	margin-left:auto;
}
.transaction-amount h4{
	font-size:16px;
	font-weight:500;
	color:#fff;	
	margin-bottom:0;
}
.trans-date{
	font-size:14px;
	color:#aaa;
}
/*** staking page ***/
.staking-card-grid{
	padding:20pt 10pt;
	margin-bottom:15px;
	background:linear-gradient(90deg, #c1a7ff5e, rgba(0, 0, 0, .15));
	border-radius:10pt;
	position:relative;
	overflow:hidden;
	color:#fff;
}
.staking-card-grid:before{
	content:'';
	position:absolute;
	bottom:-40pt;
	right:-20pt;
	width:120px;
	height:220px;
	border-radius:15px;
	background:rgba(255,255,255,.15);
	transform:rotate(45deg);
}
.staking-card-title h3{
	color:#fff;
}
.staking-ticket-now{
	width:52px;
	height:52px;
	padding: 10px;
	margin:0 auto;
	margin-top:-20pt;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .35);
    display: flex;
    justify-content: center;
    align-items: center;
	z-index: 2;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}
.ticket-ready-to-stake{
	position:relative;
	margin-top:20px;
	font-size:12px;
}

.select-package-card {
  display: block;
  position: relative;
  padding:1em;
  padding-top:2em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-height:125px;
  width:50%;
  background:var(--color-theme);
  border-radius:10px;
  border:1px solid rgba(0,0,0,.15);
  text-align:center;
}
.select-package-card input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.select-package-card-checkmark {
  position: absolute;
  top:10px;
  left:10px;
  height:25px;
  width:25px;
  background-color:var(--color-secondary);
  border-radius:50%;
}
.select-package-card:hover input ~ .select-package-card-checkmark {
  background-color:var(--color-secondary);
  transition:all ease .3s;
}
.select-package-card input:checked ~ .select-package-card-checkmark {
  background-color:transparent;
  transition:all ease .3s;
}
.select-package-card-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.select-package-card input:checked ~ .select-package-card-checkmark:after {
  display: block;
}
.select-package-card .select-package-card-checkmark:after {
	content:'';
	background:url(../images/icon-selected-tick.png) no-repeat #fff;
	background-size:cover;
 	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius: 50%;
}
.package-title{
	position:relative;
	z-index:1;
}
/*** network page ***/
.btn-theme{
	background:var(--color-theme);
	color:#fff;
	padding:10px;
	border-radius:10px;
	display:block;
	transition:all ease .3s;
}
.btn-theme:hover{
	background:var(--color-secondary);
	text-decoration:none;
	color:#fff;
}
/*** buy nodes page ***/
.nodes-unit-balance{
	margin:10pt 0;
	padding-bottom:65px;
	text-align:center;
}
.nodes-unit-balance-title{
	font-size:20pt;
	color:var(--color-secondary);
}
.nodes-unit-display{
	padding:5pt 0;
	color:var(--color-secondary);
}
.nodes-unit-display span.nodes-unit-total{
	display:block;
	font-size:32pt;
	font-weight:bold;
	line-height:normal;
	color:var(--color-theme);
}
.nodes-price-grid{
	min-height:250px;
	position:relative;
	background:#fff;
	border-radius:15px;
	padding:15px;
	padding-top:145px;
}
.nodes-purchase-icon{
	width:165px;
	max-width:165px;
	margin:0 auto;
	position:absolute;
	left:40%;
	top:-65px;
	transform:translateX(-35%);
}
.nodes-purchase-icon img{
	max-width:100%;
}
.nodes-price-quantity{
	width:50%;
	color:var(--color-secondary);
	font-weight:700;
	font-size:16px;
	text-align:center;
}
.nodes-price-quantity span{
	display:block;
	color:var(--color-theme);
	font-weight:bold;
	font-size:20pt;
}
/*** farm page ***/
.slot-link{
	margin-bottom:30pt;
	display:flex;
	align-items:center;
	gap:10pt;
	width:100%;
	cursor:pointer;
	transition:all ease .3s;
}
.slot-link:hover{
	opacity:.75;
}
.slot-link-icon{
	width:52px;
	height:52px;
	margin:0 10px;
}
.slot-link-icon img{
	max-width:100%;
	width:100%;	
}
/*** card application ***/
.application-card{
	padding:10pt;
	background:#2D1A54;
	border-radius:15px;
}
.btn-apply-card{
	padding:10px 15pt;
	border-radius:15px;
	border:2px solid #fff;
	width:100%;
	text-align:center;
	color:#fff;
	background:#6344BE;
}
/*** staking pool ***/
.staking-pool-grid{
	margin:20pt 0;
}
.staking-pool-grid ul{
	margin:0;
	padding:0;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:10px;
}
.staking-pool-grid li{
	list-style:none;
	width:31.33%;
}
.staking-pool-block{
	width:100%;
	padding:20pt 10pt;
	background:#f7f7f7;
	border-radius:10px;
	border:1px solid #eee;
	color:var(--color-secondary);
	text-align:center;
}
.staking-pool-block h4{
	color:var(--color-theme);
	font-size:20pt;
	font-weight:bold;
	margin-bottom:0;
}
.choose-staking-pool-grid{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:10px;
	width:100%;
	margin-top:5pt;
	margin-bottom:5pt;
}

.staking-pool-container {
	display: block;
	position: relative;
	padding-left:25px;
	margin-bottom:5px;
	margin-right:10pt;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/*width:22.66%;*/
	color:var(--color-theme);
}
.staking-pool-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.staking-pool-checkmark {
	position: absolute;
	top:50%;
	left:0;
	transform:translate(0,-50%);
	height:16px;
	width:16px;
	background-color: #eee;
	border-radius:50%;
}
.staking-pool-container:hover input ~ .staking-pool-checkmark {
	background-color: #ccc;
}
.staking-pool-container input:checked ~ .staking-pool-checkmark {
	background-color:var(--color-theme);
}
.staking-pool-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.staking-pool-container input:checked ~ .staking-pool-checkmark:after {
	display: block;
}
.staking-pool-container .staking-pool-checkmark:after {
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background:#fff;
}
/*** tube earn ***/
.tube-earn-card{
	padding:10px;
	border-radius:15px;
	background:#eee;
	color:#777;
	width:50%;
	text-align:center;
}
.tube-earn-card.personal-quota{
	background:#e4e3f3
}
.tube-earn-card h4{
	font-size:20px;
	color:var(--color-theme);
}
.tube-earn-card-amount{
	font-size:22px;
	font-weight:600;
	color:var(--color-secondary);
}