label{
	font-size:14px;
}
label.form-label{
	color:#3F5166;
	font-size:14pt;
	font-weight:bold;
}
a:hover{
	text-decoration:none;
}
/*.main-container-wrapper{
	height:100%;
	max-width:500px;
	margin:0 auto;
	padding-bottom:100px;
	position:relative;
	border-left:1px solid #efefef;
	border-right:1px solid #efefef;
}
.main-container-wrapper:before{
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width:70%;
	max-width:400px;
	height:70%;
	background: url(../images/bg/meets-pattern.png) no-repeat;
	background-size: 100%;
	background-position:bottom;
	opacity: .15;
	z-index: -1;
	display:none;
}*/
.navbar-fixed {
  top: 0;
  z-index:2;
  position: fixed;
  width: 100%;
  max-width:500px;
}
/*.navbar-brand img{
	max-width:60px;
}
.rev-navbar-inner{
	padding:0 10pt;
	width:100%;
	max-width:500px;
	display:flex;
	align-items:center;
}*/
/*.bg-rev-navbar{
	background:#ccc0ff;
}
.custom-topnav-dropdown{
	padding:10px;
	position:relative;
}
.custom-topnav-dropdown:before{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	transform:translateY(-50%) translateX(-50%);
	width:30px;
	height:30px;
	background: rgb(139 103 247);
	border-radius:50%;
	box-shadow:0 0 5px rgba(0,0,0,.15);
}
.custom-topnav-dropdown:after{
	display:none;
}
.custom-topnav-dropdown img{
	max-width:22px;
	position:relative;
}
.custom-topnav-dropdown:hover, .custom-topnav-dropdown:focus{
	border-color:transparent;
	background: rgb(139 103 247 / 38%);
}
.custom-topnav-dropdown[aria-expanded="true"]{
	background: rgb(139 103 247 / 38%);
}
.selected-lang-text{
	position:absolute;
    top:-2px;
    right: 2px;
    font-size: 8px;
    font-weight: bold;
    color:var(--color-theme);
	padding:2px 5px;
	border-radius:15px;
	background:#fff;
}
.selected-lang-text:hover{
	color:var(--color-secondary);
}
.top-profile-card{
	padding:10px;
	width:200px;
	background:#6344BE;
	border:1px solid rgb(139 103 247 / 38%);
	border-radius:15px;
	font-size:14px;
	line-height:normal;
}
.user-ref-code-title{
	font-family: 'Gilroy-Bold';
	letter-spacing:1px;
	color:#fff;
}
.user-ref-code{
	font-family: 'Gilroy-Thin';
	letter-spacing:1.2px;
	color:#fff;
}
.user-wallet-address-grid{
	display:flex;
	align-items:center;
	gap:5px;
	color:#fff;
	font-size:12px;
}
.user-wallet-address{
	width:80%;
	overflow: hidden;
    text-overflow: ellipsis;
	font-family: 'Gilroy-Medium';
	letter-spacing:1px;
	color:#d4c1fd;
}
*/
/*** default layout css ***/
/*.inbox-notice{
	margin-right:15pt;
	position:relative;
	background: #d7cef3;
    padding: 5px;
	border-radius:10px;
	width:36px;
	height:36px;
	text-align:center;
}
.inbox-notice span.notice-dot{
	position:absolute;
	top:0px;
	right:-2px;
	width:8px;
	height:8px;
	border-radius:50%;
	background:#d00;
}
.fixed-bottom-nav{
	position:fixed;
	left:50%;
	bottom:10px;
	transform:translateX(-50%);
	width:98%;
	max-width:486px;
	background:var(--color-secondary);
	border-radius:50px;
}
.fixed-bottom-nav-grid{
	width:100%;
	display:block;
}
.fixed-bottom-nav-grid ul{
	margin:0;
	padding:0;
	display:flex;
	gap:10px;
}
.fixed-bottom-nav-grid li{
	width:25%;
}
.fixed-bottom-nav-grid li a{
	text-align:center;
	padding:5pt;
	font-weight:bold;
	font-size:10pt;
	display:block;
	color:#fff;
	transition:all ease .3s;
}
.fixed-bottom-nav-grid li a:hover{
	color:rgba(255,255,255,.65);
}
.fbn-icon{
	width:26px;
	height:26px;
	margin:0 auto 5px;
	display:block;
	transition:all ease .3s;
}
.fbn-icon:hover{
	opacity:.5;
}
.fbn-icon img{
	max-width:100%;
}
*/
/*** Push canvas navigation bar ***/
.overlay {
	height: 0%;
	width: 100%;
	position: fixed;
	z-index:3;
	top: 0;
	left: 0;
	background-color:var(--color-theme-3);
	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;
}
.overlay a {
	padding: 8px;
	text-decoration: none;
	color: #fff;
	display: block;
	transition: 0.3s;
}
.overlay a:hover, .overlay a:focus {
	color: #f1f1f1;
}
.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;
	transition:all ease .3s;
}
.ul-menu li a:hover{
	background:var(--color-secondary);
}

