@charset "utf-8";

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


html{overflow-x: hidden;}
body{overflow-x: hidden; font-size: 15px;  color:#fff; font-family: "Poppins", sans-serif; background-color: #000000 ; font-weight: 400;}
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;}
.container{max-width: 1300px;}

.navbar-toggler:focus {box-shadow: none;}
.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: #000000; 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:150px;}

.btn_style{display: inline-block; padding: 1.5px; background-size: 200% 100%; font-weight: 500; transition: all .5s; color: #000;  border: none;  border-radius: 10px; background-image: linear-gradient(to right, #B16E2E 0%, #F8D163 51%, #B16E2E 100%);}
.btn_style:hover{background-position: 100% 0; color: #000;}
.btn_style > span{padding: 10px 15px; text-align: center; display: block; background: #000; color: #fff; border-radius: inherit;}

header {border-bottom: 1px solid #FFFFFF29; padding: 10px 0px; left: 0; right: 0; top:0; z-index: 111; backdrop-filter: blur(16px); position: fixed; background: rgba(12, 12, 12, 0.70);}
.header_padding{padding-top: 70px;}
.navbar-brand {margin-right: 0px; padding-top: 0px; padding-bottom: 0px;}
.header_logo{width: 180px;}
.navbar-nav .nav-item .nav-link{color: #fff; font-weight: 500; }
.navbar-nav .nav-item .nav-link:hover{color:#F8D163;}
.navbar-nav .nav-item .nav-link.active{color:#F8D163;}
.navbar-nav .nav-item{margin-left: 10px;}
.navbar-collapse {flex-grow: unset;}
.navbar {padding: 0px;}
.navbar-toggler {border: none; padding: 0;}
.navbar-toggler-icon{filter: brightness(0) invert(1);}


.point_list {list-style: none; margin: 0; padding: 0;}
.point_list > li {position: relative; padding-left: 30px; margin-bottom: 10px;}
.point_list > li:last-child{margin-bottom: 0;}
.point_list > li:before {content: ""; position: absolute; left: 0px; width: 20px; height: 20px; border-radius: 100%; background: url(../img/check-round.png) no-repeat center; background-size: cover;}


.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-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;}

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

.pointer{cursor: pointer;}

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

.heading_text{display: block;}
.heading_text h2{font-size:40px; font-weight: 600;}
.heading_text h2 span{color: transparent; -webkit-text-stroke: 1px #fff;}
.heading_text p{margin-bottom: 0px;}
.heading_middle{max-width: 900px; margin: auto; text-align: center;}
.heading_width{max-width: 800px;}

.inner_banner{background: url(../img/inner_banner_bg.png) no-repeat bottom; background-size: cover;}
b, strong {
  font-weight: 600;
}
.heading_box{backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 20px;
  background-color: hsla(0,0%,100%,.05);
  border: 2px solid hsla(0,0%,100%,.2);
  padding: 30px 20px;}
.banner_section{padding-top: 70px; min-height: 100vh; padding-bottom: 40px; z-index: 1; position: relative; }
.banner-img{max-width: 220px; animation: animate-1 15s linear 0s infinite; margin: auto; display: block;  position: relative;}
.banner-img img{width: 100%;}
@keyframes animate-1 {
  0%, 100% {
    transform: translateY(0vh) translateX(0vmin);
  }
  50% {
    transform: translateY(-1.5vh) translateX(5vmin);
  }
}

.token-flip{animation-timing-function: ease-in-out;
  animation-duration: 3s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-name: flip-r;}
  @keyframes flip-r {
    0% { transform: perspective(400px) rotateY(0); }
    100% { transform: perspective(400px) rotateY(180deg); }
  }


.banner_content{text-align: center; z-index: 1; position: relative;}
.banner_content h1{font-size: 50px; font-weight: 600; background-image: linear-gradient(to right, #fff 0%, #F8D163 51%, #B16E2E 100%);
-webkit-text-fill-color: transparent;
  background-clip: text;
  -webkit-background-clip: text;}
.banner_content p{font-size: 20px; margin-bottom: 0; }

.inner_banner_content h1{font-size: 70px; font-weight: 600;}
.inner_banner_content h2{font-size: 25px; margin-bottom: 0; background-image: linear-gradient(105.76deg, rgb(241, 145, 250) -46.96%, rgb(131, 227, 240) 99.99%);
  background-blend-mode: normal;
  background-clip: text;
  -webkit-text-fill-color: transparent;}

.banner_content_text{max-width: 400px; position: absolute; right: 2px; bottom: 70px;}

.lien_shap_bg{min-height: 1500px; background: url(../img/lien-shap.png) no-repeat top; background-size: cover ; }
.gradient_bg{color: #000; background-image: linear-gradient(to right, #B68FB8 0%, #9196D9 51%, #53BED6 100%);}
.bg-0f0f0f{background: #0f0f0f;}
.box-border{border: 1px solid #00000052;}

.lien-1-position{position: absolute; top: -233px; z-index: -1; max-width: none; max-height: 200%; right:0}

.input-group .bg-dark {border: 2px solid !important; border-right: none !important;
  border-color: rgb(61, 61, 61) !important;
  background-color: #212121 !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.progress-bar {background-color: #C79F30;}
.progress, .progress-stacked {--bs-progress-bg: #ffffff52;}
.square_box_bg{background-color: #0f0f0f; border-radius:1.45rem; overflow: hidden; position: relative;}
.success-box-shadow {width: 5rem; height: 5rem; border-radius:100%;background-color: #ce8f1f;position: absolute;z-index: 1; filter: blur(50px); -webkit-filter:blur(50px); opacity: .75;}
.success-box-shadow.left {left: -5px; top: -5px;}
.success-box-shadow.right {right: -5px;bottom: 3rem;opacity: .4;}

.token_text{color: transparent; letter-spacing: 2px; -webkit-text-stroke: 1px #fff; font-size: 100px; text-align: center;}

.Future_with_ai{padding: 1em; border-radius: 15px; background-color: transparent; background-image: linear-gradient(180deg, #0f0f0fdb 0%, #0c0c0c 100%);}
.Future_with_ai_bg{padding: 1.5em; border-radius: 15px; background-color: transparent; background-image:linear-gradient(180deg, #1e1d1ded 0%, #131313d9 100%);}
.Future_with_ai img{width: 30px; margin-bottom: 20px;}
.Future_with_ai h4{font-size: 17px; border-bottom: 1px solid #cccccc1a; padding-bottom: 20px; margin-bottom: 15px;}
.Future_with_ai  p{margin-bottom: 0px; opacity: .75;}

.about_list{list-style: none; display: flex; gap:15px; flex-wrap: wrap; justify-content: center; padding: 0px; margin: 0px;}
.about_list li{padding-right: 15px; padding-left: 30px; position: relative;}
.about_list li::before{content: "\f26b"; color: #fff; font-family: bootstrap-icons !important; position: absolute; left: 0; top: 0px;}

.accordion-item {text-align: left; overflow: hidden; margin-bottom: 15px; position: relative; width: 100%;  display: block;  border-radius: 15px !important;  color: #ADADAD;}
.accordion-item{border: 2px solid hsla(0,0%,100%,.2) !important; backdrop-filter: blur(10px); background-color: #0f0f0fcc;}
.accordion-button {background: transparent !important; font-size: 16px; font-weight: 500; text-align: left; color: #fff; display: block; width: 100%; border: none !important;  padding: 20px; padding-right: 34px;}
.accordion-button::before {font-family: bootstrap-icons !important; position: absolute; right: 15px; top: 19px;}
.accordion-button.collapsed::before {content: "\f282";}
.accordion-button::before {content: "\f286";}
.accordion-body{border-top: 2px solid hsla(0,0%,100%,.2) !important}
.accordion-collapse{padding-top: 0;}
.accordion-button:not(.collapsed) {color: #fff;}
.accordion-item:last-child{border-bottom: none;}
.faq_box{max-width: 1100px; margin: auto;}
.accordion {--bs-accordion-border-color: none;}
.accordion-button:focus {box-shadow: none;}
.accordion-body p:last-child{margin-bottom: 0;}
.set_up_wallet{ background: #0f0f0f; padding: 20px; border-radius: 10px;}
.set_up_wallet:hover {background-image: linear-gradient(to right, #B16E2E 0%, #F8D163 51%, #B16E2E 100%); background-size: 200% 100%; color: #000;}
.set_up_wallet h3{font-weight: 500; display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.set_up_wallet h4{margin-bottom: 0; text-transform: uppercase; opacity: .75; font-size: 15px;}

.modal .set_up_wallet {background-image: linear-gradient(to right, #B16E2E 0%, #F8D163 51%, #B16E2E 100%); background-size: 200% 100%; color: #000;}
.search_btn_p{border: none; padding: 0; background: transparent; position: absolute; right: 15px; top: 0; bottom: 0; font-size: 20px;}

.table > thead {border-bottom: 1px solid #ffffff1a;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border: 1px solid #F8D163; background-image: linear-gradient(to right, #B16E2E 0%, #F8D163 51%, #B16E2E 100%); background-size: 200% 100%;}
.nav-tabs .nav-link {color: #fff; border-radius: 5px; font-weight: 500; background: transparent;border: 1px solid #fff;}
.nav-tabs {border-bottom: transparent; }
.dark .nav-tabs .nav-link {color: #bdbdbd;}
.table thead th {background: #1e1e1e; font-weight: 500; padding: 14px 10px; color: #fff;} 
.table td{border-bottom: 1px solid #ffffff1a; color: #fff; background: transparent; border-top: none;}
.table th {border-top: none;}
.table {border-collapse: separate; color: #fff; border-spacing: 0px 5px;}
.teble-box tbody tr{background: #202020;}
.teble-box tbody tr:nth-of-type(2n+1) {background-color: #131313;}

.loader-container {width: 100vw; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1111; height: 100vh; display: flex; justify-content: center; align-items: center; background: #20202096;}
.page_loader {display: block;z-index: 99; margin-left: auto; margin-right: auto; width: 40px; height: 40px; border: 3px solid #fff; border-radius: 50%; animation: spin 7s ease-in-out; animation-iteration-count: infinite; transition-duration: 0.1s;}
.page_loader:hover {scale: 0.95;}
.page_loader:active {scale: 2.5;}
@keyframes spin {
  0% {
    transform: rotate(0deg);
    border-bottom: solid 3px transparent;
    border-top: solid 3px transparent;
  }
  50% {
    transform: rotate(1800deg);
    border: 3px solid #F8D163;
    border-left: solid 3px transparent;
    border-right: solid 3px transparent;
  }
  100% {
    transform: rotate(0deg);
    border-bottom: solid 3px transparent;
    border-top: solid 3px transparent;
  }
}

.trx_btn{display: flex; flex-wrap: wrap; margin: 0; gap: 9px; padding: 0px; overflow: hidden; list-style: none;}
.trx_btn li{display: block;}
.trx_btn li button{display: block; width:100%; padding: 9px 12px; text-align: center; border-radius: 5px; background: transparent; color: #000; border: 2px solid rgb(61, 61, 61);}
.trx_btn li button:hover{background: #0000005e;}
.trx_btn li button.active{background: #0000005e;}

.modal .presaleInput, .bg-0f0f0f .presaleInput{background: #212121;}
.modal .presaleInput::placeholder, .bg-0f0f0f .presaleInput::placeholder{color: #fff;}
.text-danger {color: rgb(168, 23, 36) !important;}


.modal .input-group{flex-wrap: nowrap;}

.gradient_bg  .point_list > li::before{filter: brightness(0) invert(0);}

.presaleInput::placeholder{color: #000; opacity: .5;}
.presaleInput{border: 2px solid rgb(61, 61, 61);  width: 100%; color: #000; background: #53515147; padding: 10px 12px; border-radius: 5px; outline: none;}
.not-found-img{display: block; margin: auto; margin-bottom: 10px; width: 120px;}
.home-banner-video { width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; object-fit: cover; z-index: -1;}
.home-banner-video video.bg-video { width: 100vw; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: 0;}
.video-color-filter, .video-color-filter-1 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.video-color-filter {background: #965604; mix-blend-mode: hue;}
.video-color-filter-1 { background: linear-gradient(0deg,#000,#000 26%,rgba(6,5,12,0) 96%);}

.section-shap{max-width: 600px; position: absolute; top: -5%; left: -2%; z-index: -1;}
.section-shap.shap-right{left: unset; right: -2%;}
.section-shap.shap-right-b{top: unset; bottom: 0%; left: unset; right: -2%;}

.roadmap-icon {display: flex; padding: 17px; width: 60px; height: 60px; border-radius: 100%; align-items: center; justify-content: center; position: relative;}
.roadmap-icon img{width: 100%;}
.roadmap-icon:before {content: ""; background: linear-gradient(135deg, #b78932 0%, #F8D163 100%); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 100%;}
.roadmap-icon:after {content: ""; background: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 5px); height: calc(100% - 5px); border-radius: 100%;}
.roadmap-icon img {position: relative; z-index: 1; filter: brightness(0) invert(1);}

.theme_color {color: #F8D163;}

.roadmap-content {margin-bottom: 20px; backdrop-filter: blur(20px); border-radius: 15px; background-color: hsla(0,0%,100%,.05); border: 2px solid hsla(0,0%,100%,.2); padding: 30px 30px; position: relative;}
.roadmap-content ul li {padding-bottom: 20px; list-style: none; position: relative;}
.roadmap-content ul li:last-child {padding-bottom: 0;}
.phase-title {font-size: 15px;  display: block; position: relative;}
.roadmap-content ul li:last-child:before {content: unset;}
.phase-title:before {content: ""; border-color: #F8D163; position: absolute; top: 1px; left: -40px; width: 20px; height: 20px; border: 1px solid; border-radius: 100%;}
.phase-title:after {content: ""; background: #F8D163; position: absolute; top: 6px; left: -35px; width: 10px; height: 10px; border-radius: 100%;}
.roadmap-content:before {content: ""; z-index: -1; position: absolute; top: -30px; left: 29px; width: 2px; height: 27px; border-left: 2px dashed; border-color: #F8D163;}
.roadmap-content ul li:after {content: ""; background: #F8D163; position: absolute; top: 11px; left: -20px; width: 12px; height: 1px;}
.roadmap .patter {position: absolute; top: 0; left: 0; opacity: 0.02;}
.roadmap .patter-2 {top: unset; left: unset; right: 0; bottom: 0;}
.roadmap-content ul{margin: 0; }
.roadmap-content ul li::before {content: ""; position: absolute; top: 25px; left: -31px; width: 2px; height: calc(100% - 28px); border-left: 2px dashed; border-color: #F8D163; border-left-color: currentcolor;}

.roadmap-logo-middle{max-width: 400px; margin: auto; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: .5;}
.rotating-image {animation: img-spin 10s infinite linear;}
 @keyframes img-spin {
      from {
        transform: rotate(0deg);
      }
      to {
        transform: rotate(360deg);
      }
    }

.heading_box_border{position: relative;}
.heading_box_border::before{content: ""; width: 100%; height: 2px; background: radial-gradient(circle at center,#B16E2E 0,#F8D1634A 70%,transparent 100%); position: absolute; bottom: 0%; left: 50%; transform: translate(-50%,2%);}

.sub-menu--item{display: flex;  color: #fff; gap:15px; align-items: center; position: relative;  border-radius: 10px; background: #0f0f0f;  padding: 15px;}
.sub-menu--item:hover{background-image: linear-gradient(to right, #B16E2E 0%, #F8D163 51%, #B16E2E 100%);
  background-size: 200% 100%;  color: #000;}

.sub-menu--item::before{content: "\f285"; font-size: 13px; transition: 0.2s linear; opacity: 0; position: absolute; font-weight: 600;  right: 10px;  color: #000; font-family: bootstrap-icons !important;}
.sub-menu--item:hover::before{opacity: 1;}
.sub-menu--item img{width: 25px; filter: brightness(0) invert(1);}
.sub-menu--item:hover img{filter: brightness(0) invert(0);}
.sub-menu--item h6{ font-size: 15px; margin-bottom: 10px; font-weight: 700;}
.sub-menu--item p{margin-bottom: 0px;  opacity:.75;}

.road_map_outer h5{color: #fff; font-weight: 600; margin-bottom: 30px;}
.road_map_box{border-top: 2px dashed #e5b755; margin-bottom: 20px; padding: 30px;position: relative;}
.road_map_box::before{content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background-image:linear-gradient(to top, #06061000 0%, #bc7e36 51%, #e5b755 100%); background-size: 200% 100%;}
.road_map_box .check_icon{position: absolute; left: -11px; top: -18px;background-image: linear-gradient(to right, #B16E2E 0%, #F8D163 51%, #B16E2E 100%);
  background-size: 200% 100%; color: #000; border: 1px solid #BBBAB8; width: 30px; height: 30px; display: inline-block; border-radius: 50%; text-align: center; line-height: 29px;}
.road_map_box ul{margin-bottom: 0px; padding: 0px;}
.road_map_box ul li{display: block; font-size: 15px; padding-left: 25px; position: relative; margin-bottom: 10px;}
.road_map_box ul li::before{content: ""; background: #e5b755; display: inline-block; position: absolute; left: 0; top:7px; width: 10px; height: 10px; border-radius: 50%;}
.slick-list {padding: 0px 20px !important;}

::-webkit-scrollbar {width: 3px;border: 1px solid #d5d5d5;}
::-webkit-scrollbar-track {border-radius: 0;background: #1b1b1b;}
::-webkit-scrollbar-thumb {border-radius: 0; background: #b0b0b0;}

.timeline {position: relative;width: 660px;margin: 0 auto;margin-top: 20px;padding: 1em 0;list-style-type: none;}
.timeline:before {
	position: absolute;
	left: 50%;
	top: 0;
	content: ' ';
	display: block;
	width: 6px;
	height: 100%;
	margin-left: -3px;
	background: rgb(80, 80, 80);
	background: -moz-linear-gradient(top, rgba(80, 80, 80, 0) 0%, rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(30, 87, 153, 1)), color-stop(100%, rgba(125, 185, 232, 1)));
	background: -webkit-linear-gradient(top, rgba(80, 80, 80, 0) 0%, rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);
	background: -o-linear-gradient(top, rgba(80, 80, 80, 0) 0%, rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);
	background: -ms-linear-gradient(top, rgba(80, 80, 80, 0) 0%, rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);
	background: linear-gradient(to bottom, rgba(80, 80, 80, 0) 0%, rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);

	z-index: 5;
}

.timeline li {padding: 1em 0;}
.timeline li:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.direction-l {position: relative;width: 300px;float: left;text-align: right;}
.direction-r {position: relative;width: 300px;float: right;}
.flag-wrapper {position: relative;	display: inline-block;	margin-bottom: 20px;text-align: center;}

.flag {
	position: relative;
	display: inline;
	background: rgb(39, 39, 39);
	padding: 10px 20px;
	border-radius: 5px;
	color: #fff;
	text-align: left;
}



.direction-l .flag:before,
.direction-r .flag:before {
	position: absolute;
	top: 50%;
	right: -38px;
	content: ' ';
	display: block;
	width: 15px;
	height: 15px;
	margin-top: -10px;
	background: linear-gradient(-90deg, #edc316 0%, #edc316 35%, #bb7424 100%);
	border-radius: 10px;
	border: 2px solid #fff;
	z-index: 10;
}

.direction-r .flag:before {
	left: -37px;
}

.direction-l .flag:after {
	content: "";
	right: 1px;
	position: absolute;
	left: 100%;
	top: 50%;
	height: 0;
	width: 0;
	margin-top: -8px;
	border: solid transparent;
	border-left-color: rgb(39, 39, 39);
	border-width: 8px;
	pointer-events: none;
}

.direction-r .flag:after {
	content: "";
	position: absolute;
	right: 100%;
	top: 50%;
	height: 0;
	width: 0;
	margin-top: -8px;
	border: solid transparent;
	border-right-color: rgb(39, 39, 39);
	border-width: 8px;
	pointer-events: none;
}

.time-wrapper {
	display: inline;

	line-height: 1em;
	font-size: 0.66666em;
	color: rgb(250, 80, 80);
	vertical-align: middle;
}

.direction-l .time-wrapper {
	float: left;
}

.direction-r .time-wrapper {
	float: right;
}

@media screen and (max-width: 660px) {

	.timeline {
		width: 100%;
		padding: 4em 0 1em 0;
	}

	.timeline li {
		padding: 2em 0;
	}

	.direction-l,
	.direction-r {
		float: none;
		width: 100%;

		text-align: center;
	}

	.flag-wrapper {
		text-align: center;
	}

	.flag {
		z-index: 15;
	}

	.direction-l .flag:before,
	.direction-r .flag:before {
		position: absolute;
		top: -13px;
		left: 53%;
		content: ' ';
		display: block;
		width: 12px;
		height: 12px;
		margin-left: -9px;

		border-radius: 10px;

		z-index: 10;
	}

	.direction-l .flag:after,
	.direction-r .flag:after {
		content: "";
		position: absolute;
		left: 50%;
		top: -8px;
		height: 0;
		width: 0;
		margin-left: -8px;
		border: solid transparent;
		border-bottom-color: rgb(39, 39, 39);
		border-width: 8px;
		pointer-events: none;
	}

	.time-wrapper {
		display: block;
		position: relative;
		margin: 4px 0 0 0;
		z-index: 14;
	}

	.direction-l .time-wrapper {
		float: none;
	}

	.direction-r .time-wrapper {
		float: none;
	}

	.desc {
		position: relative;
		margin: 1em 0 0 0;
		padding: 1em;
		background: rgb(39, 39, 39);
		-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.20);
		-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.20);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0.20);

		z-index: 15;
	}

	.direction-l .desc,
	.direction-r .desc {
		position: relative;
		margin: 1em 1em 0 1em;
		padding: 1em;

		z-index: 15;
	}

}

.loader-container {width: 100vw; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1111; height: 100vh; display: flex; justify-content: center; align-items: center; background-color:#000000c9;}
.loader {
  width: 30px;
  height:30px;
  border-radius: 50%;
  background: radial-gradient(farthest-side,#F8D163 94%,#0000) top/4px 4px no-repeat,  conic-gradient(#0000 30%,#F8D163);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 0);
  animation: spinner-ub 0.8s infinite linear;
}


.table_pagination{list-style: none; white-space: nowrap; overflow-y: hidden; margin-top: 25px; padding: 0px; text-align: center;}
.table_pagination li{display: inline-block; }
.table_pagination li a{display: inline-block; cursor: pointer;  font-size: 13px; text-align: center; color: #fff !important; width: 40px; height: 40px; background: #ffffff47; border-radius: 5px; margin: 0px 4px; line-height: 40px;}
.table_pagination li.active a{background: #F8D163; background-size: 200% 100%;}
.table_pagination li:hover a{background: #F8D163; background-size: 200% 100%;}
.form-check-input:checked {box-shadow: 0 0 0 .25rem rgba(154, 114, 46, 0.21); background-color: #F8D163 !important; border-color: #F8D163 !important;}

.Approve_token{max-width: 100px;}
.steps .step { display: block; position: relative; text-align: center; width: 100%; margin-bottom: 20px;}
.step-title{font-size: 15px; margin-top: 5px}
.steps .step .step-icon { display: inline-block; text-align: center; position: relative; width: 40px; height: 40px; border-radius: 50%; background-color: #f5f5f5; color: #000; font-size: 20px; line-height: 38px; z-index: 5}
.steps .step::before, .steps .step::after {content: ""; position: absolute; left: -50%; top: 22px; width: 100%; height: 3px; background: linear-gradient(90deg,#ffffff4d 50%,#0000 0);background-repeat: repeat-x; background-size: 20px 2px; animation: border-dance 4s linear infinite; transform: translateY(-50%);}
.steps .step.completed .step-icon{background-image: linear-gradient(to right, #B16E2E 0%, #F8D163 51%, #B16E2E 100%);
  background-size: 200% 100%;}
.steps .step:first-child::before, .steps .step:first-child::after {display: none;}
.steps .step.completed::after {background: #0f0f0f; width: 100%;}
.step.completed .step-title{color: #0f0f0f;}
@media only screen and (max-width:760px) {
  .step-title{display: none;}
}
.Featured_nft{border: 1px solid #FFFFFF24;
  background: #FFFFFF14; padding: 20px; border-radius: 15px;}
.modal .Featured_nft{border: 1px solid #FFFFFF24; background: #FFFFFF14;}
.modal-content{border: 1px solid #FFFFFF24; background: #0f0f0f;}
.modal-header{border-bottom: 1px solid #FFFFFF24;}
.btn-close{filter: brightness(0) invert(1);}


.swap_icon{margin: auto; display: block; cursor: pointer; width: 50px;}


.footer_social_media{list-style: none; display: flex; gap:15px; align-items: center; justify-content: center; text-align: center; z-index: 1; padding: 0px; margin-bottom: 0px; }
.footer_social_media li{ display: inline-block;}
.footer_social_media li a{color: #fff; display: flex; align-items: center; justify-content: center; background-image: linear-gradient(to bottom, #f8d16391 , #06061000); border-radius: 50%;  height: 45px; width: 45px; border: 1px solid #f8d163; text-align: center; font-size: 16px; line-height: 23px; padding: 7px;}
.footer_social_media li a:hover{background: #f8d16391;}


.details_link button{background-image: linear-gradient(to right, #B16E2E 0%, #F8D163 51%, #B16E2E 100%) !important; background-size: 200% 100%;   border: none; height: 30px; width: 30px; border-radius: 5px}

.golden_bg{color: #000; background-image: linear-gradient(to right, #B16E2E 0%, #F8D163 51%, #B16E2E 100%); background-size: 200% 100%;}
.services_list{list-style: none; gap: 10px; padding: 0; margin: 0; overflow-x: auto; white-space: nowrap; display: flex;}
.services_list li{text-align: center; cursor: pointer; padding: 10px; border-radius: 5px;}
.services_list li img{width: 30px; margin-bottom: 5px;}
.services_list li p{margin: 0; font-size: 12px;}
.services_list li:hover{background: #0000001f;}
.services_list li.active{background: #0000001f;}
.services_list_bg_padding{padding-bottom: 100px !important;}
.services_list_box{background: #fff; color: #000; min-height: 400px; margin-top: -80px;}

.services_list_box .form-check-input { border: var(--bs-border-width) solid #414142;}
.services_list_box .presaleInput { border: 1px solid rgb(158, 158, 158); background: transparent;}

::-webkit-scrollbar {width: 3px; height: 3px; border: 1px solid #d5d5d5;}
::-webkit-scrollbar-track {border-radius: 0;background: #1b1b1b;}
::-webkit-scrollbar-thumb {border-radius: 0; background: #b0b0b0;}