:root{
	--color-theme:#B4A7FF;
	--color-secondary:#615899;
	--color-theme-03:#1E1E1E;
	--color-theme-04:#0c7687;
	--color-theme-05:#ffb307;
	--color-disable:#999;
	--p-color:#7c7ad7;
}
@font-face {
	font-family: "Rajdhani";
	src: url("../fonts/Rajdhani/Rajdhani-Regular.ttf");
	font-weight: normal;
	font-style: normal; 
}
@font-face {
	font-family: "Roboto";
	src: url("../fonts/Roboto/Roboto-Regular.ttf");
	font-weight: normal;
	font-style: normal; 
}

@font-face {
	font-family: 'Bison-Bold';
	src: url("../fonts/Bison-Bold-Free/Bison-Bold.ttf");
	font-weight: normal;
	font-style: normal; 
}
@font-face {
	font-family: 'Gilroy-Bold';
	src:url("../fonts/Gilroy_Font/Gilroy-Bold.ttf");
	font-weight: bold;
	font-style: bold;
}
@font-face {
	font-family: 'Gilroy-ExtraBold';
	src:url("../fonts/Gilroy_Font/Gilroy-ExtraBold.ttf");
	font-weight: bold;
	font-style: bold;
}
@font-face {
	font-family: 'Gilroy-Medium';
	src:url("../fonts/Gilroy_Font/Gilroy-Medium.ttf");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gilroy-Thin';
	src:url("../fonts/Gilroy_Font/Gilroy-Thin.ttf");
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype");
}

body{
	background:#111 !important;
	color:#C1C7CB !important;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Rajdhani';
}
p{
	color:#eee !important;
}

a{font-family:'Rajdhani';}

/*.header-section{
	background:#f4eaff;
}
.header-section.header-fixed{
	background-color:var(--color-theme);
}
.header-section.header-fixed .menu > li > a{
	color:#fff;
}*/
/*** utilities ***/
/*** color ***/
.color-theme{
	color:var(--color-theme);
}
.color-secondary{
	color:var(--color-secondary);
}
/*** Button ***/
.default-btn{
	color: #fff;
	background: #6848c2;
}
.default-btn:hover{
	border-color:#6848c2;
	color:#6848c2;
}

.btn-approve{
	width:46.66%;
	margin:0 0px;
	padding:20px;
	background:#28db91;
	border:0;
	border-radius: 5px;
	font-weight: 600;
	transition:all ease .3s;
}
.btn-approve:hover{
	color:rgba(0,0,0,.5);
	box-shadow:0 0 20px rgba(255,255,255,.35);
}
.btn-stack{
	width:46.66%;
	margin:0 0px;
	padding:20px;
	background:#917deb;
	border:0;
	border-radius: 5px;
	font-weight: 600;
	transition:all ease .3s;
}
.btn-stack:hover{
	color:rgba(0,0,0,.5);
	box-shadow:0 0 20px rgba(255,255,255,.35);
}
.btn-unstack{
	width:46.66%;
	margin:0 0px;
	padding:10px 20px;
	background:#e7961d;
	border:0;
	border-radius: 5px;
	font-weight: 600;
	transition:all ease .3s;
}
.btn-unstack:hover{
	color:rgba(0,0,0,.5);
	box-shadow:0 0 20px rgba(255,255,255,.35);
}
.btn-claim{
	width:46.66%;
	margin:0 0px;
	padding:10px 20px;
	background:#3dd7f9;
	border:0;
	border-radius: 5px;
	font-weight: 600;
	transition:all ease .3s;
}
.btn-claim:hover{
	color:rgba(0,0,0,.5);
	box-shadow:0 0 20px rgba(255,255,255,.35);
}
.scrollToTop{
	color:#fff;
}
/*** Layout ***/
.navbar{
	background:#000;
	border-bottom:1px solid #222;
}
.top-nav-logo{
	max-width:100px;
}
.logo img{
	max-width:126px;
}
.mobile-logo img{
	max-width:125px;
}
.menu > li > a{
	font-size:14px;
}
.menu li .submenu li a{
	font-size:14px;	
}
/*** sign up ***/
.signup-card-grid{
	margin-top:20pt;
	padding:20pt 10pt;
	margin-bottom:15px;
	background:#092234;
	border-radius:10pt;
	position:relative;
	overflow:hidden;
	color:#fff;
}
.signup-card-grid:before{
	content:'';
	position:absolute;
	bottom:-40pt;
	right:-20pt;
	width:120px;
	height:220px;
	border-radius:15px;
	background:rgb(12 50 76 / 38%);
	transform:rotate(45deg);
}
.signup-card-title{
	position:relative;
}
.signup-card-title h3{
	color:#fff;
}
/*** Index ***/
.banner__content p{
	color:var(--color-theme);
}
.banner-bg-shape-1{
	position:absolute;
	top:-5px;
	right:-5px;
	max-width:135px;
	filter:blur(1px)
}
.banner-bg-shape-2{
	position:absolute;
	top:-10px;
	left:-10px;
	max-width:200px;
}
.banner__thumb.shape-1{
	position:absolute;
	top:-5em;
	left:-5em;
}
.banner__thumb.shape-1 img{
	max-width:200px;
	animation: float-reverse 4s linear infinite alternate;
}
.banner__thumb.shape-2{
	margin-top:30px;
}
.banner__thumb.shape-2 img{
	max-width:320px;
}
.banner__thumb.shape-3{
	position:absolute;
	right:-1em;
	top:1em;
}
.banner__thumb.shape-3 img{
	max-width:280px;
	animation: float-reverse 4s linear infinite alternate;
}
.banner__thumb.shape-4{
	position:absolute;
	left:1em;
	bottom:-7em;
}
.banner__thumb.shape-4 img{
	max-width:165px;
	animation: float-reverse-2 4s linear infinite alternate;
}
@keyframes float-reverse{
	0% {
		transform: translateY(-30px);
	}
	100% {
		transform: translateY(0px);
	}
}
@keyframes float-reverse-2{
	0% {
		transform: translateY(0px);
	}
	100% {
		transform: translateY(-20px);
	}
}
@media (max-width:992px){
	.banner__thumb.shape-1{
		left:3em;
		z-index:-1;
	}
	.banner__thumb.shape-3{
		right:-3em;
	}
}
@media (max-width:500px){
	.banner__thumb.shape-1{
		left:0;
		top:-3em;
	}
	.banner__thumb.shape-1 img{
		max-width:35%;		
	}
	.banner__thumb.shape-2 img{
		max-width:75%;
	}
	.banner__thumb.shape-3{
		right: -7em;
	}
	.banner__thumb.shape-3 img{
		max-width:55%;		
	}
	.banner__thumb.shape-4 img{
		max-width:50%;
	}
}
.custom-section-header {
    max-inline-size: 500px;
    margin: auto;
    margin-bottom: 70px;
	text-align: center;
}
.custom-section-header:after{
	background-image:none;
	background:linear-gradient(90deg, #c0eeff, #bec0f9);
	aspect-ratio: 15/1;
}
.custom-section-header h3{
	font-size:3em;
	color:var(--color-theme);
}
.custom-section-header h4{
	font-size:1.5em;
	color:var(--color-secondary);
}
.subtitle{
	margin-bottom:30px;
	font-weight:bold;
	font-size:2em;
	letter-spacing:2px;
	color:#7c7ad7;
}
#content-wrapper{
	min-height:70vh;
}
.content-wrapper{
	padding:20px 0;
}
.content-wrapper p{
	color:#7c7ad7;
	line-height:2;
}
.content-wrapper h3{
	color:#6765bf;	
}
.content-heading{
	margin-bottom:20px;
	padding-bottom:30px;
	position:relative;
}
.content-heading:before{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:50%;
	height:5px;
	border-radius:20px;
	background:linear-gradient(90deg, #bec0f9, rgb(192 238 255 / 0%));
}
.bitfinex-text{
	padding:30px;
	color:#6765bf;
	font-weight:500;
	font-size:24px;
	position:relative;
}
.bitfinex-text:before{
	content:'';
	position:absolute;
	left:-50px;
	bottom:0;
	width:250px;
	height:250px;
	background:#f0f1f9;
	border-radius:30px;
	transform:rotate(45deg);
	z-index:-1;
}
.card-reuters-text{
	padding:20px;
	background:#0A1F2F;
	text-align:center;
}
.card-reuters-text p{
	color:#fff;
}
#tube-ecosystem{
	position:relative;
	overflow:hidden;
}
.tube-shape{
	position:absolute;
	top:-50px;
	right:-150px;
	max-width:50%;
	opacity:.35;
	filter:blur(.5px) brightness(1.5px);
}
.eco-matter{
	margin:30px 0;
}
.eco-matter ul{
	margin:0;
	padding:0;
	text-align:center;
}
.eco-matter li{
	list-style:none;
	position:relative;
	padding:15px 15px 15px 25px;
	margin-bottom:25px;
	color:var(--p-color);
	font-size:22px;
	display:inline-block;
}
.eco-matter li:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:65px;
	height:65px;
	background:#f0f1f9;
	border-radius:10px;
	transform:rotate(45deg);
	z-index:-1;
}
.tube-logo{
	max-width:520px;
	margin:auto;
}
.solution-provider{
	margin:0 auto;
	margin-top:30px;
	padding:30px 0;
	max-width:600px;
	background:linear-gradient(0deg, #6c4bc6, #c992ff);
	color:#fff;
	font-size:24px;
	position:relative;
}
.solution-provider:before{
	content:'';
	position:absolute;
	top:-25px;
	left:50%;
	transform: translate(-50%,0);
	width: 0; 
	height: 0; 
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;  
	border-bottom: 25px solid #c992ff;
	z-index:-1;
}
@media (max-width:500px){
	.solution-provider{
		font-size:20px;
	}
}
#about-platform{
	position:relative;
	background:#f7f3ff;
	overflow-x:hidden;
}
.tube-shape-2{
	position:absolute;
	top:-100px;
	left:-150px;
	max-width:50%;
	opacity:.35;
	filter:blur(.5px);
	transform:rotate(50deg);
}
.tube-shape-3{
	position:absolute;
	bottom:20%;
	right:-150px;
	max-width:100%;
	opacity:.35;
	filter:blur(.5px) brightness(1.5px);
}
.stage-top{
	/*background:url(../images/stage-top.png) no-repeat;
	background-size:100%;
	background-position:center;*/
	text-align:center;
	font-size:2em;
	font-weight:bold;
	color:#fff;
	height:212px;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
}
.stage-top:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	background:url(../images/stage-top.png) no-repeat;
	background-size:100%;
	background-position:center;
	width:100%;
	height:100%;
	transform: translate(0,0);
	z-index:-1;
}
.stage-middle{
	text-align:center;
	font-size:2em;
	font-weight:bold;
	color:#fff;
	width:100%;
	height:212px;
	margin:auto;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;	
}
.stage-middle:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	background:url(../images/stage-middle.png) no-repeat;
	background-size:70%;
	background-position:center;
	width:100%;
	height:100%;
	transform: translate(0,0);
	z-index:-1;
}
.stage-bottom{
	text-align:center;
	font-size:2em;
	font-weight:bold;
	color:#fff;
	width:100%;
	height:206px;
	margin:auto;
	padding-top:30px;
	display:flex;
	justify-content:center;
	position:relative;	
}
.stage-bottom:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	background:url(../images/stage-bottom.png) no-repeat;
	background-size:contain;
	background-position:center;
	width:100%;
	height:100%;
	transform: translate(0,0);
	z-index:-1;
}
@media (max-width:768px){
	.stage-top, .stage-middle{
		height:135px;
		font-size:100%;
	}
	.stage-bottom{
		height:120px;
		font-size:100%;
	}
}
.arrow-line{
	position:relative;
}
.arrow-line:before{
	content:'';
	position:absolute;
	top:50%;
	left:-30px;
	width:300px;
	height:1px;
	border-bottom:5px dotted var(--color-theme);
	transform:translate(0,-50%);
	z-index:-1;
	animation: fade-in-line 4s infinite;
}
.arrow-line:after{
	content:'';
	position:absolute;
	top:50%;
	left:-60px;
	width:30px;
	height:30px;
	background:var(--color-theme);
	border-radius:50%;
	transform:translate(0,-50%);
	z-index:-1;
}
@keyframes fade-in-line{
	0%{
		opacity:0;
		transform:translate(-20px,-50%);
	}
	100%{
		opacity:1;
		transform:translate(0,-50%);
	}
}
@media(max-width:992px){
	.arrow-line:before, .arrow-line:after{
		display:none;
	}
}
.next-groundbreaking{
	max-width:800px;
	display:block;
	margin:auto;
}
.next-groundbreaking h4{
	font-size:2em;
	color:var(--color-secondary);
}
.next-groundbreaking h3{
	font-size:5em;
	color:var(--color-theme);
}
.next-gb-icon{
	margin:20px auto;
	max-width:900px;
	display:block;
}
.next-gb-icon ul{
	display:flex;
	gap:2px;
	margin:auto;
	padding:0;
}
.next-gb-icon li{
	width:33.33%;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;	
	list-style:none;
	font-weight:500;
	font-size:1.5em;
	color:#555;
}
.next-gb-icon li img{
	display:block;
	max-width:100px;
	margin-bottom:30px;
	transition:all ease .3s;
}
.next-gb-icon li img:hover{
	transform:rotateY(180deg);
	filter:brightness(0.5) blur(1px);
}
@media(max-width:768px){
	.next-gb-icon li{
		font-size:1em;
	}
	.next-gb-icon li img{
		max-width:60px;
	}
}
.label-section{
	padding:60px 0;
	background:linear-gradient(90deg, #1db3eb, #373dd3);
}
.platform-infomation{
	text-align:center;
	margin-bottom:30px;
	color:var(--color-secondary);
}
.pi-icon{
	margin-bottom:20px;
}
.pi-icon img{
	max-width:100%;
}
@media(max-width:768px){
	.pi-icon img{
		max-width:65px;
	}
}
#platform-advantage{
	background:#f7f3ff;
	position:relative;
	overflow:hidden;
}
.platform-advantage-card{
	margin-bottom:30px;
	text-align:center;
}
.platform-advantage-card p{
	color:var(--color-secondary);
}
.pa-card-header{
	margin:0 auto 20px;
	padding:20px;
	background:#fff;
	border-radius:50px;
	font-weight:bold;
	max-width:320px;
	position:relative;	
}
.pa-card-header h3{
	font-size:1.5em;
	color:var(--color-theme);
	margin-bottom:0;
}
.pa-card-header img{
	max-width:80px;
	display:inline-block;
	margin-bottom:10px;
}
.dart-aim{
	max-width:100%;
	display:block;
	margin:0 auto;
}
.content-advantage h5{
	color:var(--color-secondary);
	line-height:2;
}
@media (max-width:768px){
	.dart-aim{
		max-width:165px;
	}
	.content-advantage h5{
		font-size:1em;
	}
}
.floating-tube-cube{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	max-width:360px;
	animation: floating-cube 4s linear infinite alternate;
}
@keyframes floating-cube{
	0% {
		transform:translate(-50%,-50%);
	}
	100%{
		transform:translate(-50%,-45%);
	}
}
.four-pa{
	margin:20px 0;
	position:relative;
}
.four-pa ul{
	margin:0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	position:relative;
}
.four-pa li{
	display:flex;
	list-style:none;
	width:50%;
}
.four-pa li.right-li{
	justify-content:end;
}
.four-pa-card{
	max-width:80%;
	margin-bottom:50px;
}
.four-pa-title{
	display:inline-block;
	width:auto;
	padding:15px 20px;
	margin-bottom:15px;
	border-radius:50px;
	background:var(--color-theme);
	color:#fff;
	font-size:1.5em;
}
.four-pa-icon{
	width:52px;
	height:52px;
	margin-right:10px;
	border-radius:50%;
	background:#fff;
	display: flex;
    align-items: center;
    justify-content: center;
}
.four-pa-icon img{
	max-width:36px;
}
.four-pa-content{
	max-width:450px;
	padding-left:30px;
}
.four-pa li.right-li .four-pa-card{
	text-align:right;
}
.four-pa li.right-li .four-pa-content{
	padding-left:0;
	padding-right:30px;
}
@media (max-width:992px){
	.four-pa-title{
		font-size:20px;
	}
	.four-pa-icon{
		width:32px;
		height:32px;
	}
	.four-pa-icon img{
		max-width:20px;
	}
}
@media (max-width:768px){
	.floating-tube-cube{
		max-width:100%;
		opacity:.35 !important;
	}
	.four-pa li{
		width:100%;
	}
}
.roadmap__wrapper2:before{
	background: linear-gradient(0deg, transparent, var(--color-theme));
}
.roadmap__wrapper2:after{
	background:linear-gradient(180deg, var(--color-secondary), transparent);
}
.desc-text{
	padding:30px;
	color:#6765bf;
	font-weight:500;
	font-size:24px;
	position:relative;
}
.desc-text:before{
	content:'';
	position:absolute;
	left:-50px;
	bottom:0;
	width:250px;
	height:250px;
	background:#f0f1f9;
	border-radius:30px;
	transform:rotate(45deg);
	z-index:-1;
}
.desc-text ul{
	margin:0;
	padding:0;
}
.desc-text li{
	margin-bottom:15px;
}
@media (max-width:768px){
	.desc-text{
		font-size:20px;
	}
}
.img-rocket{
	animation: floating-rocket 2s linear infinite alternate;
}
@keyframes floating-rocket{
	0% {
		transform:translate(0,-20px);
	}
	100%{
		transform:translate(0,0px);
	}
}
.img-cloud{
	animation: cloud-animate 2s linear infinite alternate;	
}
@keyframes cloud-animate{
	0% {
		transform:translate(0,0px) scale3d(1,1, 1);
	}
	100%{
		transform:translate(0,0px) scale3d(1.05,1, 1);
	}
}
/*** Coming soon ***/
.cube{
	position:relative;
	max-width:360px;
	animation: cube 4s linear infinite alternate;
}
@keyframes cube{
	0% {
		transform:translateY(0);
	}
	100%{
		transform:translateY(30px);
	}
}
@media (max-width:768px){
	.cube{
		max-width:60%;
		opacity:.85 !important;
	}
}
/*** Purchase ***/
.card-box{
	padding:20px;
	position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
	background:var(--color-theme);
	border-radius:10px;
}
.card-box p{
	color:var(--color-secondary);
}
.card-box label{
	color:var(--color-secondary);
}
.btn-approve-staking{
	padding:10px 20px;
	border:1px solid #555;
	border-radius:30px;
	background:var(--color-theme);
	color:#fff;
	transition:all ease .3s;
}
.btn-approve-staking:hover{
	background:var(--color-secondary);
}
.btn-approve-staking.disable-link{
	background:var(--color-disable);
	cursor:not-allowed;
	pointer-events: none;
}


