body {
	font-family:"Rajdhani", sans-serif !important;
}

h1.tubes-font {
  font-size:10em;
  background:-webkit-linear-gradient(0deg, #d8bbf5, #9168b9, #371793);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.quote-card{
	font-size:22px;
	line-height:2;
	color:var(--color-theme);
	padding:25px;
	margin-bottom:30px;
	border-radius:15px;
	border:1px solid #e6e1fb;
	background:#f0f0f7;
}
.card-112{
	max-width:80%;
	height:100%;
	padding:25px;
	margin:auto;
	background:linear-gradient(0deg, #fff, #f7f7f7);
	border-radius:15px;
	border:1px solid #e6e1fb;
	box-shadow:0 0 10px rgba(200,200,200,.15);
}
.card-112 h4{
	color:var(--color-theme);
	margin-top:15px;
	margin-bottom:15px;
	text-align:center;
}
.crypto-bitcoin-img{
	max-width:600px;
	display:block;
	margin:auto;
	overflow:hidden;
}
.big-font{
	font-size:2em;
}
.eths{
	color:rgba(56,37,148);
}
.sols{
	color:rgba(57,166,255);
}
.avas{
	color:rgba(245,169,237);
}
.take-part{
	margin:100px 0 0;
	position:relative;
}
.take-part ul{
	margin:0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	position:relative;
}
.take-part li{
    list-style: none;
    width: 50%;
}
.take-part-platform{
	max-width: 80%;
    margin-bottom: 50px;
	color:var(--color-secondary);
}
.take-part-platform h4{
	font-size:20px;
	font-weight:600;
	color:#444;
}
.take-part-platform.leftcard{
	text-align:right;
	padding-right:20%;
}
.take-part-platform.rightcard{
	text-align:left;
	padding-left:40%;
}
.all-platform-pizzle{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	max-width:35%;
}
.take-part-platform h4.text-bian{
	color:rgba(56,37,148);
}
.take-part-platform h4.text-okx{
	color:rgba(57,166,255);
}
.take-part-platform h4.text-bitget{
	color:rgba(245,169,237);
}
.take-part-platform h4.text-bybit{
	color:rgba(76,89,255);
}
.img-all-platform{
	display:block;
	margin:120px auto 0;
	text-align:center;
}
.img-all-platform img{
	max-width:80%;
}
.bubble-list ul{
	margin:30px 0;
	padding:0;
	display:flex;
	justify-content:space-around;
}
.bubble-list li{
	display:block;
	list-style:none;
	padding:20px;
	background:#fff;
	border-radius:50%;
	width:125px;
	height:125px;
	display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--color-theme);
	font-weight:bold;
	box-shadow: 0 0 20px #e1dcf5;
	transition:all ease .3s;
}
.bubble-list li:hover{
	box-shadow: 0 0 25px #a29cbb;
}
.note-multichain{
	margin:0px 0 30px;
	padding:25px;
	background:#fff;
	border-radius:10px;
	box-shadow:0 0 10px rgba(0,0,0,.15);
	font-size:24px;
	font-weight:500;
	text-align:center;
	color:var(--color-secondary);
}
#fragment-protocol{
	background-color:#f1f4f8;
	border-top:1px solid #e6ebf1;
	border-bottom:1px solid #e6ebf1;
}
.piece-line{
	position:relative;
	margin-bottom:150px;
}
.piece-line-card01{
	width:33.33%;
	padding:15px;
	position:absolute;
	top:0;
	left:0;
}
.piece-line-card02{
	width:33.33%;
	padding:15px;
	position:absolute;
	bottom:-30%;
	left:33.33%;
}
.piece-line-card03{
	width:33.33%;
	padding:15px;
	position:absolute;
	bottom:0;
	left:60%;
}
.how-fragment-protocol{
	margin:30px 0;
}
.how-fragment-protocol ul{
	margin:0;
	padding:0;
	display:flex;
	align-items:center;
	justify-content:center;
}
.how-fragment-protocol li{
	width:auto;
	height:100%;
	margin:0 20px;
}
.how-fragment-protocol li:nth-child(4){
	width:65px;
}
.hfp-card{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:10px;
	justify-content:center;
	padding:30px;
	background:#fff;
	box-shadow:0 0 10px rgba(200,200,200,.15);
	border-radius:10px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}