@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, #999, #444);
	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%;
}
/*** landing pop up announcement modal ***/
ul.ul-anno-list{
	margin:0pt 0;
}
ul.ul-anno-list li{
	list-style:none;
	display:block;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #eee;
}
ul.ul-anno-list li:last-child{
	border-bottom:none;
}
ul.ul-anno-list li h4{
	color:var(--color-theme);
}
ul.ul-anno-list li h4 a{
	color:var(--color-theme);
	transition:all ease .3s;
}
ul.ul-anno-list li h4 a:hover{
	color:var(--font-color);
}
ul.ul-anno-list li p{
	color:#96AFCC;
}
.read-more-anno{
	color:var(--font-color);
	font-weight:600;
	transition:all ease .3s;
}
.read-more-anno:hover{
	color:var(--color-secondary);
}
.anno-date-created{
	font-size:12px;
	color:#96AFCC;
}
.btn-close-modal-anno{
	margin-bottom:-20pt;
	color:#fff;
	font-weight:600;
	border-radius:15px;
	background:var(--color-teal);
	transition:all ease .3s;
}
.btn-close-modal-anno:hover{
	background:var(--color-disable);
}
.anno-content-wrapper h4{
	color:var(--color-theme);
}
.anno-content-wrapper p{
	color:#96AFCC;
}
/*** Dashboard css ***/
.balance-sale-target{
	position:absolute;
	top:-25pt;
	right:0;
	padding:10px;
	border-radius:10px;
	background:var(--color-teal);
	color:#fff;
	font-size:12px;	
	line-height:normal;
	text-align:center;
	height:max-content;
	box-shadow:5px 5px 10px rgba(64,44,126.15);
}
.sale-to-target{
	font-size:18pt;
	font-weight:600;
	color:yellow;
	line-height:32px;
}
.sale-target-duedate{
	padding:5px 10px;
	background:#fff;
	color:var(--color-theme);
	font-style:italic;
	border-radius:15px;
}
/*.dasbhoard-grid-01{
	min-height:250px;
	background:linear-gradient(135deg, #DBC1EC, #775FC5, #2D3154);
	padding:10pt;
	padding-top:80px;
	margin-top:-86px;
}
.dasbhoard-grid-01-title{
	margin:20pt 0 0pt;
}
.dasbhoard-grid-01-title h3{
	font-weight:600;
	font-size:14pt;
	color:#fff;
	margin-bottom:0;
}
.dasbhoard-grid-01-title-2{
	color:#fff;
	font-family:'Roboto';
}
.dasbhoard-grid-01-amount{
	font-size:32pt;
	color:#fff;
}*/
/*.dashboard-action-grid{
	margin:10pt 0 50px;
}
.dashboard-action-grid ul{
	margin:0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:10px;
}
.dashboard-action-grid li{
	width:31.333%;
	display:block;
	list-style:none;
}
.dashboard-action-link{
	cursor:pointer;
}
.dashboard-action-link:hover .dashboard-action-card{
	opacity:.65;
}
.dashboard-action-card{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:5px;
	padding:10px;
	background:#fff;
	border-radius:15px;
	color:var(--color-theme);
	font-weight:600;
	transition:all ease .3s;
}
.dashboard-action-card.action-send{
	background:#13A9EA;
	color:#fff;
}
.dashboard-action-card.action-staking{
	background:var(--color-teal);
	color:#fff;
}
.dashboard-action-icon{
	width:32px;
}
.dashboard-action-icon img{
	max-width:25px;
}
.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-theme);
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:all ease .3s;
}
.dashboard-grid-widget-icon:hover{
	background:var(--color-secondary);
	transform:rotateY(180deg);
}
.dashboard-grid-widget-icon img{
	max-width:100%;
}
.dashboard-grid-widget-title{
	color:#fff;
}
.dasbhoard-grid-02{
	padding:20pt 0;
	background: #fff;
    border-radius: 25px 25px 0 0;
    margin-top: -30px;
}
.dasbhoard-grid-02 ul{
	margin:0;
	padding:0;
}
.dasbhoard-grid-02 li{
	display:block;
	list-style:none;
	padding:15pt;
}
.dasbhoard-grid-02 ul.dashboard-grid-ul{
	padding:15pt;
}
.dasbhoard-grid-02 ul.dashboard-grid-ul li{
	padding:0;
	margin-bottom:10px;
}
.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-secondary);
}
.dashboard-wallet-info h4{
	margin-bottom:0;
	color:var(--color-theme);
}
.dashboard-wallet-card-right{
	margin-left:auto;
	text-align:right;
}
.dashboard-wallet-grand-amount{
	font-size:16pt;
	font-weight:700;
	color:var(--color-secondary);
}
.success-staking-msg{
	text-align:center;
	margin:10pt 0;
}
.success-staking-msg img.icon-success-check{
	max-width:100px;
	margin:0 auto;
}
.success-staking-msg h4{
	color:var(--color-secondary);
	margin:10pt 0;
}
.success-staking-msg p{
	color:var(--font-color);
}
.stake-u-amount{
	color:var(--font-color);
	font-size:36px;
	font-weight:bold;
}*/
/*** purchase ticket page ***/
.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{
	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);
	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-header-wrapper{
	padding:10pt;
}
.inner-header-title h3{
	color:var(--color-theme);
}
.inner-header-title p{
	color:var(--color-secondary);
}*/
.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);
}
.total-staking-amount-small{
	font-size:20pt;
	font-weight:bold;
	color:var(--color-theme);
}
.inner-wrapper{
	padding:10pt;
	padding-bottom:100px;
}
.purchase-staking-ticket-grid{
	position:relative;
	margin-bottom:60pt;
}
.purchase-ticket-grid-02{
	padding:10pt;
	margin-bottom:20pt;
	background:#33186B;
	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:#C499F3;
	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);
}