/* ---------------------------------------------------
    Inner page css
----------------------------------------------------- */
.inner-page{
	min-height:80vh;
}
.elementor-card{
	padding:15px;
	background: rgb(102 54 139 / 35%);
    border: 1px solid #4b1672;
	color:#999FB7;
}
/* ---------------------------------------------------
    Bridge page
----------------------------------------------------- */
.bridge-card{
	max-width:680px;
	margin:0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius:30px;	
}
.bridge-card-body{
	flex: 1 1 auto;
    padding: 1rem 1rem;
}
.bridge-card-tab{
	width:100%;
}
.bridge-card-tab li{
	width:50%;
	text-align:center;
}
.bridge-card-tab li a{
	padding:15px 20px;
	border-radius:30px 30px 0px 0px;
	background:rgb(236, 241, 247);
	color:rgb(133, 154, 181);
}
.bridge-card-tab .nav-link.active, .bridge-card-tab .show>.nav-link{
	background-color:#fff;
	color:rgb(63, 88, 120);
	position:relative;
}
.bridge-card-tab .nav-link.active#pills-one-tab[aria-selected="true"]:before{
	content:'';
	position:absolute;
	top:0;
	right:-25px;
	width:36px;
	height:100%;
	background:#fff;
	transform: skewX(23deg);
}
.bridge-card-tab .nav-link.active#pills-two-tab[aria-selected="true"]:before{
	content:'';
	position:absolute;
	top:0;
	left:-25px;
	width:36px;
	height:100%;
	background:#fff;
	transform: skewX(-23deg);
}
.tab-content{
	padding:0 10px;
}
.bridge-input{
	border-radius:6px;
	padding:10px 15px;
	background:var(--color-secondary);
	transition:all ease .3s;
	position:relative;
	color:#fff;
}
.bridge-input input{
	border:0;
	/*background:transparent;*/
}
.bridge-input input:focus{
	outline:0;
}
@media (max-width:768px){
	.bridge-card-body{
		padding:0;
	}
}
.box-1{
	width:60%;
}
.box-2{
	width:40%;
	border-left:1px solid #fff;
}