.fragment-arrow{
	padding:20px 0;
	text-align:right;
	color:var(--color-secondary);
	position:relative;
}
.fragment-arrow:before{
	content:'';
	position:absolute;
	top:49%;
	left:0;
	transform:translate(0,-49%);
	width:90%;
	height:1px;
	border-bottom:3px dotted var(--color-secondary);
	animation:fade-in-dotted 2s infinite;
}
.note-liquidity-collateral{
	padding:25px;
	height:100%;
	background:linear-gradient(0deg, #6c4bc6, #c992ff);
	border-radius:10px;
	box-shadow:0 0 10px rgba(0,0,0,.15);
	text-align:center;
	color:#fff;
}
@keyframes fade-in-dotted{
	0%{
		opacity:100%;
		left:0px;
	}
	50%{
		opacity:20%;
		left:-5px;
	}
	100%{
		opacity:100%;
		left:0px;
	}
}
.road-map-grid{
	margin:30px 0;
	position:relative;
}
.road-map-grid:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../images/roadmap-middle-logo.png) no-repeat;
	background-size:280px;
	background-position:center;
}
.road-map-card-left, .road-map-card-right{
	width:50%;
}
.road-map-card-left ul{
	margin:0;
	padding:0;
}
.road-map-card-left li{
	list-style:none;
	display:flex;
	align-items:center;
	width:70%;
	margin-bottom:20px;
}
.road-map-card-left li:first-child, .road-map-card-left li:nth-child(3){
	margin-left:10%;
}
.road-map-card-right ul{
	display: flex;
    justify-content: end;
    flex-direction: column;
    align-items: end;
}
.road-map-card-right li{
	list-style:none;
	display:flex;
	align-items:center;
	width:70%;
	margin-bottom:20px;
	flex-direction:row-reverse;
}
.road-map-card-right li:first-child, .road-map-card-right li:nth-child(3){
	margin-right:10%;
}
.road-map-card-detail{
	width:80%;
	text-align:right;
	margin-right:15px;
}
.road-map-card-right li .road-map-card-detail{
	text-align:left;
	margin-left:15px;
}
.road-map-card-detail h4{
	color:var(--color-theme);
}
.road-map-card-detail p{
	color:var(--color-secondary);
}
.rm-crystal-icon{
	width:45px;
}
.exchange-transaction{
	padding:20px;
	font-size:20px;
	color:#555;
}
.exchange-transaction-card{
	margin-bottom:30px;
	padding:20px;
	font-size:20px;
	box-shadow:0 0 15px rgba(0,0,0,.15);
}
.content-heading.center-heading{
	text-align:center;
}
.content-heading.center-heading:before{
	left:50%;
	transform:translate(-50%, 0px);
	background:linear-gradient(90deg,  rgb(192 238 255 / 0%), #bec0f9, rgb(192 238 255 / 0%));
}

.tube-value-grid{
	position:relative;
	display:flex;
	align-items:center;
	min-height:450px;
}
.tube-value-grid:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../images/tube-value.png) no-repeat;
	background-size:60%;
	background-position:center;
}
.tube-value-card-left, .tube-value-card-right{
	width:50%;
}
.tube-value-card-left ul{
	margin:0;
	padding:0;
}
.tube-value-card-left li{
	list-style:none;
	display:flex;
	align-items:center;
	width:70%;
	margin-bottom:30px;
	text-align:center;
}
.tube-value-card-left li:first-child{
	margin-left:20%;
}
.tube-value-card-left li:nth-child(3){
	margin-left:10%;
}
.tube-value-card-left li:nth-child(4){
	margin-left:30%;
}
.tube-value-card-right ul{
	display: flex;
    justify-content: end;
    flex-direction: column;
    align-items: end;
}
.tube-value-card-right li{
	list-style:none;
	display:flex;
	align-items:center;
	justify-content:end;
	width:70%;
	margin-bottom:20px;
	text-align:center;
}
.tube-value-card-right li:first-child{
	margin-right:30%;
}
.tube-value-card-right li:nth-child(2){
	margin-right: 20%;
}
.tube-value-card-right li:nth-child(3){
	margin-right:0%;
}
.tube-value-card-right li:nth-child(4){
	margin-right: 30%;
}
.tube-value-card-detail{
	padding:20px;
	background:#fff;
	border:2px solid #fff;
	border-radius:50px;
	box-shadow:0 0 15px rgba(0,0,0,.15);
}
.tube-value-card-detail h4{
	font-size:16px;
	color:var(--color-theme);
	margin-bottom:0;
}
/*** Dashboard/index ***/
.section-connect-wallet{
	position:relative;
}
.section-connect-wallet:before{
	content:'';
}
/*** Committee/index ***/
.card-0{
	background:#F2AFEF;
	position:relative;
	overflow:hidden;
}
.card-1{
	background:#C499F3;
}
.card-2{
	background:#7360DF;
}
.card-3{
	background:#33186B;
}
.card-0:before, .card-1:before, .card-2:before, .card-3:before{
	content:'';
	position:absolute;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background:url(../images/bg/tube-pattern.png) no-repeat;
	background-size:50%;
	background-position:center;
	transform:scale(1);
	opacity:.35;
	transition:all ease .3s;
}
.card-0:hover:before, .card-1:hover:before, .card-2:hover:before, .card-3:hover:before{
	transform:scale(0.9);
	opacity:.5;
}
.card-0 h3, .card-1 h3, .card-2 h3, .card-3 h3{
	text-shadow:0 0 5px rgba(0,0,0,.35);
}
.floating-cube{
	transform:translate(0%,0%);
	max-width:320px;
	animation: floating-cube 4s linear infinite alternate;
}
@keyframes floating-cube{
	0% {
		transform:translate(0%,0%);
	}
	100%{
		transform:translate(0%,-10%);
	}
}
.modal-committee{
	max-width:500px;
	position:relative;	
}
.modal-committee .modal-content{
	position:relative;
	overflow:hidden;
	z-index:1;
}
.modal-committee .modal-content:before{
	content:'';
	position:absolute;
	bottom:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../images/bg/tube-pattern.png) no-repeat;
	background-position:center bottom;
	background-size:100%;
	opacity:.1;
	z-index:-1;
}
.modal-committee .modal-header button.close{
	border:0;
	padding:10px;
	border-radius:50%;
	width:32px;
	height:32px;
	background:var(--color-secondary);
	color:#fff;
	transaction:all ease .3s;
}
.modal-committee .modal-header button.close:hover{
	opacity:.5;
}
.modal-committee .modal-body{
	min-height:200px;
}
.step-purchase-ticket{
	margin:10px 0;
}
.step-purchase-ticket ul{
	margin:0;
	padding:0;
	display:flex;
	justify-content:center;
	gap:10px;
	flex-direction: column;
}
.step-purchase-ticket li{
	display:block;
	width:100%;
	list-style:none;
	padding:15px 30px;
	font-family:"Rajdhani", sans-serif;
	color:#fff;
	text-shadow:0 0 5px rgba(0,0,0,.15);
	position:relative;
	border-radius:10px;
	background:var(--color-secondary);
}
.step-purchase-ticket li.step-card-1{
	background:#F2AFEF;
	position:relative;
	overflow:hidden;
	z-index:1;
}
.step-purchase-ticket li.step-card-1:before{
	content:'1';
	position:absolute;
	right:20px;
	bottom:0px;
	font-size:5em;
	font-weight:bold;
	text-shadow:none;
	line-height:normal;
	color:rgba(255,255,255,.35);
	z-index:-1;
}
.step-purchase-ticket li.step-card-2{
	background:#C499F3;
	position:relative;
	overflow:hidden;
	z-index:1;
}
.step-purchase-ticket li.step-card-2:before{
	content:'2';
	position:absolute;
	right:20px;
	bottom:0px;
	font-size:5em;
	font-weight:bold;
	text-shadow:none;
	line-height:normal;
	color:rgba(255,255,255,.35);
	z-index:-1;
}
.step-purchase-ticket li.step-card-3{
	background:#7360DF;
	position:relative;
	overflow:hidden;
	z-index:1;
}
.step-purchase-ticket li.step-card-3:before{
	content:'3';
	position:absolute;
	right:20px;
	bottom:0px;
	font-size:5em;
	font-weight:bold;
	text-shadow:none;
	line-height:normal;
	color:rgba(255,255,255,.35);
	z-index:-1;
}
.step-purchase-ticket li.step-card-4{
	background:#33186B;
	position:relative;
	overflow:hidden;
	z-index:1;
}
.step-purchase-ticket li.step-card-4:before{
	content:'4';
	position:absolute;
	right:20px;
	bottom:0px;
	font-size:5em;
	font-weight:bold;
	text-shadow:none;
	line-height:normal;
	color:rgba(255,255,255,.35);
	z-index:-1;
}
.step-purchase-ticket li.step-card-1:after,
.step-purchase-ticket li.step-card-2:after,
.step-purchase-ticket li.step-card-3:after,
.step-purchase-ticket li.step-card-4:after
{
	content:'';
	position:absolute;
	right:-35px;
	bottom:-15px;
	width:150px;
	height:150px;
	background:rgba(255,255,255,.15);
	border-radius:15px;
	transform:rotate(45deg);
}
.step-purchase-ticket li p{
	font-size:16px;
}
.step-purchase-content{
	padding:20px 0;
}
.purchase-ticket-card{
	padding:20px;
	min-height:250px;
	background:#fff;
	box-shadow:0 0 10px rgba(0,0,0,.15);
	position:relative;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
}
.purchase-ticket-card:before{
	content:'';
	position:absolute;
	top:0;
	right:0;
	width:50%;
	height:100%;
	background:url(../images/tube-cube.png) no-repeat;
	background-size:100%;
	background-position:right center;
	opacity:.15;
}
.purchase-ticket-card-body{
	position:relative;
}
.purchase-ticket-title{
	margin-bottom:10px;
	text-align:center;
	font-size:22px;
	font-weight:bold;
	color:var(--color-theme);
}
.purchase-ticket-content{
	text-align:center;
}
.purchase-ticket-content p{
	color:var(--color-secondary);
	margin-bottom:5px;
}
.purchase-ticket-content p span{
	padding:0 5px;
	font-weight:bold;
}
/*** Member- staking/purchaseTicket ***/
.custom-tab{
	border-bottom:none;
}
.custom-tab .nav-item.show .nav-link, .custom-tab .nav-link.active{
	background-color:var(--color-theme);
	color:#fff;
	border-color:transparent;
	font-weight:bold;
	border-radius:10px;
}
.custom-tab .nav-link{
	color:var(--color-secondary);
	border-radius:10px;
}
.custom-tab .nav-link:focus, .custom-tab .nav-link:hover{
	border-color:transparent;
	background-color:var(--color-secondary);
	border-radius:10px;
	color:#fff;
	/*border:transparent !important;
	border-color:transparent;*/
}
.pagination{
	margin-top:50px;
	white-space: nowrap;
	flex-wrap: wrap;
	align-items:center;
}
.pagination .page-item.active .page-link{
	background:var(--color-theme);
	color:#fff;
}
.pagination .page-link{
	background-color:var(--color-secondary);
	padding:5px 10px;
}
.pagination .page-link:hover{
	background-color:#ccc;
}
/*** Member- main/index ***/
.wallet-card{
	margin-bottom:20px;
	padding:15px;
	border-radius:10px;
	background:#fff;
	box-shadow:0 0 15px rgb(152 124 207 / 35%);
	position:relative;
	overflow:hidden;
}
.wallet-card:before{
	content:'';
	position:absolute;
	top:0;
	right:-30%;
	width:100%;
	height:100%;
	background:url(../images/bg/tube-pattern.png) no-repeat;
	background-size: 80%;
    background-position:center;
	opacity:.15;
}
.wallet-card h3{
	margin-bottom:0;
	font-size:1.25em;
	font-weight:bold;
	color:var(--color-theme);
}
.wallet-card-header{
	display:flex;
	position:relative;
}
.wallet-card-amount{
	margin-left:auto;
	font-size:22px;
	color:var(--color-secondary);
	line-height:normal;
}
.wallet-card-amount span{
	display:block;
	font-size:12px;
	text-align:right;
	color:#999;
}
.wallet-card-body{
	padding:.765rem 0 0;
	position:relative;	
}
.wallet-card-body h2.grand-amount{
	padding:10px;
	margin:0;
	text-align:center;
	font-weight:bold;
	color:var(--color-theme);
}
.wallet-card-footer{
	margin-top:15px;
	padding:.765rem 0 0;
	position:relative;
}