.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:0px solid #fff;
	padding:10px 10pt;
	background:var(--bs-white);
	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:var(--color-secondary);
	font-weight:bold;
}
.btn-get-ticket font:hover{
	text-decoration:none;
	color:var(--bs-white);
}
/*** 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;
}
.ticket-list-grid{
	margin:0pt 0;
}
.ticket-list-grid ul{
	margin:0;
	padding:0;
}
.ticket-list-grid li{
	display:block;
	list-style:none;
}
.ticket-list-card{
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	border-bottom:1px solid #eee;
	padding-top:10px;
	padding-bottom:10px;
}
.ticket-list-card-no{
	width:20%;
	max-width:36px;
	font-weight:bold;
	color:var(--color-secondary);
}
.ticket-list-card-content{
	width:100%;
	max-width:80%;
	padding:0 10px;
}
.ticket-list-card-icon{
	width:20%;
	max-width:36px;
}
.ticket-list-card-icon img{
	width:100%;
	max-width:32px;
}
.ticket-list-card-title{
	overflow: hidden;
    white-space: nowrap;
	text-overflow:ellipsis;
	color:var(--color-theme);
	font-weight:600;
	margin-bottom:5pt;
}
.ticket-list-card-status{
	font-size:13px;
	color:#666;
	padding:0px 10px;
	line-height:24px;
	margin-bottom:5pt;
	background:#f7f7f7;
	border-radius:10px;
	display:inline-block;
}
.ticket-list-card-status.in-progress{
	background:#C1C501;
	color:#fff;
}
.ticket-list-card-status.completed{
	background:#38C00A;
	color:#fff;
}
.ticket-list-card-status.closed{
	background:#B12C2C;
	color:#fff;
}
.ticket-list-card-desc{
	font-size:12px;
	color:#999;
}
@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;
}
.rev-search-form{
	padding:0 10pt;
}
.rev-search-form p{
	margin-bottom:10px;
}

/*** staking page ***/
.default-app-header{
    min-height: 250px;
    background: linear-gradient(135deg, #DBC1EC, #775FC5, #2D3154);
    padding: 10pt;
    padding-top: 80px;
	padding-bottom:60px;
    margin-top: -86px;
}
.default-app-header h3{
	font-weight: 600;
    font-size: 14pt;
    color: #fff;
    margin-bottom: 0;
	margin-top:20pt;
}
.default-app-header p{
	margin-bottom:0;
	color: #fff;
    font-family: 'Roboto';
}
.staking-card-grid{
	padding:20pt 10pt;
	margin-bottom:15px;
	background:#C499F3;
	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-staking-type{
	border:0;
	color:var(--font-color);
	font-weight:600;
	font-size:14pt;
}
.select-staking-type:focus{
	outline:none;
}
.stake-amount{
	border:0;
	color:var(--font-color);
	font-weight:600;
	font-size:14pt;
	text-align:right;
}
/*** network page ***/
.btn-theme{
	background:var(--color-teal);
	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;
}
/*** pruchase node page ***/
.purchase-node-header-wrapper{
	min-height: 250px;
    background: linear-gradient(135deg, #DBC1EC, #775FC5, #2D3154);
    padding: 10pt;
    padding-top: 80px;
    margin-top: -86px;
}
.choose-node-modal{
	margin:20pt 0;
	display:flex;
	align-items:center;
	justify-content:space-evenly;
	gap:10px;
}
.choose-node-nav a{
	padding:5px;
	background:#fff;
	border-radius:50%;
	width:32px;
	height:32px;
	display:flex;
	justify-content:center;
	align-items:center;
	transition:all ease .3s;
}
.choose-node-nav a:hover{
	background:rgba(255,255,255,.35);
	color:var(--color-secondary);
}
.node-modal-img img{
	max-width:165px;
}
.node-price-amount{
	margin-bottom:10pt;
	text-align:center;
	font-size:22pt;
	font-weight:600;
	color:#fff;
}
.quantity-container {
	display: flex;
	align-items: center;
	justify-content:center;
	gap:15px;
	margin-bottom:30pt;
}
.quantity-container input[type="number"] {
	width:65px;
	height:30px;
	padding-left:20px;
	text-align: center;
}
.quantity-container button {
	width: 30px;
	height: 30px;
	background-color:transparent;
	border:none;
	cursor: pointer;
	color:#fff;
	font-size:20pt;
}
.quantity-container button:disabled {
	cursor: not-allowed;
	opacity: 0.5;
}
.purchase-node-card{
	min-height:150px;
	background:#fff;
	margin-top:-30px;
	padding:20px 20px;
	border-radius:25px 25px 0 0;
	color:#8B6EDF;
}
.purchase-node-card h3{
	color:var(--color-theme);
}
.purchase-node-total-amount{
	color:#999;
}
.purchase-node-total-amount span{
	color:var(--color-theme);
}
.btn-purchase-node{
	width:100%;
	max-width:360px;
	padding:15px;
	border:0;
	border-radius:10px;
	background:#1A93A3;
	color:#fff;
	font-size:20px;
}
/*** withdrawal page ***/
.withdrawal-grid-01{
    min-height: 250px;
    background: linear-gradient(135deg, #DBC1EC, #775FC5, #2D3154);
    padding: 10pt;
    padding-top: 80px;
	padding-bottom:60px;
    margin-top: -86px;
}
.withdrawal-grid-01 h3{
	font-weight: 600;
    font-size: 14pt;
    color: #fff;
    margin-bottom: 0;
	margin-top:20pt;
}
.withdrawal-grid-01 p{
	margin-bottom:0;
	color: #fff;
    font-family: 'Roboto';
}
.wallet-total-usd{
	font-size: 32pt;
    color: #fff;
}
.default-card-wrapper{
	padding: 20pt 0;
    background: #fff;
    border-radius: 25px 25px 0 0;
    margin-top: -30px;	
}
.default-card-wrapper-body{
	padding:1.5rem!important;
}
.default-card-wrapper-body .form-control{
	border:1px solid #DED3D3;
	color:var(--font-color);
}
/*** signup page ***/
.custom-input{
	border:1px solid var(--font-color);
	width:100%;
	padding:10px;
	border-radius:10px;
}
#agree_tnc{
	color:#808080;
	font-size:14px;
}
#agree_tnc a#opentnc{
	color:#777;
	text-decoration:underline;
}
/*** ticket chat page ***/
.ticket-chat-case{
	display:flex;
	align-items:start;
	gap:10px;
	margin-bottom:10pt;
    padding: 10px;
	background: #f6f4fb;
    border-radius: 10px;
}
.ticket-chat-number{
	font-size:14px;
	font-weight: bold;
    color: var(--color-secondary);
}
.ticket-chat-content h3{
	color: var(--color-theme);
    font-weight: 600;
	font-size:12pt;
    margin-bottom: 5pt;
}
.ticket-chat-status-badge{
	font-size: 13px;
    color: #666;
    padding: 0px 10px;
    line-height: 24px;
    margin-bottom: 5pt;
    background: #f7f7f7;
    border-radius: 10px;
    display: inline-block;	
}
.ticket-chat-status-badge.in-progress{
	background:#C1C501;
	color:#fff;
}
.ticket-chat-status-badge.completed{
	background:#38C00A;
	color:#fff;
}
.ticket-chat-status-badge.closed{
	background:#B12C2C;
	color:#fff;
}
.ticket-chat-message{
	color:#444;
	margin-bottom:15pt;
	padding:10px;
	border-radius:10px;
	position:relative;
}
.ticket-chat-message p{
	font-size:12pt;
}
.ticket-chat-message.your-message{
	background:#e0ffe0;
	position:relative;
}
.ticket-chat-message.your-message:before{
	content:'';
	position:absolute;
	right:20px;
	bottom:-10px;
	background:#e0ffe0;
	width:22px;
	height:25px;
	transform:skewX(45deg) rotate(25deg);
}
.ticket-chat-message.support-message{
	background:#d8d8f0;
	position:relative;
}
.ticket-chat-message.support-message:before{
	content:'';
	position:absolute;
	left:20px;
	bottom:-10px;
	background:#d8d8f0;
	width:22px;
	height:25px;
	transform:skewX(-45deg) rotate(-25deg);
}
.message-date-created{
	text-align:right;
	font-size:12px;
	font-weight:500;
	color:#888;
	position:relative;
}