.dropdown-el {
  margin-top: 0;
  position: absolute;
  display: inline-block;
  min-height: 2.25em;
  max-height: 2.25em;
  overflow: hidden;
  top:10px;
  right:10px;
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  color: #222;
  outline: none;
  border: 0.06em solid transparent;
  border-radius: 5px;
  background-color: #fff;
  transition: 0.3s all ease-in-out;
}
.dropdown-el input:focus + label {
  background: #def;
}
.dropdown-el input {
  width: 1px;
  height: 1px;
  display: inline-block;
  position: absolute;
  opacity: 0.01;
}
.dropdown-el label {
  /*border-top: 0.06em solid #d9d9d9;*/
  display: block;
  height: 2em;
  line-height: 2em;
  font-size:1.2em;
  padding-left: 1em;
  padding-right: 3em;
  cursor: pointer;
  position: relative;
  transition: 0.3s color ease-in-out;
  font-weight: normal;
}
.dropdown-el label:nth-child(2) {
  margin-top: 2em;
  /*border-top: 0.06em solid #d9d9d9;*/
}
.dropdown-el input:checked + label {
  display: block;
  border-top: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.dropdown-el input:checked + label:nth-child(2) {
  margin-top: 0;
  border-top:0;
  position: relative;
}
.dropdown-el::after {
  content: "";
  position: absolute;
  right: 0.8em;
  top: 0.9em;
  background:url(../img/icon-arrow.png) no-repeat;
  /*border: 0.3em solid #3694d7;
  border-color: #3694d7 transparent transparent transparent;*/
  transition: 0.4s all ease-in-out;
	width: 12px;
    height: 8px;
    background-size: 100%;
	opacity:.5;
}
.dropdown-el.expanded {
	background: #fff;
	padding: 0;
    box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 5px 0px;
    max-height: 15em;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
}
.dropdown-el.expanded label {
  border-top: 0.06em solid #f1f1f1;
  margin-bottom:0;
}
.dropdown-el.expanded label:hover {
  color: #3694d7;
}
.dropdown-el.expanded input:checked + label {
  color: #3694d7;
}
.dropdown-el.expanded::after {
  transform: rotate(-180deg);
  top: 0.55em;
}
@media (max-width:414px){
	.dropdown-el{
		position:relative;
		top:0;
		left:0;
	}
}


.floating-rate{
	display:flex;
	-webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    cursor: pointer;;
	color:var(--color-secondary);
}
.floating-rate-icon{
    width: 34px;
    height: 48px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-image: url(../img/icon-floating-rate.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;	
}
.floating-rate-lock{
	line-height:24px;
	color:#8295ab;
	transition:all ease .3s;
}
.floating-rate-lock:hover{
	color:#5a7089;
	transform:rotateY(180deg);
}
.exchange-coin{
	margin-left:auto !important;
	align-items:center;
	display:flex;
	cursor:pointer;
}
.exchange-coin-icon{
	padding:5px;
	background:rgba(198, 213, 234, 0.3);
	border-radius:12px;
	transition:all ease .3s;	
}
.exchange-coin-icon:hover{
	background:rgba(198, 213, 234, .85);
	transform:rotate(180deg);
}
.btn-theme-submit{
	width:100%;
	padding:10px 25px !important;	
	background:linear-gradient(25deg, var(--color-theme), var(--color-secondary));
	border:0;
	border-radius:10px;
	color:#fff !important;
	font-size:16px;
	justify-content:start !important;
	transition:all ease .3s;
	position:relative;
	overflow:hidden;
	z-index:1;
}
.btn-theme-submit a{
	color:#fff;
}
.btn-theme-submit a:hover{
	color:rgba(255,255,255,.65);
}
.btn-theme-submit:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:0%;
	height:100%;
	border-radius:0px;
	background:linear-gradient(90deg, var(--color-secondary) , rgba(255,255,255,.15) );
	z-index:-1;
	transition:all ease .3s;
	transform:skewX(0deg);
}
.btn-theme-submit:hover:before{
	width:110%;
	background:linear-gradient(90deg, var(--color-secondary) , rgba(0,0,0,.15) );
	left:-15px;
	transform:skewX(45deg);
}
@media(max-width:414px){
	.bridge-card-tab li a{
		font-size:14px;
	}
	.bridge-card-tab .nav-link#pills-one-tab[aria-selected="false"]{
		border-radius:30px 0px 0px 0px;
	}
	.bridge-card-tab .nav-link#pills-two-tab[aria-selected="false"]{
		border-radius:0px 30px 0px 0px;
	}
	.bridge-card-tab .nav-link.active#pills-one-tab[aria-selected="true"]:before{
		display:none;
		transform: skewX(15deg);
		right:-10px;
	}
	.bridge-card-tab .nav-link.active#pills-two-tab[aria-selected="true"]:before{
		display:none;
		transform: skewX(-15deg);
		left:-10px;
	}
	.bridge-input{
		font-size:13px;
	}
	.bridge-input input{
		width:100%;
		text-align:left!important;
	}
	.box-1{
		width:50%;
		flex-direction:column;
		justify-content:start !important;
		align-items:start !important;
	}
	.box-2{
		width:50%;
	}
}

.select_wrap{
  width:100%;
  position: relative;
  user-select: none;
  color:var(--color-theme);
}

.select_wrap .default_option{
  background: #fff;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
  margin:0;
  padding-left:15px;
}

.select_wrap .default_option li{
    padding:0px;
	list-style:none;
}

.select_wrap .default_option:before{
    content: "\f0ec2";
    position: absolute;
    top: 8px;
    right: 18px;
	transition:all ease .3s;
	display:none;
    /*width: 6px;
    height: 6px;
    border: 2px solid;
    border-color: transparent transparent #555555 #555555;
    transform: rotate(-45deg);*/
}

.select_wrap .default_option_2{
  background: #fff;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
  margin:0;
  padding-left:15px;
}

.select_wrap .default_option_2 li{
    padding:0px;
	list-style:none;
}

.select_wrap .default_option_2:before{
    content: "\f0ec";
    position: absolute;
	display:none;
    top: 8px;
    right: 18px;
	transition:all ease .3s;
    /*width: 6px;
    height: 6px;
    border: 2px solid;
    border-color: transparent transparent #555555 #555555;
    transform: rotate(-45deg);*/
}

.select_wrap .select_ul{
  position: absolute;
  top: 55px;
  left: 0;
  width: 100%;
  background: #fff;
  border-radius: 5px;
  display: none;
  z-index:2;
}

.select_wrap .select_ul li{
  padding: 10px 20px;
  cursor: pointer;
  list-style:none;
  transition:all ease .3s;
}

.select_wrap .select_ul li:first-child:hover{
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.select_wrap .select_ul li:last-child:hover{
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.select_wrap .select_ul li:hover{
  background:#ecddff;
}

.select_wrap .select_ul_2{
  position: absolute;
  top: 55px;
  left: 0;
  width: 100%;
  background: #fff;
  border-radius: 5px;
  display: none;
  z-index:2;
}

.select_wrap .select_ul_2 li{
  padding: 10px 20px;
  cursor: pointer;
  list-style:none;
  transition:all ease .3s;
}

.select_wrap .select_ul_2 li:first-child:hover{
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.select_wrap .select_ul_2 li:last-child:hover{
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.select_wrap .select_ul_2 li:hover{
  background:#ecddff;
}

.select_wrap .option{
  display: flex;
  align-items: center;
  height:38px;
}

.select_wrap .option .icon{
	/*background: url('https://i.imgur.com/oEZu0sK.png') no-repeat 0 0;*/
	width:22px;
	height:22px;
	margin-right: 15px;
}

.select_wrap .option.pizza .icon{
  background-position: 0 0;
}

.select_wrap .option.burger .icon{
  background-position:  0 -35px;
}

.select_wrap .option.ice .icon{
  background-position: 0 -72px;
}

.select_wrap .option.fries .icon{
 background-position: 0 -111px;
  width: 25px;
}

.select_wrap.active .select_ul{
  display: block;
  margin:0;
  padding:0;
}

.select_wrap.active .default_option:before{
  top: 8px;
  transform: rotate(180deg);
}
@media (max-width:414px){
	.select_wrap .default_option{
		padding-left:6px;
	}
	.select_wrap .default_option:before{
		display:none;
	}
	.select_wrap .option .icon{
		margin-right:5px;
	}
	.select_wrap .option .icon img{
		width:16px;
	}
	.select_wrap .select_ul{
		top:0;
	}
	.select_wrap .select_ul li{
		padding:0 5px;		
		border-bottom:1px solid #eee;
	}
	.select_wrap .default_option_2{
		padding-left:0;
	}
	.select_wrap .default_option_2:before{
		display:none;
	}
}

.cus_input {
    font-size: 1.4em;
	width:100%;
}

.text-right {
    text-align: right!important;
}
dl.list{
	margin-bottom:0;
	color:var(--color-secondary);
}
dl.list dd{
	margin-bottom:0px;
}
.modal-card .modal-content{
	border:none;
	box-shadow:0 0 20px rgba(0,0,0,.35);
	text-align:center;
}

.wallet-btn{
    width: auto;
    height: auto;
    background-color:#fff !important;
    color: #663AE0 !important;
    display: inherit;
    padding: 0.75rem 1.5rem;
    border-radius: 35px;
    transition: all ease .3s;
	place-items: center;
	font-family: "Rajdhani", sans-serif;
    font-weight: 600;
	font-size:18px;
	letter-spacing:1.2px;
	transition:all ease .3s;
}
.wallet-btn:hover{
	background-color:#663AE0 !important;
	color:#fff !important;
}
/*** Swap page ***/
.swap-grid{
	max-width:520px;
	margin:0 auto;
	display:block;	
}
.swap-grid h3{
	font-size:3em;
	margin:20px 0;
}
.swap-grid-card{
	background:#fff;
	box-shadow:0 0 5px rgba(100,100,100,.15);
	border-radius:15px;
	padding:5px;
}
.swap-you-pay{
	display:flex;
	align-items:center;
	border-radius:10px;
	background:#f9f9f9;
	padding:15px;
	margin-bottom:5px;
}
.you-pay-detail{
	font-size:14px;
	display:flex;
	flex-direction:column;
	width:70%;
	padding-right:15px;
}
.swap-you-receive{
	display:flex;
	align-items:center;
	border-radius:10px;
	background:#f9f9f9;
	padding:15px;
	min-height:110px;
}
.you-receive-detail{
	font-size:14px;
	display:flex;
	flex-direction:column;
	width:70%;
	padding-right:15px;
}
.swap-currency-input{
	border:none;
	background:#f7f7f7;
	font-size:2em;
	font-weight:bold;
	color:var(--color-secondary);
}
input.swap-currency-input::placeholder{
	color:#ccc;
}
.swap-currency-input textarea:focus, input.swap-currency-input:focus{
    outline: none;
}
.select-token-grid{
	margin-left:auto;
}
.input-token-selected{
	background:#fff;
	padding:5px 10px;
	border:1px solid #eee;
	border-radius:25px;
	color:#666;
	box-shadow:0 0 5px rgba(100,100,100,.15);
	display:flex;
	align-items:center;
}
.input-token-selected img{
	max-width:25px;
	margin-right:5px;
}
#modalSelectToken .modal-header{
	padding-bottom:0px;
	border-bottom:none;
}
#modalSelectToken .modal-title{
	color:#555;
}
#modalSelectToken .close{
	border:none;
	background:transparent;
}
.input-token-address{
	width:80%;
}
input.input-token-address::placeholder{
	color:#cdcdcd;
}
.vodiapicker{
	display: none; 
}
#a{
	padding-left: 0px;
}
#a img, .btn-select img{
	width:20px;  
}
#a li{
	list-style: none;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #fff;
}
#a li:hover{
	background-color: #F4F3F3;
}
#a li img{
	margin: 5px;
}
#a li span, .btn-select li span{
	margin-left:10px;
	color:var(--color-secondary);
}
.btn-select li span{
	display:none;	
}
.b{
	display: none;
	width: 100%;
	min-width:125px;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	border-radius: 5px;
	position:absolute;
	right:0;
	z-index:2;
	margin-top:3px;
}
.open{
	display: show !important;
}
.btn-select{
	padding:0 10px;
	width:100%;
	height:45px;
	border-radius: 5px;
	background-color:#f7f7f7;
	border:0; 
}
.btn-select li{
	list-style: none;
	float: left;
	padding-bottom: 0px;
	padding-right: 25px;
	position:relative;
}
.btn-select li:before{
	content:"";
	position:absolute;
	right:0;
	top:3px;
	width:16px;
	height:16px;
	background:url(../images/icon-down.png);
	background-size:100%;
	background-position:center;
}
.btn-select:hover li{
	margin-left: 0px;
}
.btn-select:hover{
	background-color: #F4F3F3;
	border:0;
}
.btn-select:focus{
	outline:none;
}
.chain-select{
	position:relative;
	margin-left:auto;
}
.popular-tokens-grid{
	padding:0px 0;	
}
.popular-tokens-grid p{
	color:#888;
}
.popular-tokens-list{
	max-height:220px;
	overflow:auto;
}
.popular-tokens-list ul{
	margin:0;
	padding:0;
}
.popular-tokens-list li{
	display:flex;
	font-size:14px;
	color:#777;
	align-items:center;
	margin-bottom:10px;
}
.popular-tokens-icon{
	width:36px;
	height:36px;
	overflow:hidden;
	border-radius:50%;
	margin-right:10px;
}
.popular-tokens-icon img{
	max-width:100%;
}
.popular-token-detail{
	color:#aaa;
}
.swap-grid-02{
	margin-bottom:10px;
	position:relative;
}
.swap-icon-label{
	margin:0 auto;
	padding:15px;
	text-align:center;
	background:#f1f1f1;
	box-shadow:0 0 5px rgba(255,255,255,.15);
	width:25px;
	height:25px;
	color:#888;
	border-radius:10px;
	border:3px solid #fff;
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	left:50%;
	transform:translate(-50%,-20px);
	transition:all ease .3s;
}
.swap-icon-label:hover{
	background:var(--color-secondary);
	color:#fff;
}
.swap-icon-label a:hover{
	color:#fff;
}
@media (max-width:500px){
	.you-receive-detail{
		width:50%;
		padding-right:0;
	}
	.you-pay-detail{
		width:50%;
		padding-right:0;
	}
}
/*** My position page ***/
.grid-card-wrap{
    max-width: 520px;
    margin: 0 auto;
    display: block;
}
.grid-card{
    background: #fff;
    box-shadow: 0 0 5px rgba(100,100,100,.15);
    border-radius: 15px;
    padding:0px;
}
.grid-card-header{
	padding:.762rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.grid-card-header h4{
	color:var(--color-secondary);
}
.grid-card-body{
	padding:.762rem;
}
.grid-card-body p{
	margin-bottom:0;
}
.grid-card-body h4{
	font-size:1.25em;
	color:#555;
}
.cog-div{
	position:relative;
}
.grid-card-cog{
	border:0;
	background:transparent;
	color:var(--color-secondary);
}
#cog-grid{
	display:none;
	background:#fff;
	padding:15px;
	box-shadow:0 0 5px rgba(0,0,0,.15);
	border-radius:10px;
	transition:all ease .3s;
	position:absolute;
	top:30px;
	right:-10px;
	min-width:20.125rem;
}
.grid-listing{
	display:block;
}
.grid-listing li{
	list-style:none;
	padding:5px 10px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #eee;
	color:#999;
}
.grid-listing li:last-child{
	border-bottom:none;
	margin-bottom:0;
	padding-bottom:0px;
}
.btn-input-slippage{
	margin-left:auto;
	width:30%;
	
}
input.input-max-slippage{
	border:0;
	padding:0px;
	padding-right:10px;
	width:-webkit-fill-available;
	height:fit-content;
	text-align:right;
	background:transparent;
}
input.input-max-slippage:focus{
	outline:none;
}
input.input-slippage{
	padding:5px 10px;
	position:relative;
	background:transparent;
	width:80%;
}
input.input-slippage::placeholder{
	color:#ccc;
}
.input-max-slippage-grid{
	width:50%;
	border:1px solid #eee;
	border-radius:10px;
	display:flex;
	align-items:center;
}
.switch-grid{
	width:50%;
	height:100%;
}
.switch-text{
	display:flex;
	justify-content:space-around;
	width:100%;
	position:absolute;
	z-index:1;
	cursor:pointer;
	color:#222;
}
.switch {
	position: relative;
	display: inline-block;
	width: 100%;
    height: 100%;
    max-width: 120px;
}
.switch input { 
	opacity: 0;
	width: 0;
	height: 0;
}
.switch input:focus, .switch input:active{
	outline:none;
}
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: .4s;
	transition: .4s;
}
.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 50px;
	left: 0px;
	bottom: 0px;
	background-color:#efefef;
	-webkit-transition: .4s;
	transition: .4s;
}
.slider:after{
	/*content:'Auto';
	position:absolute;
	z-index:1;*/
}
input:checked + .slider {
	/*background-color:var(--color-theme);*/
}
input:focus + .slider {
	/*box-shadow: 0 0 1px #2196F3;*/
}
input:checked + .slider:before {
	-webkit-transform: translateX(50px);
	-ms-transform: translateX(50px);
	transform: translateX(50px);
	width: 70px;
}
input:checked + .slider:after{
	/*-webkit-transform: translateX(60px);
	-ms-transform: translateX(60px);
	transform: translateX(60px);
	content:'Custom';
	position:absolute;
	z-index:1;*/
}
.slider.round {
	border-radius: 6px;
}
.slider.round:before {
	border-radius: 6px;
}