@media (max-width:992px){
	#btn-disconnect{
		max-width:100%;
		width:auto;
		display:flex;
		align-items:center;
	}
	#hidden_address{
		max-width:120px;
		margin-right:5px;
	}
	.take-part{
		margin:0;
	}
	.take-part-platform{
		max-width: 100%;
	}
	.take-part-platform.leftcard{
		text-align:right;
		padding-right:10%;
	}
	.take-part-platform.rightcard{
		text-align:left;
		padding-left:10%;
	}
	.all-platform-pizzle{
		position:relative;
		top:auto;
		left:auto;
		transform:translate(0,0);
		max-width:360px;
		display:block;
		margin:0 auto 30px;
	}
	.img-all-platform{
		margin-top:30px;
	}
	.piece-line{
		margin-bottom:0px;
	}
	.piece-line-grid{
		display:flex;
	}
	.piece-line-card01{
		width:33.33%;
		padding:15px;
		position:relative;
		top:0;
		left:0;
	}
	.piece-line-card02{
		width:33.33%;
		padding:15px;
		position:relative;
		top:0;
		bottom:auto;
		left:auto;
	}
	.piece-line-card03{
		width:33.33%;
		padding:15px;
		position:relative;
		top:0;
		bottom:auto;
		left:auto;
	}
	.road-map-grid:before{
		opacity:.15;
	}
	.road-map-card-left, .road-map-card-right{
		width:100%;
	}
	.tube-value-grid:before{
		display:none;
	}
	.tube-value-card-left, .tube-value-card-right{
		width:100%;
	}
	.tube-value-card-left li, .tube-value-card-right li{
		width:100%;
	}
	.tube-value-card-left li:first-child, .tube-value-card-left li:nth-child(3), .tube-value-card-left li:nth-child(4){
		margin-left:0;
	}
	.tube-value-card-right li:first-child, .tube-value-card-right li:nth-child(2), .tube-value-card-right li:nth-child(4){
		margin-right:0;
	}	
	.tube-value-card-detail{
		width:100%;
	}
	.step-purchase-ticket ul{
		flex-wrap:wrap;
	}
	.step-purchase-ticket li{
		width:49%;
	}

}
@media(max-width:768px){
	h1.tubes-font {
		font-size:7em;
	}
	.bubble-list ul{
		flex-wrap:wrap;
		gap: 10px;
		justify-content: space-evenly;
	}
	.how-fragment-protocol ul{
		flex-direction:column;
		grid-row-gap: 30px;
	}
	.how-fragment-protocol li{
		margin:0px 20px 15px;
		width:300px;
		text-align:center;
	}
	.fragment-arrow{
		transform:rotate(90deg);
		display:block;
		max-width:100px;
		margin:0 auto;
	}
	.fragment-arrow:before{
		width:60%;
		right:0;
	}
	@keyframes fade-in-dotted{
		0%{
			opacity:100%;
			left:auto;
			right:5px;
		}
		50%{
			opacity:20%;
			left:auto;
			right:20px;
		}
		100%{
			opacity:100%;
			left:auto;
			right:5px;
		}
	}
}
@media(max-width:576px){
	.step-purchase-ticket li{
		width:48%;
	}
}
@media(max-width:500px){
	.take-part li{
		width:100%;
	}
	.take-part-platform.leftcard, .take-part-platform.rightcard{
		text-align:left;
		background: #f0f0f7;
		padding: 20px;
		margin-bottom:10px;
	}
	.piece-line-grid{
		flex-direction:column;
	}
	.piece-line-card01, .piece-line-card02, .piece-line-card03{
		width:100%;
	}
	.piece-line-card01 h3, .piece-line-card02 h3, .piece-line-card03 h3{
		padding-left:30px;
		position:relative;
	}
	.piece-line-card01 h3:before{
		content:'1';
		position:absolute;
		width:25px;
		height:100%;
		background:var(--color-theme);
		color:#fff;
		font-weight:bold;
		text-align:center;
		top:0;
		left:0;		
	}
	.piece-line-card02 h3:before{
		content:'2';
		position:absolute;
		width:25px;
		height:100%;
		background:var(--color-theme);
		color:#fff;
		font-weight:bold;
		text-align:center;
		top:0;
		left:0;		
	}
	.piece-line-card03 h3:before{
		content:'3';
		position:absolute;
		width:25px;
		height:100%;
		background:var(--color-theme);
		color:#fff;
		font-weight:bold;
		text-align:center;
		top:0;
		left:0;		
	}
	.step-purchase-ticket li{
		width:100%;
	}
}
.table{
	white-space: nowrap;
}
.table th{
	color:var(--color-theme);
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:1.2px;
	vertical-align:top;
}
.table tr td{
	font-size:.9rem;
	color:var(--color-secondary) !important;
	vertical-align: middle;
}

#search_container {
	color:#7c7ad7 !important;
	
}