@charset "utf-8";

*{margin:0px; padding:0px;}



html{overflow-x: hidden;}
body{overflow-x: hidden;  margin: 0px; padding: 0px; min-height: 100vh; font-size: 15px; font-family: 'Montserrat', sans-serif; color:#fff; background-color: #181818 ; font-weight: 500;}
a, a:active, a:focus, a:hover {outline: none; box-shadow: none; transition: all 0.5s ease; text-decoration: none;}
button, button:active, button:focus, button:hover {outline: none; box-shadow: none; transition: all 0.5s ease; text-decoration: none;}

body{background: url(../img/body_bg.png) no-repeat center; background-size: cover; min-height: 100vh; background-attachment: fixed;}

.spinner-border.refresh{border: none; height: unset; width: unset;;}
.navbar-toggler:focus {box-shadow: none;}

.btn-primary {
  --bs-btn-color: #000;
  --bs-btn-bg: #28ff2e;
  --bs-btn-border-color: #28ff2e;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #6fa52d;
  --bs-btn-hover-border-color: #6fa52d;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #6fa52d;
  --bs-btn-active-border-color: #6fa52d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #28ff2e;
  --bs-btn-disabled-border-color: #28ff2e;
}

h1, h2, h3, h4, h5, h6{font-family: "Red Hat Text", sans-serif;}

.max-200{max-width: 200px;}
.max-300{max-width: 300px;}
.max-400{max-width: 400px;}
.max-500{max-width: 500px;}
.max-600{max-width: 600px;}
.max-700{max-width: 700px;}
.max-800{max-width: 800px;}
.max-900{max-width: 900px;}
.max-1000{max-width: 1000px;}
.max-1100{max-width: 1100px;}
.max-1400{max-width: 1400px;}
.max-1500{max-width: 1500px;}
.max-1600{max-width: 1600px;}

.fw-400{font-weight: 400 !important;}
.fw-500{font-weight: 500 !important;}
.fw-600{font-weight: 600 !important;}
.fw-700{font-weight: 700 !important;}
.fw-800{font-weight: 800 !important;}
.fw-900{font-weight: 900 !important;}


.fs-7{font-size: .9rem !important;}
.fs-8{font-size: .8rem !important;}
.pointer{cursor: pointer;}

.opacity-10{opacity: .10;}
.opacity-20{opacity: .20;}

.success{color: #59C159;}
.warning{color: #28ff2e;}
.default{color: #cfcfcf;}

.color-6B6B6B{color: #fff;}
.color-59AF99{color: #59AF99;}
.theme_bg{background: #28ff2e; color: #000;}
.bg-E8F3EB{background: #2e2e2e85;}
.bg-F4FEF8{border: 1.3px solid #28ff2e47; background-color: #101010a6 !important;}
.bg-D9EDFF{background: #59803069;}
.bg-FFEDC1{background: #59803069;}
.bg-FCDAD8{background: #28ff2e;}
.bg-D3FFF4{background: #2F2F2F;}
.bg-E9D2FF{background: #E9D2FF;}
.bg-F2F2F2{background: #F2F2F2;}

.bg-E8F3EB .bg-white {border: 1.3px solid #28ff2e47; background-color: #101010a6 !important;}
.bg-D9EDFF .text-dark {color: #fff !important;}
.bg-FFEDC1 .text-dark {color: #fff !important;}
.bg-D9EDFF .text-dark img{filter: sepia(100%) saturate(300%) brightness(100%) hue-rotate(80deg);}
.card-bg {position: relative; border: 1px solid #cccccc29; z-index: 1; border-radius: 15px; box-shadow: 0 24.9px 49.8px -9px #000000a3, 0 3.89px 2.89px -1.95px #0000000a, 0 3.11px 4.67px -1.56px #00000008, 0 9.34px 13.45px -3.11px #00000014, inset 0 -1.56px #0000001a; padding: 25px 15px; position: relative; overflow: hidden;}

.card-bg:before {
    width: 75%;
    height: 100%;
    background: linear-gradient(45deg, black, #2e2e2e);
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    z-index: -1;
    clip-path: polygon(0 0, 100% 0%, 60% 100%, 0% 100%);
}


.min-height-42{min-height: 42px;}
.modal-title{font-size: 18px;}

.icon-200{width: 200px;}
.icon-150{width: 150px;}
.icon-140{width: 140px;}
.icon-130{width: 130px;}
.icon-110{width: 110px;}
.icon-120{width: 120px;}
.icon-100{width: 100px;}
.icon-90{width: 90px;}
.icon-80{width: 80px;}
.icon-70{width: 70px;}
.icon-60{width: 60px;}
.icon-50{width: 50px;}
.icon-40{width: 40px;}
.icon-30{width: 30px;}
.icon-25{width: 25px;}
.icon-20{width: 20px;}
.icon-15{width: 15px;}
.icon-10{width: 10px;}
.icon-light{filter: brightness(0) invert(1);}
.icon-dark{filter: brightness(0) invert(0);}

.fw-semibold {font-weight: 500 !important;}

.theme_color{color: #28ff2e;}
.banner_box{border-radius: 20px; overflow: hidden;}
.banner_box img{width: 100%; border-radius: inherit;}
.slick-dots li button::before{display: none !important;}
.slick-dots li button {border: 1px solid #fff !important; border-radius: 50% !important;}
.slick-dots li.slick-active button{background: #28ff2e; border: 1px solid #28ff2e !important;}
.slick-prev {left: -5px !important;}
.slick-next {right: -5px !important;}
.slick-dots{margin-top: 30px !important;}

header{ z-index: 111; transition: all 0.4s; position: fixed; left: 0; right: 0; top: 0;}
header.menu_fixed{ background: #fff;}
.offcanvas-header .btn-close{filter: brightness(0) invert(1);}

.banner_btm_menu{text-align: center;}
.banner_btm_menu span{height: 70px; width: 70px; padding: 20px; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 2px solid #598030}
.banner_btm_menu span img{width: 100%; filter: brightness(0) invert(1); filter: sepia(100%) saturate(300%) brightness(100%) hue-rotate(80deg);}
.banner_btm_menu p{margin-bottom: 0;  color: #fff;}

header.menu_fixed{background: #1f1f1f;}
.header_icon{width: 50px;}
.header_logo{width: 200px;}
.header-menu{display: flex; list-style: none; gap:25px; margin: 0; padding: 0;}
.header-menu li{font-weight: 500;}
.header-menu li a{color: #000;}
.header-menu li a:hover{color: #28ff2e;}
.header-menu li a.active{color: #28ff2e;}


.header-btn{height: 45px; width: 45px; padding: 12px; display: flex; cursor: pointer; align-items: center; justify-content: center; position: relative; background: #fff; border: none; border-radius: 50%;}
.notification_count{background: #28ff2e; color: #fff; font-size: 10px; height: 18px; width: 18px; display: flex; border-radius: 50%; position: absolute; right: -7px; top: 0px; align-items: center; justify-content: center;}
.header-btn > img{width: 100%;}
.header_padding{ position: relative;}

.header_padding::after {content: ""; height: 100%; position: absolute; width: 100%; left: 0; right:0; background: linear-gradient(0deg, #181818 20%, rgba(0, 0, 0, 0) 100%); bottom: 0;}
.header_padding img{width: 100%;}


.header_inner_padding{padding: 30px;}
.right-menu-list{list-style: none; padding: 0; margin: 0;} 
.right-menu-list li{display: block; margin-bottom: 20px;}
.right-menu-list li:last-child{margin-bottom: 0;}
.right-menu-list li a{color: #fff; display: flex; align-items: center; gap: 15px; font-weight: 500;}
.right-menu-list li a:hover{color: #28ff2e;}
.right-menu-list li a.active{color: #28ff2e;}
.right-menu-list li a span{height: 35px; width: 35px; display: flex; align-items: center; justify-content: center; position: relative; border: 1px solid #fff; border-radius: 50%;}
.right-menu-list li a.active span{ border: 1px solid #28ff2e;}
.right-menu-list li a:hover span{ border: 1px solid #28ff2e;}

.login_logo{width: 250px; margin: auto; display: block;}

.padding_ten{padding: 10px;}
.padding_fifteen{padding: 15px;}
.padding_twenty{padding: 20px;}
.slick-slider .slick-track, .slick-slider .slick-list {padding-left: 0 !important;}
/*Banner*/
.modal .wallet-button{background: #323232;}
.banner_section{padding-top: 80px; padding-bottom: 50px; position: relative; }
.banner_section{background: url(../img/login-bg.png) no-repeat top; background-attachment: fixed; background-size: 100% 100%; min-height: 100vh; }
.banner_content{text-align: center; z-index: 1; position: relative; max-width: 800px; margin: auto; position: absolute; left: 0;  right: 0;  top: 0;}
.banner_content h1{font-size: 55px;}

.heading_text h2{font-size:40px; color: #28ff2e; font-weight: 600;}
.heading_text p{margin-bottom: 0px; opacity: .7;}
.heading_middle{max-width: 800px; margin: auto; text-align: center;}

.border_box{border: 1.3px solid #28ff2e47; background-color: #101010a6;}
.slick-slide .border_box{margin: 0px 7px;}

.step_no{margin-bottom: 0; z-index: -1; position: relative; line-height: 68px; font-size: 100px; opacity: .1; font-weight: 600;}

.nft-profile-img{height: 50px; width: 50px; border-radius: 50%;}

.discover_card_bg{background: #353535; margin: 0px 10px; padding: 10px; border-radius: 15px;}
.discover_collection_image{width: 100%; border-radius: 10px; margin-bottom: 7px;}
.discover_collection_button{padding: 14px; border-radius: 10px; color: #fff; font-weight: 400; font-size: 22px; text-align: center;}
.discover_theme_one{background: #51BEED;}
.discover_theme_two{background: #7CA0EA;}
.discover_theme_three{background: #D532B1;}
.discover_theme_four{background: #6B8197;}
.discover_card_small_icon{height: 45px; width: 45px; border-radius: 25px;}
.discover_card_small_text{font-weight: 500; font-size: 15px; margin: 0px; color: #fff; display: flex; align-items: center; justify-content: center; gap: 5px;}
.discover_card_small_text span img{width: 15px;}

.all-button{color: #fff; border: 2px solid #28ff2e; background: #28ff2e52; border-radius: 25px;  text-align: center; display: inline-block;  padding: 10px 25px; }
.all-button:hover {background: #000;}
.all-button.border-btn{background: #000;}
.all-button.border-btn:hover{background: #28ff2e52;}

.sm_dark_btn{background: #434343; color: #E2E2E2; border: none; padding: 6px 10px; font-size: 13px; border-radius: 5px;}
.offset-left {margin-left: calc((100% - 1320px)/2);padding: 0 15px;}
.offcanvas {background: #1a1919;}

.stake-button.bg-danger {border: 2px solid #dc3545 !important}
.stake-button.bg-success {border: 2px solid #198754 !important}

.reserve_gradient_bg{padding: 2px; background-image: linear-gradient(to right, #FF9999 , #FFB363, #EFB614); border-radius: 15px;}
.reserve_inner_bg{background: #000; padding: 50px; border-radius: 12px; overflow: hidden;}
.reserve-img{max-width: 450px; position: relative; z-index: 1; margin: auto; display: block;}
.shadow_one {width: 150px; height: 220px; border-radius: 50%; background: #28ff2e; opacity: 0.9; filter: blur(90px); position: absolute; left: 70px; bottom: 104px; z-index: 1;}
.shadow_two {width: 150px; height: 220px; border-radius: 50%; background: #EFB614; opacity: 0.7; filter: blur(90px); position: absolute; right: 89px; top: 21px;}
.bg-dark {background-color: rgb(39, 38, 38) !important;}
/*Reserve Section*/

.promotion_bg{background: url(../img/box-bg.png) no-repeat  center; background-size: cover; border: 1.3px solid #28ff2e47; border-radius: 20px; overflow: hidden;}
.badge-text{font-size: 45px; font-weight: 700;}
.badge-text img{width: 110px;}

.trading-nft-box{border: 1.3px solid #28ff2e57;  background-color: #101010a6; margin: 0px 8px; border-radius: 20px; overflow: hidden;}
.trading-nft-box-two{background: #1d1d1d url(../img/box-bg.png) no-repeat center;
    background-size: cover;
    border: 1.3px solid #28ff2e47; border-radius: 20px; overflow: hidden; padding: 8px;}
.trading-nft-box-two .background2 {background: #0E0E0E69;}
.trading-nft-box-two .background1 {background: #0E0E0E69;}

.trading-nft-box .background2 {background: #0E0E0E69;}
.trading-nft-box .background1 {background: #0E0E0E69;}



.trading-nft-img{width: 100%;}
.trading-nft-img-two{width: 100%; border-radius: 15px;}
.trading-nft-coin{width: 20px;}
.trading-nft-coin_two{width: 19px;}
.trading-nft-label{border-radius: 50%; width: 70px; height: 70px; margin-top: -45px; border: 3px solid #fff;}
.fixed-price-btn{color: #B7B7B7; background: transparent; border: 1px solid #ECECEC; padding: 6px 12px; font-size: 14px; border-radius: 7px;}
.trading-nft-box h5{font-size: 15px; width: 100%; word-wrap: anywhere;}
.trading-nft-box-two h5{font-size: 14px;}
.owl-stage{padding-left: 0 !important;}
.owl-dots{display: none;}


/*Reserve Section*/

.tradingview-widget-copyright{display: none !important;}

/*Wallet Section*/

.wallet_Heading_bg{background-image: linear-gradient(#FFB363, #E08714); border-radius: 20px; padding: 20px;}
.all_heading h2{font-weight: 600; font-size: 32px; color: #fff; margin: 0px;}
.all_heading p{font-weight: 500; font-size: 16px; color: #fff; margin: 0px;}
.Wallet_heading{font-weight: 500; font-size: 30px; color: #000; margin: 0px;}
.wallet_amount_bg{background: #FAFCFF; border:1px solid #BFBFBF; border-radius: 14px; padding: 10px;}
.wallet_usdt_icon{width: 30px; margin-right: 10px;}
.wallet_usdt_text{font-weight: 500; font-size: 18px; color: #000; margin: 0px;}
.wallet_earning_bg{padding: 10px 25px; border-radius: 10px;}
.wallet_earning_bg_one{background: #D3FFF4;}
.wallet_earning_bg_two{background: #E9D2FF;}
.wallet_earning_bg_three{background: #B8EBEC;}
.wallet_earning_text{font-weight: 500; font-size: 16px; color: #2E2E2E; margin: 0px;}
.wallet_usdt_icon_small{width: 15px; margin-right: 10px;}
.wallet_usdt_text_small{font-weight: 500; font-size: 14px; color: #000; margin: 0px;}
.wallet_select {appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: #EBEBEB; border: 1px solid #BFBFBF; border-radius: 10px; padding: 8px 40px 8px 22px; font-size: 15px; color: #000; width: 100%; background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewBox="0 0 10 5"><path fill="black" d="M0 0l5 5 5-5z"/></svg>'); background-repeat: no-repeat; background-position: right 10px center; background-size: 12px; cursor: pointer; }
.wallet_select:focus {outline: none; }
.wallet_info_icon i{color:#737475; font-size: 20px; margin-left: 20px;}
.wallet_amount_bg_two{background: #FAFCFF; border:1px solid #BFBFBF; border-radius: 14px; padding: 18px;}
.wallet_setting_bg{background: #fff; border: 1px solid #B9B9B9; border-radius: 10px; padding: 10px 15px; box-shadow:1px 2px 5px 0px rgba(0, 0, 0, 0.2);}
.wallt_deposit_icon_bg{background: #959595; height: 32px; width: 32px; border-radius: 8px; margin-right: 15px; padding: 6px;}
.wallt_deposit_icon{width: 20px; margin: auto;display: block;}


.wallet-button{text-align: center; color: #fff; background: #000; border: 2px solid #28ff2e; display: inline-block; padding: 10px 25px; font-weight: 500; border-radius: 999px; cursor: pointer; transition: all 0.3s ease; }
.wallet-button:hover {background: #28ff2e52;}

.stake-button{border: none; text-align: center; background: #000; color: #fff; border: 2px solid #28ff2e; display: inline-block; padding: 10px 25px;  font-weight: 500; border-radius: 999px; cursor: pointer; transition: all 0.3s ease; }
.stake-button:hover {background: #28ff2e52;}

.footer_logo{max-width: 220px;}
.footer_hrading h4{font-weight: 700; font-size: 22px; color: #fff;}


.footer_menu{list-style: none; margin: 0; padding: 0;}
.footer_menu li{display: block; margin-bottom: 8px;}
.footer_menu li:last-child{margin-bottom: 0;}
.footer_menu li a{color: #CDCDCD; display: block;}
.footer_menu li a:hover{color: #28ff2e;}
.footer_content{position: absolute; z-index: 11; left: 0; right: 0; top:80px}


.footer_search{ display: flex; background-color: #fff; border-radius: 999px; padding: 5px; max-width: 400px; overflow: hidden;}
.footer_search input[type="email"] { border: none; outline: none; padding: 10px 15px; flex: 1; font-size: 14px; border-radius: 999px 0 0 999px; color: #555; }
.footer_search button {background-color: #28ff2e; color: #fff; border: none; padding: 10px 20px; border-radius: 999px; font-weight: 500; font-size: 14px; cursor: pointer; transition: background 0.3s; }
.footer_search button:hover { background-color: #e69313; }

.mobile-footer{display: none; z-index: 11; background: #fff; gap:10px; position: fixed; left: 0; right: 0; bottom: 0; box-shadow: 10px 10px 10px 10px #ccc; padding: 10px;}
.mobile-footer a{color: #696969; flex-grow: 1; text-align: center; border-radius: 20px; padding: 5px;}
.mobile-footer a.active{background: #E38C1C;color: #fff;}

/*Footer*/

.nav .nav-link{color: #fff; font-weight: 500;}

.tab1-style .nav-link{border-radius: 50px; border: 2px solid transparent;}
.tab1-style .nav-link.active{color: #fff; border: 2px solid #28ff2e; background: transparent;}

.tab3-style .nav-link{border-bottom: 3px solid transparent; border-radius: 0 !important;}
.tab3-style .nav-link.active{color: #fff;  border-bottom: 3px solid #28ff2e; background: transparent;}

.tab2-style{overflow: hidden; background: #383838; border-radius:10px;}
.tab2-style .nav-link{border-radius: 0;}
.tab2-style .nav-link.active{color: #000;  background: #28ff2e;}

.reserve-padding-r{padding-right: 50px;}

.digital_colck_box{
	max-width: 600px;
	text-align: center;
	background: #222;
	background-image: -webkit-linear-gradient(top, #222, #333, #333, #222); 
	background-image:    -moz-linear-gradient(top, #222, #333, #333, #222);
	background-image:     -ms-linear-gradient(top, #222, #333, #333, #222);
	background-image:      -o-linear-gradient(top, #222, #333, #333, #222);
	border: 1px solid #111;
	border-radius: 5px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
	margin: auto;
	padding: 20px 0;
	position: relative;
 
}

.digital_colck_box:before{
	content:"";
	width: 8px;
	height: 65px;
	background: #444;
	background-image: -webkit-linear-gradient(top, #555, #444, #444, #555); 
	background-image:    -moz-linear-gradient(top, #555, #444, #444, #555);
	background-image:     -ms-linear-gradient(top, #555, #444, #444, #555);
	background-image:      -o-linear-gradient(top, #555, #444, #444, #555);
	border: 1px solid #111;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	display: block;
	position: absolute;
	top: 48px; left: -7px;
}

.digital_colck_box:after{
	content:"";
	width: 8px;
	height: 65px;
	background: #444;
	background-image: -webkit-linear-gradient(top, #555, #444, #444, #555); 
	background-image:    -moz-linear-gradient(top, #555, #444, #444, #555);
	background-image:     -ms-linear-gradient(top, #555, #444, #444, #555);
	background-image:      -o-linear-gradient(top, #555, #444, #444, #555);
	border: 1px solid #111;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	display: block;
	position: absolute;
	top: 48px; right: -7px;
}

.digital_colck_box .tiles{
text-align: center;

}

.digital_colck_box .clock_box p{margin-bottom: 0; margin-top: 5px;}
.digital_colck_box .clock_box{margin: 0 8px;
	width: 90px;
}
.digital_colck_box .clock_box span{
	color: #111; font-size: 40px; font-weight: 700;
	  background-image: linear-gradient(180deg, #c1fdbd, #28ff2e);
  background-size: 200% 100%;
	border-radius: 3px;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);

	padding: 0px 0;
	display: block;
	position: relative;
}
.progress-bar.bg-success{background: #28ff2e !important;}

.table_select [type=checkbox] {
  width: 1.5rem;
  height: 1.5rem;
  color: #28ff2e;

  -webkit-appearance: none;  background: none;  border: 0;  outline: 0;  flex-grow: 0;  border-radius: 5px;  background-color: #656464;  cursor: pointer;}

.table_select [type=checkbox]::before {content: "";color: transparent;  display: block;  width: inherit;  height: inherit;  border-radius: inherit;  border: 0;  background-color: transparent;  background-size: contain;  box-shadow: inset 0 0 0 1px #656464;}
.table_select [type=checkbox]:checked {background-color: currentcolor;}
.table_select [type=checkbox]:checked::before {
  box-shadow: none; filter: brightness(0) invert(0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");
}
.table_select tr{vertical-align: middle;}
.table_select_active{background: #28ff2e57;}
.table_select_active:hover{background: #28ff2e57;}

.table_veg_icon{width: 40px; height: 40px; border-radius: 50%;}

.reserve-box{border: 1.3px solid #28ff2e82; background-color: #101010a6; border-radius: 10px; padding: 20px 20px; }
.reserve-box .text-dark{color: #fff !important;}
.res-icon{width: 40px; margin-bottom: 10px;}
.card-border{border: 1.3px solid #28ff2e82; background-color: #101010a6;}
.dropdown-menu {background: #101010a6;}
.dropdown-item{color: #fff; border-radius: 8px; font-size: 14px;}
.dropdown-item:focus, .dropdown-item:hover{color: #28ff2e; background-color: #282828;}

.account-user-icon{height: 90px; width: 90px; border-radius: 50%;}
.message_box{background: #E5E5E5; padding: 15px 25px; margin-bottom: 10px; border-radius: 10px;}
.message_box:last-child{margin-bottom: 0;}
.message_box:hover{background: #fff;}
.rws-header{display: none !important;}
.rws-icons {grid-template-columns: repeat(6,1fr) !important; grid-gap: 1rem !important;}
.table > :not(caption) > * > * {padding: .9rem .7rem;}
.modal-content{background:#323232;}
.text-muted {color: rgba(251, 251, 251, 0.95) !important;}
.modal-header{border-bottom: 1px solid #cccccc12;}
.modal-footer{border-top: 1px solid #cccccc12;}
.modal-header .btn-close{filter: brightness(0) invert(1);}
.form-control:focus{box-shadow: none;}

.login-form-box{max-width: 500px; z-index: 11; position: relative; margin: auto; background: #2B2B2BD4; padding: 25px; border-radius: 10px;}
.login-form-box.register-form-box{max-width: 700px;}
.form-control, .form-select{padding: 10px 18px; font-size: 15px; border: 1.5px solid #494949; background-color: #323232; color: #fff;}
.form-control::placeholder, .form-select::placeholder {color: #ffffffb8; }
.form-control:focus, .form-select:focus{box-shadow: none; border-color: #598030; background-color: #323232; color: #fff;}
.form-control:disabled{border: 1.5px solid #494949; background: #323232; color: #fff;}
.form-select{background: url(../img/down-arrow.png) no-repeat; background-position: right .75rem center; background-size: 11px 7px;}

.table {  font-size: 15px;
  --bs-table-color: #f7f7f7;
  --bs-table-bg: none;
  --bs-table-border-color: #dee2e629;
  --bs-table-hover-bg: rgba(176, 163, 163, 0.14);
  --bs-table-hover-color: #d0cdcd;
}
.table_scroll_height{height: 400px; overflow-x: auto;}
input:-internal-autofill-selected {background: #494949;}
.text-primary {color: #28ff2e !important;}

.form-select:disabled{ border: 1.5px solid #598030; background: #494949;}
.eye_show_box{position: absolute; right: 20px; top:14px; cursor: pointer;}
label{font-size: 14px;}

.form-check-input:checked { background-color: #598030; border-color: #598030;}
.form-check-input:focus{box-shadow: none;}
.form-check-input {border: var(--bs-border-width) solid #9d9d9d;}
@media (min-width: 992px) {
  .modal-md { --bs-modal-width: 600px;}
}
.paymentGatewayLogo{width: 150px;}
b, strong {font-weight: 600;}
.active > .page-link, .page-link.active {background-color: #28ff2e; color: #000; border-color: #28ff2e;}
.page-link {color: #000;}
.page-link:focus {box-shadow:none; color: #000;}
.wallet-button.btn-sm { padding: 7px 20px; font-size: 14px; border-radius: 5px;}

.required{color: #ac0e0e;}

.slick-dots{position: unset !important;}
.slick-slider .trading-nft-box-two{margin: 0px 5px;}
.rd3t-link {stroke: #ffffff5c !important;}
.rd3t-node {fill: #fff !important;  stroke: none !important;}
.rd3t-leaf-node {stroke: unset !important;}

.table tr th{font-weight: 500;}
.spinner-border {
  --bs-spinner-width: 1.3rem;
  --bs-spinner-height: 1.3rem; border: var(--bs-spinner-border-width) solid #28ff2e;
  border-right-color: transparent;
  --bs-spinner-border-width: 0.15em;
}
.form-range:disabled::-moz-range-thumb {background-color:#42903B;}
.form-range::-moz-range-thumb {background-color:#42903B;}
.form-range:focus::-moz-range-thumb{box-shadow: none !important;}
.form-range{ height: 10px; background-color: #fff; border-radius: 20px;}
.form-range::-webkit-slider-thumb { -webkit-appearance: none;
  border-radius: 50%;
  background: #42903B;
  cursor: pointer;
  height: 18px; width: 18px;
}
.small_btn{padding: 8px 28px; font-size: 15px;}


.login-content {max-width: 550px ;margin: auto; border-radius: 12px;}
.login-content .login-content-bg{background: #36363653; padding: 30px; border-radius: inherit;}
.login-content.register-content{max-width: 650px ;}

body,html {
--sb-track-color: var(--bs-secondary);
--sb-thumb-color: #ccc;
--sb-size: 4px;
}
::-webkit-scrollbar {
width: var(--sb-size)
}
::-webkit-scrollbar-track {
background: var(--sb-track-color);

}
::-webkit-scrollbar-thumb {
background: var(--sb-thumb-color);
border-radius: 3px;
}


.toggle-sidebar{background: #000; color: #fff; border: none; padding: 5px 10px; border-radius: 5px;}
.bot-message { display: flex;justify-content: start;flex-direction: column; gap: 2px;}
.bot-message img{width: 100px;}
.bot-message-text {width: fit-content; margin-bottom: 5px; border-radius: 0px 10px 10px 10px; padding: 0.5rem; background: #ffffff0f; font-size: 13px;}
.bot-message-text span{display: block; color: #28ff2e; margin: 0 !important; margin-top: 5px !important; position: unset !important; padding: 0 !important;}

.user-message { display: flex;justify-content: end;gap: 2px;}
.user-message img{width: 100px;}
.user-message-text {width: fit-content; margin-bottom: 5px; border-radius: 10px 0px 10px 10px; padding: 0.5rem; background: #ffffff0f; font-size: 13px;}
.user-message-text span{display: block; color: #28ff2e; margin: 0 !important; margin-top: 5px !important; position: unset !important; padding: 0 !important;}


.chat-msg-box-shadow{height: 322px; overflow-x: auto;}
.chatListM_bg {background: #fff; border: 1px solid rgba(29, 29, 29, 0.1); cursor: pointer; padding: 10px; border-radius: 10px; margin-bottom: 10px;}
.chatListM_bg.chatListM_bg_active{background: #e3e3e3;}
.chat-input {display: flex;gap: 6px;}
.chat-input-input {flex-grow: 1; flex-shrink: 1; border: 2px black; border-radius: 5px; padding: 5px;}
.chat-input-button {background: #333336;color: white;padding: 8px 20px; cursor: pointer; border: 0;}
.chat-input-button:hover {background: #333336;}
.chatBox {height: 70vh; display: flex;}
.chatRaise {justify-content: flex-end; display: flex;}
.chat_ticket_h{height: 350px; overflow-x: auto;}
.chatRaiseM {display: none; justify-content: flex-end; display: flex; margin: 5px;}
.chatHead {display: none;}
.chatListM {display: block;opacity: 1;}
@media only screen and (max-width: 990px) {
  .chatListM {background: #fff;}
  .card-task .emoji-task {display: block; gap: 5px; font-size: 15px; align-items: baseline;}
  .banner_graph {height: 100%;}
  .chatMsgM {width: 100% !important;}
  .chatRaise {display: none !important;}
  .chatRaiseM {display: block !important}
  .chatHead {display: flex !important; justify-content: space-between; align-items: center;}
}
.user-message-text img{width: 60px; border-radius: 10px;}
/* .user-message > div{background: #fff; box-shadow: 0px 0px 4px 1px #ccc; display: inline-block; padding: 10px 20px; border-radius: 10px;} */
.user-message-text {display: block; color: #fff;}
.user-message{margin-bottom: 10px; color: #fff;}
.chatMsgM{height: 500px; color: #fff;}
.user-message img{width: 120px;}
.ticket_box{background: #292828; margin-bottom: 5px; cursor: pointer; border-radius: 10px;  padding: 10px 10px;  font-size: 13px;}
.ticket_box_height{height: 400px; overflow-x: auto;}


.overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000000;}
.overlay .overlayDoor:before, .overlay .overlayDoor:after {content: ""; position: absolute; width: 50%; height: 100%; background: #1f1f1f; transition: 0.5s; transition-delay: 0.8s; }
.overlay .overlayDoor:before {left: 0; }
.overlay .overlayDoor:after {right: 0;}
.overlay.loaded .overlayDoor:before {left: -50%;}
.overlay.loaded .overlayDoor:after {right: -50%;}
.overlay.loaded .overlayContent {opacity: 0; margin-top: -15px;}
.overlay .overlayContent {position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;	transition: 0.5s}
.overlayContent img{width:200px;}