.collapse-input{
	display:flex;
	align-items:center;
	transition:all ease .3s;
	cursor:pointer;
}
.collapse-input input{
	cursor:pointer;
}
.collapse-input svg{
	transition:all ease .3s;
}
.collapse-input[aria-expanded="true"] svg{
	transform:rotate(180deg);
}
.collapse{
	transition:all ease .3s;
	animation:fade-in;
}
.column-fee-tier{
	padding:10px;
	margin-bottom:10px;
	border:1px solid #eee;
	display:flex;
	align-items:center;
	border-radius:10px;
	color:#000;
}
.fee-tier-select-percent{
	display:inline-block;
	background:#f7f7f7;
	border-radius:5px;
	padding:0 5px;
	font-size:80%;
}
.btn-edit-tier{
	margin-left:auto;
}
.edit-tier-grid{
	margin-top:10px;
}
.select-edit-tier-card{
	width:25%;
	margin-bottom:10px;
}
.custom-radio-container {
	display: block;
	position: relative;
	cursor: pointer;
	font-size:14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border:1px solid #eee;
	border-radius:10px;
}
.custom-radio-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.custom-radio-checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height:100%;
	width:100%;
	background-color:rgba(0,0,0,0.0);
	border-radius:10px;
}
.custom-radio-container:hover input ~ .custom-radio-checkmark {
	background-color: #eee;
}
.custom-radio-container input:checked ~ .custom-radio-checkmark {
	/*background-color:#e3defd;*/
	border: 1px solid var(--color-theme);
}
.custom-radio-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.custom-radio-container input:checked ~ .custom-radio-checkmark:after {
	display: block;
}
.custom-radio-container .custom-radio-checkmark:after {
	padding:4px;
	top: 9px;
	right: 9px;
	width:16px;
	height:16px;
	border-radius: 50%;
	background:var(--color-secondary);
	color:#fff;
	content:"\f00c";
	font:normal normal normal 14px/1 FontAwesome;
	font-size:12px;
	font-weight:bold;
}
.select-edit-tier-content{
	position:relative;
	z-index:1;
	padding:10px;
	color:#111;
}

.toggle-price-range{
	display:flex;
	border:1px solid #ccc;
	border-radius:10px;
	background: #eee;
}
.custom-toggle-container {
	display: flex;
	justify-content:center;
	align-items:center;
	position: relative;
	padding:5px 15px;
	cursor: pointer;
	font-size:12px;
	color:rgba(0,0,0,.35);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index:1;
	transition:all ease .3s;
}
.custom-toggle-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	transition:all ease .3s;
}
.custom-toggle-checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height:100%;
	width:100%;
	z-index:-1;
	border-radius: 10px;
}
.custom-toggle-container:hover input ~ .custom-toggle-checkmark {

}
.custom-toggle-container input:checked ~ .custom-toggle-checkmark {
	/*background-color: #2196F3;*/
}
.custom-toggle-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.custom-toggle-container input:checked ~ .custom-toggle-checkmark:after {
	display: block;
	border-radius: 10px;
}
.custom-toggle-container .custom-toggle-checkmark:after {
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: white;
}
.custom-toggle-container input:checked ~ .custom-toggle-title{
	color:#000;
}

.column-set-price{
	padding:10px;
	margin-bottom:10px;
	border:1px solid #eee;
	display:flex;
	align-items:center;
	justify-content:space-between;
	border-radius:10px;
	color:#000;
	background:#f8f8f8;
}
.set-price-detail{
	font-size:12px;
	color:#999;
}
.set-price-detail h4{
	font-weight:bold;
	font-size:22px;
	color:#000;
	margin-bottom:0;
}



.number{
	width:100%;
	position:relative;
}
.minus, .plus{
	width:30px;
	height:30px;
	background:#fff;
	border-radius:6px;
	padding:8px 5px 8px 5px;
	border:1px solid #ddd;
	display:flex;
	justify-content:center;
	align-items:center;
	vertical-align: middle;
	text-align: center;
	color:#333;
	cursor:pointer;
	transition:all esae .2s;
}
.minus:hover, .plus:hover{
	background:#f7f7f7;
}
.plus{
	position:absolute;
	right:0;
	top:0;
}
.minus{
	position:absolute;
	right:0;
	bottom:0;
}
input.input-price-range{
	height:auto;
	width: 100%;
	padding:5px 0;
	text-align:left;
	font-weight:bold;
	font-size:22px;
	color:#000;
	border:none;
	background:transparent;
	display:block;
	vertical-align: middle;
}
.column-current-price{
	padding: 10px;
    margin-bottom: 10px;
}
.current-price{
	font-size:12px;
	color:#999;	
}
.input-current-price{
	width:100%;
	display:block;
	border:none;
	text-align:left;
	font-weight:bold;
	font-size:22px;
	color:#000;
}
#chartdiv {
  width: 100%;
  min-height:320px;
}
.deposit-amount-grid{
	width:100%;
}
.input-deposit-amount{
	border:none;
	background:transparent;
	font-size:22px;
}
.current-input-panel{
	margin-left:auto;
	background: #fff;
    padding: 5px 10px;
    border: 1px solid #eee;
    border-radius: 25px;
    color: #666;
    box-shadow: 0 0 5px rgba(100,100,100,.15);
    display: flex;
    align-items: center;
}
.current-input-panel img {
    max-width: 25px;
    margin-right: 5px;
}
.input-convert-amount{
	border:none;
	background:transparent;
	font-size:14px;	
}
/*** New position page ***/
.new-position-wrapper{
	max-width:860px;
	margin:0 auto;
}
.btn-add-new-position{
	padding:5px 10px;
	border-radius:10px;
	background:var(--color-theme);
	color:#fff;
}
.link-new-position-tips:hover .new-position-card{
	background:#f7f7f7;
	transition:all ease .3s;
	color:#999;
}
.link-new-position-tips:hover .new-position-card p{
	transition:all ease .3s;
	color:#7c7ad7ab;
}
.new-position-card{
	line-height:normal;
	border:1px solid #eee;
	border-radius:15px;
	background:#fff;
}
.new-position-card p{
	line-height:normal;
	margin-bottom:10px;
}
.upload-more{
	position:absolute;
	top:0;
	left:0;
	background:#eee;
	padding:8px 10px;
}
.upload-field{
	position:relative;
}
.upload-field input{
	opacity:0;
	position:relative;
	cursor:pointer;
	width:45px;
}
.imageThumb {
    max-height: 100%;
    padding: 1px;
    cursor: pointer;
    display: flex;
    margin: auto;
}
.pip {
    display: inline-block;
    margin: 10px 10px 0 0;
    position: relative;
    width: 45px;
    height: 45px;
    overflow: hidden;
    border: 1px solid #dddddd;
}
.remove {
    display: block;
    background: rgba(0, 0, 0, .35);
    width: 22px;
    height: 22px;
    color: white;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: -5px;
    right: -5px;
    transition: all ease .3s;
}
.img-thumbnail {
	margin-bottom: 15px;
}

.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';
}
.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(--color-theme);
	font-size:14px;
}

