:root{	
	--color-theme:#3f5a04;	
	--color-secondary:#295800;
	--color-theme-3:#464386;
	--color-disable:#999;
	--p-color:#4f4998;
	--font-color:#bff941;
	--color-teal:#1A93A3;
}
@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;
}
body{
	background:#fff;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Gilroy-Bold';
}
a{font-family:gilroy-medium;}

.color-theme{
	color:var(--font-color);
}
/*** Button css ***/
.btn-primary{
	background:var(--color-secondary);
	border-color:var(--color-secondary);
	transition:all ease .3s;
}
.btn-primary:hover{
	background:var(--font-color);
	color:var(--color-secondary);
}
.wallet-btn{
    width:100%;
    height: auto;
    background-color: #fff !important;
    color: #206a4e !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:18pt;
	transition:all ease .3s;
}
.wallet-btn:hover{
	background-color:#ccc !important;
	color:#222 !important;
}
/*** default layout ***/
.rev-navbar-inner{
	padding:0 10pt;
	width:100%;
	max-width:500px;
	display:flex;
	align-items:center;
}
.navbar-brand img{
	max-width:100px;
}
.bg-rev-navbar{
	background:#ccc0ff;
}
.custom-topnav-dropdown{
	padding:10px;
	position:relative;
}
.custom-topnav-dropdown:before{
	display:none;
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	transform:translateY(-50%) translateX(-50%);
	width:30px;
	height:30px;
	background:var(--color-theme);
	border-radius:50%;
	box-shadow:0 0 5px rgba(0,0,0,.15);
}
.custom-topnav-dropdown:after{
	display:none;
}
.custom-topnav-dropdown img{
	max-width:22px;
	position:relative;
}
.custom-topnav-dropdown:hover, .custom-topnav-dropdown:focus{
	border-color:transparent;
}
.custom-topnav-dropdown[aria-expanded="true"]{
	/*background: rgb(139 103 247 / 38%);*/
}
.selected-lang-text{
	position:absolute;
    top:-2px;
    right: 2px;
    font-size: 8px;
    font-weight: bold;
    color:var(--color-theme);
	padding:2px 5px;
	border-radius:15px;
	background:#fff;
	transition:all ease .3s;
}
.selected-lang-text:hover{
	color:var(--color-secondary);
}
.top-profile-card{
	padding:10px;
	width:200px;
	background:var(--color-theme);
	border:1px solid rgb(139 103 247 / 38%);
	border-radius:15px;
	font-size:14px;
	line-height:normal;
}
.user-ref-code-title{
	font-family: 'Gilroy-Bold';
	letter-spacing:1px;
	color:#fff;
}
.user-ref-code{
	font-family: 'Gilroy-Thin';
	letter-spacing:1.2px;
	color:#fff;
	padding:5px 0 0;
}
.user-wallet-address-grid{
	display:flex;
	align-items:center;
	gap:5px;
	color:#fff;
	font-size:12px;
}
.user-wallet-address{
	width:80%;
	overflow: hidden;
    text-overflow: ellipsis;
	font-family: 'Gilroy-Medium';
	letter-spacing:1px;
	color:var(--color-secondary);
}
.inbox-notice{
	margin-right:15pt;
	position:relative;
	background: #d7cef3;
    padding: 5px;
	border-radius:10px;
	width:36px;
	height:36px;
	text-align:center;
}
.inbox-notice span.notice-dot{
	position:absolute;
	top:0px;
	right:-2px;
	width:8px;
	height:8px;
	border-radius:50%;
	background:#d00;
}
.fixed-bottom-nav{
	position:fixed;
	left:50%;
	bottom:15px;
	transform:translateX(-50%);
	width:98%;
	max-width:486px;
	background:#23242c;
	border-radius:50px;
}
.fixed-bottom-nav-grid{
	width:100%;
	display:block;
}
.fixed-bottom-nav-grid ul{
	margin:0;
	padding:0;
	display:flex;
	gap:10px;
}
.fixed-bottom-nav-grid li{
	width:25%;
}
.fixed-bottom-nav-grid li a{
	text-align:center;
	padding:5pt;
	font-size:10pt;
	display:block;
	color:var(--font-color);
	transition:all ease .3s;
}
.fixed-bottom-nav-grid li a:hover{
	color:rgba(255,255,255,.65);
}
.fixed-bottom-nav-grid li a.active{
	color:var(--font-color);
}
.fbn-icon{
	width:32px;
	height:32px;
	margin:0 auto 5px;
	display:block;
	transition:all ease .3s;
}
.fbn-icon:hover{
	opacity:.5;
}
.fbn-icon img{
	max-width:100%;
}
/*** connect wallet ***/
.main-wrapper{
	/*height:100vh;
	overflow:auto;
	position:relative;
	background:#060606;*/
}
.main-container-wrapper{
	height:auto;
	max-width:500px;
	margin:0 auto;
	padding-bottom:100px;
	position:relative;
	background:#18111c;
}
.section-connect-wallet{
	position:relative;
	padding:30pt 0;
	padding-top:100pt;
	height:100vh;
}
.section-connect-wallet:before{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;
	height:100%;
	background:url(../images/green-shadow-bg.png) no-repeat;
	background-size:100%;
	background-position:center;
}
.conenct-wallet-grid{
	position:relative;
}
/*** Dashboard ***/
.dasbhoard-grid-01{
	/*min-height:225px;*/
	background:var(--bg-dark);
	padding:15pt;
	padding-top:100px;
	margin-top:-86px;
}
.dasbhoard-grid-01-title{
	margin:20pt 0 0pt;
}
.dasbhoard-grid-01-title h3{
	font-weight:600;
	font-size:14pt;
	color:#fff;
	margin-bottom:0;
}
.dasbhoard-grid-01-title-2{
	color:rgb(255 255 255 / 64%);
	font-family:'Roboto';
}
.dasbhoard-grid-01-amount{
	font-size:32pt;
	color:var(--font-color);
	line-height:normal;
}
.dashboard-action-grid{
	padding-bottom:10px;
}
.dashboard-action-grid ul{
	margin:0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:0px;
	position:relative;
}
.dashboard-action-grid ul:before{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:1px;
	height:65px;
	background:rgba(100,100,100,.5);
}
.dashboard-action-grid li{
	width:25%;
	display:block;
	list-style:none;
}
.dashboard-action-link{
	cursor:pointer;
}
.dashboard-action-link:hover .dashboard-action-card{
	opacity:.65;
}
.dashboard-action-card{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:5px;
	padding:10px;
	color:#fff;
	font-size:14px;
	transition:all ease .3s;
}
.dashboard-action-icon{
	width:45px;
	height:45px;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:15px;
	background:var(--color-theme-01);
}
.dashboard-action-icon.right-icon{
	background:var(--font-color);
}
.dashboard-action-icon img{
	max-width:25px;
}
.dashboard-grid-widget{
	margin:20pt 0;
}
.dashboard-grid-widget ul{
	margin:0;
	padding:0;
	display:flex;
	justify-content:space-evenly;
	position:relative;
}
.dashboard-grid-widget li{
	list-style:none;
	display:block;
	width:auto;
}
.dashboard-grid-widget li a{
	transition:all ease .3s;
}
.dashboard-grid-widget li a:hover{
	text-decoration:none;
	color:#000;
}
.dashboard-grid-widget-icon{
	width:52px;
	height:52px;
	margin:10px;
	/*padding:10px;
	background:var(--color-theme);*/
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:all ease .3s;
}
.dashboard-grid-widget-icon:hover{
	background:var(--color-secondary);
	transform:rotateY(180deg);
}
.dashboard-grid-widget-icon img{
	max-width:100%;
}
.dashboard-grid-widget-title{
	color:#fff;
}
.dasbhoard-grid-02{
	padding:0 0 20pt;
	background:#18111c;
    /*border-radius: 25px 25px 0 0;
    margin-top: -30px;*/
}
.dasbhoard-grid-02 ul{
	margin:0;
	padding:0;
	position:relative;
}
.dasbhoard-grid-02 li{
	display:block;
	list-style:none;
	padding:15pt;
}
.dasbhoard-grid-02 ul.dashboard-grid-ul{
	padding:15pt;
}
.dasbhoard-grid-02 ul.dashboard-grid-ul li{
	padding:0;
	margin-bottom:10px;
}
.dashboard-wallet-card{
	width:100%;
	display:flex;
	padding:15px;
	border-radius:15px;
	border:1px solid #222;
	line-height:normal;
}
.dashboard-wallet-card-left{
	display:flex;
	gap:10px;
}
.dashboard-wallet-icon{
	width:45px;
	height:45px;
	background:#fff;
	border-radius:50%;
	overflow:hidden;
	object-fit:fill;
}
.dashboard-wallet-icon img{
	max-width:100%;
}
.dashboard-wallet-info{
	color:#fff;
}
.dashboard-wallet-info h4{
	margin-bottom:0;
	color:var(--color-theme-02);
}
.tokens-name{
	color:var(--color-theme);
}
.dashboard-wallet-card-right{
	margin-left:auto;
	text-align:right;
}
.dashboard-wallet-grand-amount{
	font-size:16pt;
	font-weight:700;
	color:var(--color-theme-02);
}
.dashboard-wallet-amount{
	color:#eee;
}
.success-staking-msg{
	text-align:center;
	margin:10pt 0;
}
.success-staking-msg img.icon-success-check{
	max-width:100px;
	margin:0 auto;
}
.success-staking-msg h4{
	color:var(--color-secondary);
	margin:10pt 0;
}
.success-staking-msg p{
	color:var(--font-color);
}
.stake-u-amount{
	color:var(--font-color);
	font-size:36px;
	font-weight:bold;
}
/*** transaction/ transaction history ***/
.inner-header-wrapper{
	padding:10pt;
}
.inner-header-title h3{
	color:#fff;
}
.inner-header-title p{
	color:#fff;
}
.transaction-wallet-card{
	margin-bottom:15px;
	padding:15px;
	background:var(--color-theme-02);
	border-radius:15px;
	color:var(--color-theme-01);
}
.transaction-wallet-card h3{
	font-weight:600;
	color:var(--color-theme-01);
}
.view-balance-info{
	display:flex;
	align-items:center;
	gap:6px;
	color:#fff;
	font-size:14px;
	padding:6px 15px;
	background:rgb(63 161 57);
	border-radius:25px;
}
.action-grid-card{
	margin-bottom:15px;
	padding:10px;
	background:#0c0014;
	border-radius:20px;
}
.transaction-history-grid ul{
	margin:0;
	padding:0;
}
.transaction-history-grid li{
	display:block;
	list-style:none;
	padding:10px;
	border-radius:10px;
}
.transaction-history-grid li:nth-child(odd){
	background:#221a26;
}
.transaction-history-grid-card{
	display:flex;
	justify-content:space-between;
}
.transaction-history-grid-card-left{
	flex:1;
}
.transaction-title{
	font-weight:600;
	font-size:16px;
	color:var(--color-theme-02);
}
.transaction-currency{
	font-size:14px;
	color:rgba(100,100,100,1);
}
.time-status{
	font-size:12px;
	display:flex;
	align-items:center;
	gap:10px;
	line-height:normal;
	color:#aaa;
}
.history-time{
	color:#aaa;
}
.history-status{
	font-weight:600;
}
.history-status.completed{
	color:#00cb6d;
}
.history-status.pending{
	color:#e1a317;
}
.history-status.cancel{
	color:#d33e3e;
}
.transaction-history-grid-card-right{
	display:flex;
	align-items:end;
	flex-direction:column;
}
.transaction-amount{
	font-size:18px;
	font-weight:600;
}
.transaction-amount.up{
	color:#00cb6d;
}
.transaction-amount.down{
	color:#d33e3e;
}
/*** Swap ***/
.swap-view-grid-01{
	padding:10pt;
}
.swap-view-grid-tab ul{
	margin:10pt 0;
	padding:6px 10px;
	background:var(--bg-dark);
    border-radius:15px;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.swap-view-grid-tab li{
	display:block;
	list-style:none;
	width:33.33%;
}
.swap-view-grid-tab li a{
	padding:10px 10pt;
	border-radius:25px;	
	text-align:center;
	display:block;
}
.swap-view-grid-tab li a.selected-tab{
	/*background:#111;	*/
}
.swap-view-grid-02{
	padding:10pt;
	background:var(--bg-dark);
	border-radius:15px;
	color:#aaa;
}
.available-usdt-now{
	font-size:14px;
}
.swap-amount-view{
	margin:5px 0;
	display:flex;
	justify-content:end;
	align-items:start;
	gap:5pt;
	font-size:2.5em;
	font-weight:600;
	color:#fff;
}
.swap-amount-view span.swap-value-rate{
	font-weight:normal;
	font-size:12px;
	padding-top:15px;
	color:#999;
}
.swap-amount-enter-input{
	width:100%;
	padding:0px 5pt;
	margin-left:auto;
	border:none;
	font-weight:bold;
	text-align:right;
	background:none;
	color:#fff;
}
.swap-amount-enter-input::placeholder{
	color:#444;
}
.swap-amount-enter-input:focus{
	outline:none;
}
.swap-gbp-amount{
	display:flex;
	justify-content:end;
	align-items:center;
	font-size:14px;
	margin-bottom:15px;
}
.btn-swap-transfer{
	padding:10px;
	border:1px solid #222;
	border-radius:10px;
	width:100%;
	display:block;
	text-align:center;
}
.icon-swap-transfer{
	width:36px;
	height:36px;
	margin:0 auto -30px;
	background:#fff;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#000;
}
.swap-view-grid-03{
	position:relative;
	z-index:-1;
	margin-top:10px;
	padding:10pt;
	background:var(--bg-dark);
	border-radius:15px;
	color:#aaa;	
}
.custom-select-tokens-trade{
	position: relative;
	cursor: pointer;
	width:136px;
}
.selected-item-trade, .dropdown-item-trade {
	display: flex;
	align-items: center;
	padding: 10px 15px;
	border-radius: 25px;
	background-color:var(--bg-dark-blue);
	color:#eee;
	font-size:14px;
}
.dropdown-item-trade{
	border:0;
}
.selected-item-trade img, .dropdown-item-trade img {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
.selected-item-trade .chevron {
	margin-left: auto;
	font-size: 14px; /* Adjust as needed */
	transition: transform 0.3s ease; /* Smooth rotation */
}
/* Rotate chevron when active */
.selected-item-trade.active .chevron {
	transform: rotate(180deg);
}
.dropdown-trade {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index:2;
}
.dropdown-item-trade {
	/*border-top: 1px solid #ccc;*/
	transition:all ease .3s;
	border-radius:0;
}
.dropdown-item-trade:hover {
	background-color: #333;
}