/*** ticket chat page ***/
.ticket-chat-case{
	display:flex;
	flex-direction:column;
	gap:10px;
	margin-bottom:10pt;
    padding: 10px;
	background:#eae2fd;
    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:0;
}
.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:#000;
	margin-bottom:15pt;
	padding:10px;
	border-radius:10px;
	position:relative;
}
.ticket-chat-message p{
	font-size:14px;
	font-weight:500;
	color:var(--color-theme);
}
.ticket-chat-message.your-message{
	background:#f6f4fb;
	position:relative;
}
.ticket-chat-message.your-message:before{
	content:'';
	position:absolute;
	right:20px;
	bottom:-10px;
	background:#f6f4fb;
	width:22px;
	height:25px;
	transform:skewX(-45deg) rotate(45deg);
}
.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:var(--color-secondary);
	position:relative;
}
.preview-case-img{
	margin:10px 0;
	width:52px;
	height:52px;
	position:relative;
	object-fit: fill;
}
.preview-case-img img{
	max-width:100%;
}

/*** ticket list page ***/

.ticket-list-card{
	display:flex;
	align-items:start;
	justify-content:space-between;
	width:100%;
	padding:10px;
}
.ticket-list-card-no{
	width:20%;
	max-width:36px;
	color:var(--color-secondary);
}
.ticket-list-card-no span{
	width:30px;
	height:30px;
	border-radius:10px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#ccc;
	color:#666;
	font-size:12px;
}
.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;
}
.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-grid li:nth-child(odd) .ticket-list-card{
	background:#f7f7f7;
	border-radius:10px;
}
.token-overview-info{
	position:relative;
	width:52px;
	height:52px;
}
.token-overview-info img{
	width:36px;
}
.token-selected{
	position:absolute;
	top:-2px;
	left:-2px;
}
.token-network-selected{
	position:absolute;
	right:-2px;
	bottom:-2px;
}
.token-overview-price-value h4{
	margin-bottom:0;
	font-size:22pt;
}
/***** ipx css start here *****/
/*** text color css ***/
.text-green{
	color:#B0F1C3;
}
/*** layout ***/
.fixed-bottom-navbar{
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
}
.fixed-bottom-navbar-inner{
	width:100%;
	min-height:60px;
	max-width:500px;
	background:#000;
	border-top:1px solid #222;
	display:block;
	margin:0 auto;
}
.fbn-ul{
	margin:0;
	padding:0;
	display:flex;
}
.fbn-ul li{
	display:flex;
	flex-direction:column;
	align-items:center;
	list-style:none;
	width:20%;
}
.fbn-ul li a{
	display:block;
	transition:all ease .3s;
	font-weight:bold;
	text-align:center;
	color:#fff;
	padding:10px 0 5px;
	position:relative;
}
.fbn-ul li a.active{
	position:relative;
	color:#C1A7FF;
}
.fbn-ul li a.active:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:5px;
	background:#C1A7FF;
}
.fbn-ul li a:hover{
	opacity:.65;
	color:#fff;
}
.fbn-icon img{
	width:100%;
	max-width:32px;
	display:block;
	margin:0 auto;
}
.fbn-icon-middle{
	margin-top:-30px;
	padding-bottom: 2px;
}
.fbn-icon-middle img{
	max-width:60px;
}
.notice-bell{
	position:relative;
}
.notice-bell:before{
	content:'';
	position:absolute;
	top:0;
	right:-5px;
	width:6px;
	height:6px;
	border-radius:50%;
	background:#F2B8B5;
}
/*** ipx signup page ***/
.sign-up-wrapper{
	display:flex;
	flex-direction:column;
	gap:10px;
	padding:30pt 0;
}
.welcome-aboard img{
	display:block;
	margin:0 auto;
	max-width:50%;
}
.sign-up-welcome-title{
	text-align:center;
}
.sign-up-welcome-title h3{
	font-weight:bold;
}
.sign-up-form{
	padding:0;
}
.sign-up-field{
	margin-bottom:10px;
	padding:10px;
	border:1px solid #444;
	border-radius:10px;
}
.sign-up-field input{
	background:#111;
	border:none;
	color:#fff;
}
.sign-up-field input:focus{
	background:#333;
	color:#fff;
}
.btn-sign-up{
    width: auto;
    height: auto;
    background-color:#fff !important;
    color: #663AE0 !important;
    display: inherit;
    padding: 0.75rem 1.5rem;
    border-radius: 35px;
    transition: all ease .3s;
	place-items: center;
	font-family: "Rajdhani", sans-serif;
    font-weight: 600;
	font-size:18px;
	letter-spacing:1.2px;
	transition:all ease .3s;
}
.btn-sign-up:hover{
	background-color:#663AE0 !important;
	color:#fff !important;
	border-color:#663AE0;
}
.tnc-container {
	display: block;
	position: relative;
	cursor: pointer;
	font-size:14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width:32px;
}
.tnc-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.tnc-checkmark {
	position: absolute;
	top:50%;
	left: 0;
	transform:translateY(-50%);
	height: 25px;
	width: 25px;
	background-color:transparent;
	border-radius:5px;
	border:1px solid #FFB4AB;
	transition:all ease .3s;
}
.tnc-container:hover input ~ .tnc-checkmark {
	background-color:rgba(100,100,100,.25);
}
.tnc-container input:checked ~ .tnc-checkmark {
	background-color:rgba(100,100,100,.25);
}
.tnc-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.tnc-container input:checked ~ .tnc-checkmark:after {
	display:flex;
	align-items:center;
	justify-content:center;
	content:"✔";
	color:#FFB4AB;
}
.tnc-container .tnc-checkmark:after {
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.accept-terms-text{
	color:#FFB4AB;
	margin-bottom:20px;
}
/*** ipx dashboard ***/
.dashboard-wallet-wrapper{
	padding:10pt;
}
.dashboard-wallet-block{
	border-radius:15px;
	border:1px solid #333;
}
.dashboard-wallet-display{
	padding:15pt;
	line-height:normal;
}
.dwd-icon img{
	max-width:25px;
}
.dwd-name{
	font-size:20pt;
	font-weight:500;
}
.dwd-title{
	font-size:16px;
	font-weight:500;
}
.dwd-amount{
	font-weight:bold;
	font-size:22px;
}
.dwd-amount span{
	font-size:36px;
}
.dashboard-wallet-click{
	position:relative;
}
.dashboard-wallet-click:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:linear-gradient(90deg, #c1a7ff5e, rgba(0,0,0,.15));
	border-radius:0 0 15px 15px;
}
.dashboard-wallet-click ul{
	display:flex;
	flex-wrap:wrap;
	margin:0;
	padding:0;
	position:relative;
}
.dashboard-wallet-click li{
	display:block;
	list-style:none;
	width:50%;
	border-top:1px solid #333;
}
.dashboard-wallet-click li:nth-child(odd){
	border-right:1px solid #333;
}
.dwc-card{
	display:flex;
	align-items:center;
	gap:10px;
	padding:10pt;
	transition:all ease .3s;
	color:#fff;
	cursor:pointer;
}
.dwc-card:hover{
	opacity:.65;
	color:#aaa;
}
.dwc-card img{
	max-width:26px;
}
.dashboard-tokens-block{
	padding:15pt 0;
}
.dtb-title{
	padding:10px;
	font-size:20px;
	font-weight:600;
}
.dtb-list{
	border-top:1px solid #333;
	position:relative;
}
.dtb-list:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:linear-gradient(90deg, #c1a7ff5e, rgba(0,0,0,.15));
	display:none;
}
.dtb-list ul{
	margin:0;
	padding:0;
}
.dtb-list li{
	list-style:none;
	display:block;
	border-bottom:1px solid #666;
	position:relative;
	background:linear-gradient(90deg, #c1a7ff5e, rgba(0,0,0,.15));
}
.dtb-list-card{
	display:flex;
	justify-content:space-between;
	gap:10px;
	padding:10pt 15pt;	
	transition:all ease .3s;
}
.dtb-list-card:hover{
	opacity:.65;
}
.dtb-list-card-left{
	display:flex;
	gap:10px;
}
.dtb-icon{
	width:36px;
	height:36px;
	overflow:hidden;
	border-radius:50%;
	background:#fff;
}
.dtb-icon img{
	width: 100%;
    max-width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.dtb-name h3{
	font-size:26px;
	margin-bottom:0;
}
.dtb-nickname{
	font-size:14px;
	color:#999;
}
.dtb-total-amount{
	text-align:right;
}
.dtb-total-amount h3{
	font-size:26px;
	margin-bottom:0;
}
.dtb-total-amount-value{
	font-size:14px;
	color:#999;
}
/*** ipx token details ***/
.inner-page-header{
	width:100%;
	height:60px;	
	position:fixed;
	z-index:3;
	top:0;
	left:0;
}
.inner-page-header-inner{
	width:100%;
	height:100%;
	max-width:500px;
	background:#000;
	margin:0 auto;
	display:flex;
	align-items:center;
	gap:10px;
	padding:0 15px;
	border-bottom:1px solid #222;
}
.btn-back-previous{
	display:flex;
	justify-content:center;
	align-items:center;
	padding:10px;
	transition:all ease .3s;
}
.btn-back-previous:hover{
	color:#aaa;
}
#backButton, .backButton{
	cursor:pointer;
}
#backButton, .backButton i{
	color:#fff;
	transition:all ease .3s;
}
#backButton, .backButton i:hover{
	color:#aaa;
}
.inner-page-header-title{
	display:flex;
	align-items:center;
	gap:5px;
}
.inner-page-header-title h4{
	margin-bottom:0;
}
.td-header-icon{
	max-width:25px;
	margin-right:10px;
}
.inner-page-wrapper{
	padding:15px;
	padding-top:30px;
}

.token-detail-wrapper{
	padding:0;
}
.token-detail-block{
	border-radius:15px;
	border:1px solid #333;
	display:block;
}
.token-detail-display{
	padding:0;
	display:flex;
}
.token-total-balance-block{
	padding:15pt;
	border-right:1px solid #333;
	width:50%;
	min-height:50px;
}
.token-spending-balance-block{
	padding:15pt;
	width:50%;
	min-height:50px;
}
.token-detail-click{
	position:relative;
}
.token-detail-click:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:linear-gradient(90deg, #c1a7ff5e, rgba(0,0,0,.15));
	border-radius:0 0 15px 15px;
}
.token-detail-click ul{
	display:flex;
	flex-wrap:wrap;
	margin:0;
	padding:0;
	position:relative;
}
.token-detail-click li{
	display:block;
	list-style:none;
	width:50%;
	border-top:1px solid #333;
}
.token-detail-click li:nth-child(odd){
	border-right:1px solid #333;
}
.dwc-card{
	display:flex;
	align-items:center;
	gap:10px;
	padding:10pt;
	transition:all ease .3s;
	color:#fff;
}
.dwc-card:hover{
	opacity:.65;
	color:#aaa;
}
.dwc-card img{
	max-width:26px;
}
.ttbb-01, .tsbb-01{
	display:flex;
	align-items:center;
	gap:10px;
	font-size:14px;
}
.ttbb-02, .tsbb-02{
	font-size:22pt;
	font-weight:bold;
	color:#fff;
}
.ttbb-03, .tsbb-03{
	font-size:16px;
}
.token-transaction-history-grid{
	margin:10pt 0;
}
.tthg-01{
	display:flex;
	align-items:center;
	font-size:20px;
	border-bottom:1px solid #333;
	padding:0 15px;
}
.tthg-view-all{
	font-size:14px;
	text-transform:uppercase;
}
.tthg-view-all a{
	color:#C1A7FF;
	transition:all ease .3s;
}
.tthg-view-all a:hover{
	opacity:.65;
}
.tthg-02 ul{
	margin:0;
	padding:0;
}
.tthg-02 li{
	display:block;
	list-style:none;
	min-height:60px;
	border-bottom:1px solid #333;
}
.tthg-02 li:nth-child(even){
	background:#060606;
}
.tthg-card{
	display:flex;
	padding:15px;
	line-height:normal;
}
.tthg-card-left{
	width:80%;
}
.tthg-card-right{
	width:20%;
	text-align:right;
}
.tthg-card-title{
	font-size:20px;
	font-weight:bold;
	color:#fff;
}
.tthg-card-from-token{
	font-size:16px;
}
.tthg-card-date-create{
	font-size:14px;
}
.tthg-status{
	text-transform:uppercase;
	font-weight:600;
}
.tthg-status.completed{
	color:#B0F1C3;
}
.tthg-status.pending{
	color:#fdd763;
}
.tthg-status.cancelled{
	color:#ff6161;
}
.tthg-amount{
	font-size:22px;
	font-weight:bold;
}
.tthg-amount.amount-plus{
	color:#B0F1C3;
}
.tthg-amount.amount-minus{
	color:#ff6161;
}
@media(max-width:576px){
	.inner-page-header{
		height:70px;
	}
}
@media(max-width:500px){
	.ttbb-02, .tsbb-02{
		font-size:16pt;
	}
}
/*** Bottom sliding div style ***/
.sliding-div {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height:65vh;
	max-height:65vh;
	color: white;
	display: none; /* Hidden initially */
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transform: translateY(100%); /* Start off-screen */
	transition: transform 0.3s ease-in-out;
	z-index:1;
}
.sliding-div.active {
	display: flex; /* Show the div */
	transform: translateY(0); /* Slide into view */
}
.sliding-div-wrapper{
	width:100%;
	max-width:500px;
	height:100%;
	background:#1c1c1c;
	position:relative;
	border-radius:15px 15px 0 0;
	box-shadow:0px -10px 10px rgba(100,100,100,.15);
}
.sliding-div-header{
	padding:15pt 0 0;
	text-align:center;
	position:relative;
}
.sliding-div-title{
	color:#fff;
	padding:15pt 0 0;
	font-weight:bold;
	font-size:16pt;
}
.close-sliding-div-btn{
	position:absolute;
	right:10px;
	top:-10px;
	width:45px;
	height:45px;
	padding:10px;
	border-radius:50%;
	border:1px solid #dedede;
	background:#eee;
	display: flex;
    justify-content: center;
    align-items: center;
	color:#000;
	font-weight:bold;
	font-size:14pt;
	transition:all ease .3s;
}
.close-sliding-div-btn:hover{
	color:#aaa;
}
.close-sliding-div{
	width:100%;
	max-width:125px;
	height:5px;
	display:block;
	margin:0 auto;
	border-radius:20px;
	border:0;
	border-top:1px solid #888;
	cursor:pointer;
	box-shadow:inset 5px 1px 5px rgb(219 219 219 / 15%);
}
.sliding-div-body{
	padding:15pt;
	padding-bottom: 150pt;
    overflow: auto;
    height: 100%;
	color:#000;
	font-size:16px;
}
.sliding-div-fixed-bottom{
	position:fixed;
	left:50%;
	bottom:0;
	transform:translateX(-50%);
	width:100%;
	max-width:500px;
	background:#222;
	padding:10pt;
	margin:0 auto;
}
.sliding-div-btn-reset{
	border:1px solid #888;
	border-radius:25px;
	padding:10px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	transition:all ease .3s;
}
.sliding-div-btn-reset:hover{
	color:#444;
}
.sliding-div-btn-confirm{
	border-radius:25px;
	padding:10px 15pt;	
	color:#fff;
	font-weight:bold;
	text-align:center;
	background:#000;
	transition:all ease .3s;
}
.sliding-div-btn-confirm:hover{
	color:#444;
}
.reverse-balance {
    margin: 10pt 0;
    padding: 5pt 10pt;
    background:#e9e9e9;
    border-radius: 10px;
    display: block;
    width: 100%;
    color:#000;
	font-size:18px;
}
.reverse-balance span {
    font-weight: bold;
}
.balance-icon{
	width:52px;
	height:52px;
	overflow:hidden;
	border-radius:50%;
	border:1px solid #efefef;
	background:#fff;
	display:flex;
	justify-content:center;
	align-items:center;
}
.balance-icon img{
    width: 100%;
    max-width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.history-wrapper-inner{
	padding:0;
    height: auto;
}
ul.transaction-history-grid{
	margin:0;
	padding:0;
}
ul.transaction-history-grid li{
	display:block;
	list-style:none;
	margin-bottom:10pt;
}
ul.transaction-history-grid h3.pickup-date-display{
	font-weight:bold;
	font-size:14pt;
}
.transaction-history-card{
	display:flex;
	justify-content:space-between;
	color:#aaa;
}
.transaction-history-card-left{
	font-size:12px;
}
.transaction-history-title{
	font-weight:bold;
	font-size:12pt;
	color:#fff;
}
.transaction-history-token{
	font-size:12px;
}
.grey-dot{
	width:6px;
	height:6px;
	border-radius:50%;
	background:#ccc;
	display:block;
}
.transaction-history-status{
	text-transform:uppercase;
	font-weight:bold;
}
.transaction-history-card-right{
	text-align:right;
}
.transaction-history-amount{
	font-size:14px;
	font-weight:bold;
}
.transaction-history-amount-value{
	font-size:14px;
}
.transaction-history-card.completed .transaction-history-status,
.transaction-history-card.completed .transaction-history-amount
{
	color:#03dd76;
}
.transaction-history-card.pending .transaction-history-status,
.transaction-history-card.pending .transaction-history-amount
{
	color:#ffc107;
}
.transaction-history-card.cancel .transaction-history-status,
.transaction-history-card.cancel .transaction-history-amount
{
	color:#d00;
}
/*** ipx earn page ***/
.stack-now-grid{
	width:100%;
	background:linear-gradient(90deg, #c1a7ff5e, rgba(0,0,0,.15));
	border-radius:15px;
	
	border-bottom:1px solid #222;
	margin-bottom:25px;
}
.stack-now-grid a{
	display:flex;
	margin-bottom:20px;
	border-bottom:1px solid #444;
	transition:all ease .3s;
}
.stack-now-grid a:hover{
	opacity:.5;
}
.sng-001{
	width:75%;
	padding:10px;
	border-right:1px solid #222;	
}
.sng-002{
	width:25%;
	height:100%;
}
.sng-001 h3{
	font-size:20pt;
}
.sng-icon{
	width:32px;
	margin-bottom:10px;
}
.staking-alert-notice{
	background:#fff;
	border-radius:20px;
	padding:0px 20px;
	padding-left:30px;
	margin-bottom:10px;
	color:#000;
	display:inline-block;
	font-weight:bold;
	text-transform:uppercase;
	position:relative;
}
.staking-alert-notice:before{
	content:'';
	position:absolute;
	top:50%;
	left:10px;
	transform:translateY(-50%);
	width:8px;
	height:8px;
	border-radius:50%;
	background:#663AE0;
	animation-name:blink-dot;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	transition:all ease .3s;
}
@keyframes blink-dot{
	0%{opacity:1;}
	25%{opacity:0.35;}
	50%{opacity:1;}
	75%{opacity:.35;}
	100%{opacity:1;}
}
/*** ipx staking page ***/
.stakepage-wallet-balance{
	display:flex;
	align-items:center;
	margin-bottom:20px;	
	padding:15px;
	background:linear-gradient(90deg, #48396a, rgb(0 0 0));
	border-radius:15px;
	line-height:normal;
}
.swb-01{
	display:flex;
	align-items:center;
	gap:10px;
}
.swb-02{
	margin-left:auto;
}
.swb-amount-01{
	font-size:22pt;
	font-weight:bold;
	color:#fff;
}
.swb-add-deposit{
	display:flex;
	align-items:center;
	gap:8px;
	background:#fff;
	border-radius:35px;
	border:none;
	color:#663AE0;
	font-weight:600;
	transition:all ease .3s;
	padding:10px 20px;
}
.swb-add-deposit:hover{
	color:#8063cf;
	opacity:.65;
}
.staking-info-grid{
	margin:15pt 0;
}
.staking-info-grid ul{
	margin:0;
	padding:0;
	display:flex;
	gap:0;
	row-gap:2px;
	flex-wrap:wrap;
	justify-content: space-between;
}
.staking-info-grid li{
	width:33%;
	padding:3px;
}
.staking-info-grid li:last-child{
	width:100%;
}
.sig-block{
	background:#fff;
	border-radius:15px;
	padding:10px;
}
.sig-01{
	color:#663AE0;
	font-weight:bold;
	font-size:20px;
	display:flex;
	align-items:center;
	gap:6px;
}
.sig-icon{
	width:22px;
}
.sig-01.sig-tsip{
	font-size:24pt;
	line-height:normal;
}
.sig-title{
	color:#000;
	text-transform:uppercase;
	font-weight:600;
}
.light-card{
	border-radius:10px;
	border:1px solid #333;
	padding:15px;
	margin-bottom:10pt;
	width:100%;
}
.light-card-header{
	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:15px;
}
.lc-number-label{
	border-radius:5px;
	padding:0 10px;
	background:#C1A7FF;
	color:#000;
	font-weight:bold;
}
.lc-title{
	font-weight:bold;
	font-size:18px;
	color:#fff;
}
.input-staking-amount-grid{
	padding:10px;
	border:1px solid #444;
	border-radius:15px;
	background:linear-gradient(90deg, #48396a, rgb(0 0 0));
}
.isag-label{
	font-size:20px;
	color:#fff;
	display:flex;
	align-items:center;
	gap:5px;
}
.input-staking-field{
	border:0;
	background:rgba(100,100,100,.15);
	text-align:right;
	font-size:24pt;
	font-weight:bold;
	color:#fff;
	width:100%;
	max-width:60%;
	padding:0 10px;
	border-radius:5px;
	border:1px solid #222;
}
.input-staking-field:focus{
	outline:0;
}
.select-method-grid{
	border:1px solid #333;
	border-radius:15px;
	background: linear-gradient(90deg, #48396a, rgb(0 0 0));
}
.select-method-grid ul{
	margin:0;
	padding:0;
}
.select-method-grid li{
	display:block;
	list-style:none;
	padding:10px;
	border-bottom:1px solid #666;
}
.select-method-grid li:last-child{
	border-bottom:none;
}
/*** custom select payment method radios ***/
/* The container */
.select-method-container{
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom:0;
	cursor: pointer;
	font-size:20px;
	color:#fff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition:all ease .3s;
}
.select-method-container:hover{
	opacity:.5;
}
.select-method-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.select-method-checkmark {
	position: absolute;
	top:50%;
	left: 0;
	transform:translateY(-50%);
	height:18px;
	width:18px;
	border-radius: 50%;
	border: 2px solid #eee;
	box-sizing: content-box;
}
.select-method-container:hover input ~ .select-method-checkmark {
	background-color: #ccc;
}
.select-method-container input:checked ~ .select-method-checkmark {
	background-color:transparent;
	border: 2px solid #C1A7FF;
}
.select-method-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.select-method-container input:checked ~ .select-method-checkmark:after {
	display: block;
}
.select-method-container .select-method-checkmark:after {
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:10px;
	height:10px;
	border-radius: 50%;
	background:#C1A7FF;
}
.select-method-payment-icon{
	width:22px;
	height:22px;
	overflow:hidden;
	border-radius:50%;
	background:#fff;
	display:flex;
	justify-content:center;
	align-items:center;
}
.select-method-payment-icon img{
	width: 100%;
    max-width: 100%;
}
/*** fixed bottom card ***/
.bottom-fixed-card{
	position:fixed;
	left:0;
	bottom:0;	
	z-index:2;
	width:100%;
}
.bottom-fixed-card-inner{
	min-height:120px;
	width:100%;
	max-width:500px;
	margin:0 auto;
	padding:15pt;
	background:#111;
	border-top:1px solid #444;
	border-radius:20px 20px 0 0;
	font-size:20px;
	color:#fff;
}
.btn-confirm{
	padding:10px 20px;
	background:#fff;
	border-radius:30px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-weight:bold;
	color:#663AE0;
	transition:all ease .3s;
}
.btn-confirm:hover{
	color:#663AE0;
	opacity:.75;
}
.btn-confirm.inactive{
	opacity:.65;
	cursor:not-allowed;
}
.modal-receive .modal-content{
	background:#fff;
	color:#000;
}
.receive-tab-select{
	border-radius:25px;
	border:1px solid #aaa;
	padding:5px;
	max-width:320px;
	margin:0 auto;
}
.receive-tab-select{
	margin-bottom:15px;
}
.receive-tab-select ul{
	margin:0;
	padding:0;
	display:flex;
	gap:5px;
}
.receive-tab-select li{
	list-style:none;
	display:block;
	padding:5px 10px;
	width:50%;
	text-align:center;
	color:#888;
	font-weight:600;
}
.receive-tab-select li.active{
	background:#e3e3e3;
	border-radius:25px;
	color:#000;
}
.qr-display{
	display:block;
	margin:0 auto 15px;
	width:165px;
	height:165px;
	background:#ddd;
	overflow:hidden;
	border-radius:10px;
}
.qr-display img{
	width:100%;
	max-width:100%;
}
.copy-address-grid{
	display:flex;
	align-items:center;
	justify-content: space-around;
	margin:0 auto;
	gap:10px;
	max-width:80%;
	padding:10px;
	background:rgba(100,100,100,.15);
	border-radius:15px;
}
.wallet-address-text{
	width:80%;
	word-wrap:break-word;
}
.btn-copy-wallet-address-text{
	border:none;
	background:transparent;
	color:#330d8f;
}
@media(max-width:500px){
	.stakepage-wallet-balance{
		padding:10px;
	}
	.swb-amount-01{
		font-size:1.52rem;
	}
}
@media(max-width:430px){
	.swb-amount-01{
		font-size:20px;
	}
	.sig-01{
		font-size:16px;
	}
	.sig-title{
		font-size:12px;
	}
}
/*** staking overview page ***/
.staking-overview-grid-01{
	margin-bottom:25px;
	border-bottom:1px solid #333;
}
.staking-token-card{
	display:flex;
	align-items:center;
	gap:10px;
	line-height:normal;
	padding-bottom:15px;
}
.stc-title{
	font-size:18px;
}
.stc-title span{
	color:#fff;
}
.stc-amount{
	color:#fff;
	font-size:32px;
	font-weight:bold;
	display:flex;
	align-items:center;
	gap:10px;
}
.stc-amount span.stc-amount-label{
	border:1px solid #fff;
	border-radius:5px;
	padding:3px 5px;
	color:#fff;
	font-size:14px;
}
.stc-amount span.stc-amount-label.up{
	color:#79e379;
	border:1px solid #79e379;
}
.stc-amount span.stc-amount-label.down{
	color:#ef7b7b;
	border:1px solid #ef7b7b;
}
.staking-overview-grid-02{
	padding-bottom:25px;
	margin-bottom:25px;
	border-bottom:1px solid #333;
}
.rewards-overview-card{
	border-radius:15px;
	padding:15px;
	margin-bottom:25px;
	background:linear-gradient(90deg, #48396a, rgb(0 0 0));
	line-height:normal;
}
.roc-01{
    border-bottom: 1px solid #555555;
    padding-bottom: 20px;	
    margin-bottom: 20px;	
}
.claimable-reward{
	font-size:20px;
	font-weight:600;
	color:#fff;
}
.claimable-reward img{
	display:block;
	max-width:36px;
}
.claimable-reward-amount{
	font-size:26px;
	font-weight:bold;
	color:#fff;
}
.claimable-desc-text span{
	color:#C1A7FF;
}
.btn-claim-now{
	padding:10px 20px;
	background:#fff;
	border-radius:30px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-weight:bold;
	font-size:24px;
	color:#663AE0;
	transition:all ease .3s;
}
.btn-claim-now:hover{
	color:#663AE0;
	opacity:.75;
}
.turbo-status-card{
	border:1px solid #555;
	border-radius:15px;
	padding:15px;
	line-height:normal;
	display:flex;
	justify-content:space-between;
}
.tsc-01{
	width:20%;
	font-size: 20px;
    font-weight: 600;
    color: #fff;
}
.tsc-01 img{
	display:block;
	max-width:36px;	
}
.tsc-02{
	width:80%;
	text-align:end;
}
.tsc-amount{
	font-size:26px;
	font-weight:bold;
	color:#fff;	
}
.total-staked-card{
	display:flex;
	align-items:center;
	font-size:20px;
	font-weight:600;
	color:#fff;
	border-radius:15px;
	padding:15px;
	margin-bottom:25px;
	line-height:normal;
	background:linear-gradient(90deg, #48396a, rgb(0 0 0));
}
.total-staked-card-01 img{
	max-width:36px;
	display:block;
}
.total-staked-card-02{
	font-size: 26px;
    font-weight: bold;
    color: #fff;
	max-width:80%;
}
.staked-history-grid ul{
	margin:0;
	padding:0;
}
.staked-history-grid li{
	list-style:none;
	display:block;
	padding-bottom:15px;
	border-bottom:1px solid #333;
}
.staked-history-card{
	display:flex;
	gap:5px;
	padding:10px;
	transition:all ease .3s;
}
.staked-history-card:hover{
	color:#fff;
	opacity:.65;
}
.staked-history-card-01{
	display:flex;
	align-items:center;
	gap:5px;
	width:100%;
	max-width:80%;
}
.staked-history-card-icon{
	width:52px;
	height:52px;
	border-radius:50%;
	padding:10px;
	display:flex;
	justify-content:center;
	align-items:center;
	background:linear-gradient(90deg, #48396a, rgb(0 0 0));
}
.staked-history-card-icon img{
	width:100%;
	max-width:80%;
}
.staked-history-card-detail{
	line-height:normal;
}
.shcd-id{
	font-size:20px;
	font-weight:600;
	color:#fff;
}
.shcd-staked-amount{
	font-size:18px;
	font-weight:600;
	color:#fff;
}
/*** claim reward page ***/
.available-to-claim{
	color:#fff;
	font-size:16px;
	line-height:normal;
}
.available-to-claim img{
	max-width:32px;
}
.available-claim-amount{
	font-size:22pt;
	font-weight:700;
	color:#fff;
	position:relative;
	gap:5px;
	line-height:normal;
	word-break: break-all;
    text-align:right;
}
.available-claim-amount span{
	font-size:16px;
	font-weight:300;
}
.select-turbo-method-card{
	border:1px solid #444;
	border-radius:10px;
	overflow:hidden;
}
.select-turbo-method-card ul{
	margin:0;
	padding:0;
}
.select-turbo-method-card li{
	display:block;
	list-style:none;
	border-bottom:1px solid #444;
}
.select-turbo-method-card li:last-child{
	border-bottom:0;
}
.select-turbo-method-container {
	display: block;
	position: relative;
	margin-bottom:0;
	cursor: pointer;
	font-size:20px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.select-turbo-method-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.select-turbo-method-checkmark {
	position: relative;
	height:100%;
	width:100%;
	border-left:5px solid #aaa;
	display:flex;
	align-items:center;
	transition:all ease .3s;
	color:#888;
}
.select-turbo-method-container:hover input ~ .select-turbo-method-checkmark {
	background-color:rgba(100,100,100,.15);
}
.select-turbo-method-container input:checked ~ .select-turbo-method-checkmark {
	border-left:5px solid #B0F1C3;
	background:linear-gradient(90deg, #48396a, rgb(0 0 0));
}
.select-turbo-method-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.select-turbo-method-container input:checked ~ .select-turbo-method-checkmark:after {
	display: block;
}
.select-turbo-method-container .select-turbo-method-checkmark:after {
	top:50%;
	left:21px;
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #D0BCFE;
}
.select-turbo-method-container input:checked ~ .select-turbo-method-checkmark:before{
	border:2px solid #D0BCFE;
}
.select-turbo-method-container .select-turbo-method-checkmark:before {
	content:'';
	position:absolute;
	top:50%;
	left:15px;
	transform: translateY(-50%);
	width:20px;
	height:20px;
	border-radius: 50%;
	border:2px solid #aaa;
}
.select-turbo-method-container input:checked ~ .select-turbo-method-checkmark .select-turbo-detail{
	color:#fff;
}
.select-turbo-detail{
	padding:15px;
	padding-left:50px;
	height:100%;
	width:100%;
	font-size:16px;
	display:flex;
	align-items:center;
}
.select-turbo-detail-01{
	width:40%;
}
.select-turbo-detail-02{
	margin-left:auto;
}
.select-turbo-claim-amount span{
	font-size:18pt;
	font-weight:bold;
}
@media(max-width:500px){
	.available-claim-amount{
		font-size:20px;
	}
}
/*** ipx send page ***/
.send-grid-01{
	border:1px solid #555;
	border-radius:15px;
	padding:15pt;
	margin-bottom:30px;
}
.send-grid-01-middle{
	text-align:center;
}
.send-grid-amount-display{
	font-size:18pt;
}
.send-grid-amount-display span{
	font-size:32pt;
	font-weight:bold;
	color:#fff;
}
.send-grid-convert{
	border:1px solid #aaa;
	border-radius:35px;
	padding:5px 10px;
	display: flex;
    align-items: center;
    gap: 5px;
    width: fit-content;
    margin: auto;
}
.send-convert-icon{
	width:25px;
	height:25px;
	border-radius:50%;
	padding:5px;
	background:#C1A7FF;
	font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
	color:#000;
	transform:rotate(90deg);
	transition:all ease .3s;
}
.send-convert-icon:hover{
	opacity:.85;
	color:#fff;
}
.custom-select-container {
	margin:30px auto 0;
	position: relative;
}
.custom-select-token {
	position: relative;
	cursor: pointer;
	color:#fff;
}
.custom-selected-item, .select-token-dropdown-item {
	display: flex;
	align-items: center;
	padding: 10px;
	background:linear-gradient(90deg, #48396a, rgb(0 0 0));
	border-radius: 5px;
}
.select-token-dropdown-item{
	border:0;
	border-radius:0;
}
.custom-selected-item img, .select-token-dropdown-item img {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
.custom-selected-item .chevron {
	margin-left: auto;
	color:#fff;
	font-size: 14px; /* Adjust as needed */
	transition: transform 0.3s ease; /* Smooth rotation */
}
.custom-selected-item.active .chevron {
	transform: rotate(180deg);
}
.select-token-dropdown {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	z-index: 1;
}
.select-token-dropdown-item {
	/*border-top: 1px solid #ccc;*/
}
.select-token-dropdown-item:hover {
	background-color: #f1f1f1;
}
.send-grid-02{
	border-radius:15px;
	border:1px solid #555;
	padding:15pt;
}
.send-to-input-field{
	display:block;
	width:100%;
	border:none;
	background:transparent;
	color:#fff;
	font-size:22pt;
}
.send-to-input-field:focus{
	outline:none;
}
/*** ipx history page ***/
.fixed-navbar-inner {
    max-width: 500px;
    width: 100%;
    min-height: 60px;
    padding: 15pt;
    padding-bottom: 5pt;
    padding-top: 5pt;
	border-bottom: 1px solid rgba(200, 200, 200, .15);
}
.top-fixed-tabbed{
	width:100%;
	overflow-x: auto; /* Enables horizontal scrolling */
	scrollbar-width: thin; /* For Firefox */
	scrollbar-color: #333 #111; /* For Firefox */
	gap: 10px;
	padding: 10px;
	margin:10pt 0;
	white-space: nowrap; /* Keeps items in a single line */
	cursor: grab; /* Grab cursor for desktop */
}

/* Disable text selection */
.no-select {
	user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
}
.history-fixed-tabbed .nav-link.active, .history-fixed-tabbed .show>.nav-link{
	color:#fff;
    background-color:transparent;
	position:relative;
}
.history-fixed-tabbed .nav-link.active:before{
	content:'';
	position:absolute;
	left:0;
	bottom:-6px;
	width:100%;
	height:2px;
	background:#000;
}
.history-fixed-tabbed .nav-link{
	color:#777;
	font-weight:600;
}
.history-view-grid-01{
	padding:10pt 15pt;
}
.all-assets-type-date{
	padding:0 15pt;
	display:flex;
	align-items:center;
	gap:10px;
	width:100%;
}
.all-assets-type-date a.toggle-link{
	color:#fff;
	display:block;
	padding:0 6pt;
	padding-right:20pt;
	font-size:14px;
	font-weight:600;
	position:relative;
}
.all-assets-type-date a.toggle-link:before{
	content:"\f078";
	font-family: "Font Awesome 6 Free";
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	width:16px;
	height:100%;
	font-size:10px;
	display:flex;
	justify-content:center;
	align-items:center;
	transition:all ease .3s;
}
.all-assets-type-date a.toggle-link[aria-expanded="true"]:before{
	transform:rotate(180deg);
	top:0;
}
.sliding-down {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height:200px;
	background-color:#181818;
	border-top:1px solid #666;
	color:#fff;
	display: none; /* Hidden initially */
	opacity:0;
	padding:0;
	transform: translateY(5pt);
	/*transition: transform 0.5s ease-in-out;*/
	transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
	scrollbar-width: thin; /* For Firefox */
	scrollbar-color: #333 #111; /* For Firefox */
}

/* Active class makes the div slide up */
.sliding-down.active {
	opacity: 1;
	display: flex; /* Show the div */
	transform: translateY(10pt);
	overflow:scroll;
	max-height:50vh;
}
.sd-tokens{
	margin:0;
	padding:0;
}
.sd-tokens li{
	display:block;
	list-style:none;
	padding:10px 15pt;
	color:#fff;
	border-bottom:1px solid #333;
	font-size:14px;
}
.sd-tokens li:last-child{
	border-bottom:none;
}
.sd-tokens li a{
	color:#fff;
	font-size:14px;
	padding-right:30px;
	position:relative;
	display:block;
}
.sd-tokens li a.active{
	color:#fff;
	font-weight:bold;
}
.sd-tokens li a.active:before{
	content:"\f058";
	font-family: "Font Awesome 6 Free" !important;
	font-size:18px;
	color:#fff;
	position:absolute;
	top:50%;
	right:0px;
	transform:translate(0,-50%);
	width:25px;
	height:100%;
}
.history-choose-date{
	padding:5px 10pt !important;
	background:#333 !important;
	border-radius:25px !important;
	font-size:14px !important;
	font-weight:bold !important;
	color:#fff !important;
	display:flex !important;
	align-items:center !important;
	gap:10px !important;
}
.history-choose-date:before{
	display:none !important;
}
.input-group-search{
	background:#555;
	border:1px solid #333;
	border-radius:30px;
	color:#fff;
}
.input-group-search span i.bx{
	color:#fff;
}
.input-group-search input{
	color:#fff !important;
}
.input-group-search input::placeholder{
	color:#fff;
}
.sliding-div-header.border-bottom{
	border-bottom-color:#333 !important;
}
.date-range-grid{
	margin-bottom:10pt;
}
.date-range-grid ul{
	margin:0;
	padding:0;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.date-range-grid li{
	list-style:none;
	display:block;
}
.date-range-grid li a{
	display:block;
	border-radius:25px;
	padding:5px 10pt;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
}
.date-range-grid li a.active{
	border:1px solid #666;
}
@media(max-width:414px){
	.date-range-grid li a{
		font-size:10px;
		font-weight:700;
		padding:5px;
	}
}
/*** ipx trade page ***/
.trade-grid-01{
	padding:25pt 10pt 15pt;
	display:inline-block;
	width:100%;
	min-height:100px;
	background:linear-gradient(90deg, #48396a, rgb(0 0 0));
	border-radius:15px;
	border:1px solid #222;
}
.trade-grid-01-top{
	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:10px;
}
.input-trade-amount{
	border:none;
	background:transparent;
	font-size:20pt;
	font-weight:600;
	color:#fff;
	width:100%;
	text-align:right;
}
.input-trade-amount::placeholder{
	color:#666;
}
.input-trade-amount:active, .input-trade-amount:focus{
	outline:none;
}
.trade-grid-01-bottom{
	display:flex;
	justify-content:space-between;
}
.trade-wallet-balance span{
	font-weight:bold;
	color:#fff;
}
.trade-grid-01.low-balance .input-trade-amount,
.trade-grid-01.low-balance .input-trade-amount::placeholder
{
	color:#FF8B8B;
}
.trade-grid-01.low-balance .trade-wallet-balance span{
	color:#FF8B8B;
}
.trade-grid-02{
    margin-top: -20px;
    z-index: 1;
    position: relative;
    margin-bottom: -20px;	
}
.trade-grid-convert-icon{
	width:52px;
	height:52px;
	background:#C1A7FF;
	border-radius:20px;
	border:none;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto;
	color:#fff;
	transition:all ease .3s;
}
.trade-grid-convert-icon i{
	transform:rotate(90deg);
	text-shadow:0 0 5px rgba(0,0,0,.5);
	transition:all ease .3s;
}
.trade-grid-convert-icon:hover i{
	transform:rotate(-90deg);
}
/*** ipx commnuity ***/
.community-grid-01{
	display:block;
	margin-bottom:20pt;
}
.community-grid-01 a{
	display:inline-flex;
	align-items:center;
	gap:10px;
	font-size:16px;
	color:#fff;
	transition:all ease .3s;
}
.community-grid-01 a:hover{
	opacity:.5;
}
.community-grid-01 a i{
	font-size:80%;
}
.community-grid-02{
	display:inline-block;
	width:100%;
	padding:10pt;
	margin-bottom:20pt;
	border-radius:15px;
	background:linear-gradient(90deg, #48396a, rgb(0 0 0));
}
.community-grid-02-top{
	display:flex;
	align-items:center;
	gap:15px;
	margin-bottom:10pt;
}
.user-rank-frame{
	display:flex;
	align-items:center;
	justify-content:center;
	width:60px;
	height:60px;
	border-radius:50%;
	border:1px solid #fff;
	position:relative;
	background:#000;
	color:#C1A7FF;
	font-weight:600;
	font-size:20px;
}
.user-rank-label{
	position:absolute;
	top:-1px;
	right:-1px;
	width:20px;
	height:20px;
	padding:5px;
	border-radius:50%;
	background:#fff;
	display:flex;
	justify-content:center;
	align-items:center;
}
.referral-code-grid{
	line-height:normal;
}
.referral-code{
	font-weight:bold;
	font-size:24px;
}
.copy-code{
	border:0;
	background:transparent;
	padding:5px 10px;
	color:#aaa;
	font-weight:bold;
	text-transform:uppercase;
	display:flex;
	gap:5px;
	align-items:center;
	justify-content:center;
	transition:all ease .3s;
}
.copy-code:hover{
	opacity:.65;
}
.mystats-card{
	display:inline-block;
	width:100%;
	border:1px solid #666;
	border-radius:10px;
	background:#000;
	padding:10pt;
}
.mystats-card a{
	transition:all ease .3s;
	color:#C1A7FF;
}
.mystats-card a:hover{
	color:#fff;
	opacity:.5;
}
.mystats-card-label{
	font-weight:bold;
	color:#C1A7FF;
}
.mystats-card-amount{
	text-align:end;
	color:#fff;
}
.community-grid-03{
	display:inline-block;
	width:100%;
	padding-left:15pt;
	position:relative;
}
.community-grid-03:before{
	content:'';
	position:absolute;
	top:0;
	left:5px;
	width:2px;
	height:100%;
	background:#fff;
}
.my-downline{
	display:flex;
	align-items:center;
	gap:5px;
	margin-bottom:15px;
}
.downline-list-grid ul{
	margin:0;
	padding:0;
}
.downline-list-grid li{
	display:flex;
	align-items:center;
	gap:5px;
	list-style:none;
	margin-bottom:10px;
}
.my-community-card{
	padding:10pt;
	border-radius:15px;
	background:linear-gradient(90deg, #48396a, rgb(0 0 0));
	width:100%;
	display:flex;
	align-items:center;
	transition:all ease .3s;
}
.my-community-card:hover{
	color:#fff;
	opacity:.35;
}
.community-avatar-frame{
	display:flex;
	align-items:center;
	justify-content:center;
	width:50px;
	height:50px;
	border-radius:50%;
	border:1px solid #fff;
	position:relative;
	background:#000;
	color:#C1A7FF;
	font-weight:600;
	font-size:20px;
}
.community-rank-label{
	position:absolute;
	top:-1px;
	right:-1px;
	width:16px;
	height:16px;
	padding:4px;
	border-radius:50%;
	background:#fff;
	display:flex;
	justify-content:center;
	align-items:center;
}
.community-user-name{
	font-size:14px;
	font-weight:300;
	color:#ccc;
}
.community-user-id{
	font-size:16px;
	font-weight:bold;
	color:#fff;
}
.community-user-sales{
	margin-left:auto;
	display:flex;
	align-items:center;
	gap:5px;
	font-size:20px;
	font-weight:bold;
}
.icon-send-money{
	width:100%;
	max-width:20px;
}
@media(max-width:500px){
	.my-community-card{
		padding:10px;
	}
}
/*** ipx profile ***/
.listing-grid{
	border-bottom:1px solid #222;
	padding:15pt 10pt;
	display:flex;
	justify-content:space-between;
}
.listing-grid-label{
	font-weight:500;
	color:#fff;
}
/*** ipx member profile ***/
.add-to-fav{
	padding:5pt 10px;
	background:#222;
	border-radius:10px;
	border:none;
	color:#C1A7FF;
	text-transform:uppercase;
	font-weight:700;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:5px;
	transition:all ease .3s;
}
.add-to-fav:hover{
	color:#fff;
	opacity:.5;
}
.sliding-bottom-div {
	position: fixed;
	bottom: -100%;
	left: 0;
	width: 100%;
	height:auto;
	color: white;
	transition: bottom 0.5s ease-in-out;
	z-index:3;
}
.sliding-bottom-div-inner{
	width:100%;
	height:100%;
	min-height:200px;
	max-width:500px;
	display:block;
	margin:0 auto;
	background:#111;
	border-radius:15px 15px 0 0;
	box-shadow:0px -10px 15px rgba(255, 255, 255, .35);
	color:#fff;
}
.sliding-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	display: none;
	z-index:3;
}
.btn-default-theme{
	padding:10pt 15pt;
	background:#fff;
	border:0;
	border-radius:35px;
	font-size:16pt;
	font-weight:bold;
	color:#663AE0;
}
.custom-input-field{
	width:100%;
	background:#222;
	border:1px solid #555;
	border-radius:10px;
	padding:10px 15px;
	color:#fff;
	font-size:18px;
}