@charset "utf-8";

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


html{overflow-x: hidden;}
body{overflow-x: hidden; font-size: 15px;  color:#fff; font-family: "Inter", 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;font-weight: 600; border: 2px solid #fff; padding: 8px 30px; text-align: center; background: #fff; color: #000;  border-radius: 50px; }
.btn_style:hover{background: #EB881D; color: #fff;  border: 2px solid #EB881D;}

.btn_style.btn_style2{background: #EB881D; border: 2px solid #EB881D; color: #000;}
.btn_style.btn_style2:hover{background: transparent; border: 2px solid #EB881D; color: #fff;}

.btn_style.btn_style3{background: transparent; border: 2px solid #EB881D; color: #fff;}
.btn_style.btn_style3:hover{background: #EB881D; border: 2px solid #EB881D; color: #fff;}

.theme_color{color: #EB881D;}

header {padding: 15px 0px; left: 0; right: 0; top:0; z-index: 111; position: fixed; background: #101010;}
.header_padding{padding-top: 75px;}
.navbar-brand {margin-right: 0px; padding-top: 0px; padding-bottom: 0px;}
.header_logo{width: 140px;}
.navbar-nav .nav-item .nav-link{color: #fff; font-weight: 500; }
.navbar-nav .nav-item .nav-link:hover{color:#EB881D;}
.navbar-nav .nav-item .nav-link.active{color:#EB881D;}
.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);}


.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:35px; font-weight: 600;}
.heading_text p{margin-bottom: 0px;}
.heading_middle{max-width: 900px; margin: auto; text-align: center;}
.heading_width{max-width: 800px;}

.launchpad_bg{display: inline-block; background: #ffffff24; padding: 5px 17px; border-radius: 30px; border: 1.6px solid #ffffff29;}
.banner_content{position: relative; z-index: 1;}
.banner_content h1{font-size: 55px;}
.banner-img{margin-top: -80px; }
.banner-shadow{position: absolute; z-index: -1; left: 0; right:0; bottom: 0; width: 100%;}
.text-gradient{background-image: linear-gradient(to right, #febd77 51%, #f79226 100%);
  -webkit-text-fill-color: transparent;
  background-clip: text;
  -webkit-background-clip: text;}
.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-12px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-12px); }
}

.wallet_banner{min-height: 500px; overflow: hidden; position: relative; z-index: 1;}
.wallet_banner_bg{width: 100%; z-index: -1; position: absolute; left: 0; right: 0; bottom: 0;}
.wallet_banner_gif{position: absolute; z-index: -1; top: 0; right: 0; bottom: 0;}
.wallet_banner_gif::before {content: ""; width: 200px; position: absolute;left: -100px; bottom: 0;top: -50px; background: #000; filter: blur(125px);}
.wallet_banner_gif::after {content: ""; position: absolute; width: 100%; left: 0; right:0;  background: linear-gradient(0deg, black 20%, rgba(0, 0, 0, 0) 100%); height: 20%; bottom: 0;}


.arrow_btn{background: #EB881D; border: 1px solid #EB881D; color: #000; height: 35px; width: 35px; border-radius: 5px; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.arrow_btn:hover{background: transparent; border: 1px solid #EB881D; color: #fff;}

.set_up_wallet{border-radius: 10px;background-color: hsla(0,0%,100%,.05); border: 2px solid hsla(0,0%,100%,.2); padding: 20px 20px; backdrop-filter: blur(20px);}
.color_8b8b8b{color: #8b8b8b;}


.outer_box{border-radius: 10px; overflow: hidden; background-color: hsla(0,0%,100%,.05); border: 2px solid hsla(0,0%,100%,.2); padding: 20px 20px; backdrop-filter: blur(20px);}
.outer_box .outer_box{border: 1px solid hsla(0,0%,100%,.2);}
.input_box{background: #ffffff12; width: 100%; color: #fff; padding: 13px 13px; border-radius: 6px; border: 1px solid #ffffff1f;}
.input_box::placeholder{opacity: .6;}
.input_box:focus{box-shadow: none; outline: none;}

.trx_btn{display: grid; cursor: pointer; grid-template-columns: 1fr 1fr 1fr; flex-wrap: wrap; margin: 0; gap: 8px; padding: 0px; list-style: none;}
.trx_btn li{display: block;}
.trx_btn li button{display: block; width:100%; padding: 8px 12px; text-align: center; border-radius: 5px; background: transparent; color: #fff; border: 2px solid #EB881D;}
.trx_btn li button:hover{background: #EB881D94;}
.trx_btn li button.active{background: #EB881D94;}

.trx_btn.trx_btn2{display: flex;}


.table > thead {border-bottom: 1px solid #383838;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border: 2px solid #EB881D; color: #fff; background: #EB881D;}
.nav-tabs .nav-link {color: #fff; border-radius: 5px; font-weight: 500; background: transparent;border: 2px solid #EB881D;}
.nav-tabs {border-bottom: transparent; }
.dark .nav-tabs .nav-link {color: #bdbdbd;}
.table thead th {background: #383838; white-space: nowrap; font-weight: 500;  color: #fff;} 
.table td{border-bottom: 1px solid #383838; color: #fff; background: transparent; border-top: none;}
.table th {border-top: none;}
.table {border-collapse: separate; color: #fff; border-spacing: 0px 0px;}
.teble-box tbody tr{background: #202020;}
.teble-box tbody tr:nth-of-type(2n+1) {background-color: #131313;}
.table > :not(caption) > * > *{padding: 14px 10px;}
.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 #EB881D;
    border-left: solid 3px transparent;
    border-right: solid 3px transparent;
  }
  100% {
    transform: rotate(0deg);
    border-bottom: solid 3px transparent;
    border-top: solid 3px transparent;
  }
}


.bg_824300{background: #824300;}

footer{background: #111010;}
.footer_logo{max-width: 200px;}
.footer_media {list-style: none; justify-content: center; display: flex; gap: 12px; padding: 0px;}
.footer_media li {display: inline-block;}
.footer_media li a {color: #fff; font-size: 16px; width: 40px; height: 40px; background-color: hsla(0,0%,100%,.05); border: 1px solid hsla(0,0%,100%,.2); border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.footer_media li a:hover {background: #EB881D; border: 1px solid #EB881D;}

.bottom_shadow{left: 0; right: 0; margin: auto; bottom: -200px;}
.middle_shadow{left: 0; right: 0; margin: auto; top: -200px;}
.theme_shadow {width: 600px; position: absolute; height: 600px; z-index: -1; opacity: .4; border-radius: 50%; background: #EB881D4D; filter: blur(125px);}

.border_design{position: relative; border: 1px solid #ffffff17;}
.border_design::before{content: ""; background: #EB881D; height: 50px; width: 3px; display: inline-block; border-radius: 38px; position: absolute; left: -1.5px; top: 35%; box-shadow: 0px 0px 5px 3px #EB881D73;}
.border_design_padding::after, .border_design_padding::before{content: ""; background: #221d17; border-radius: 50%; height: 10px; width: 10px; display: block; position: absolute; left: -6px; bottom: -5px; z-index: 1;}
.border_design_padding::before{right: -6px; bottom: -5px; left: unset;}

.border-bottom-0 .border_design_padding::after, .border-bottom-0 .border_design_padding::before{display: none;}

.border_design_padding{padding: 30px; padding-top: 0;}
.border_design_padding .img_icon{width: 75px; margin-bottom: 15px;}

.step_border_circle{border: 1px solid #ffffff41; background: #000; position: absolute; left: 10px; right: 10px; height: 700px; border-radius: 50%; top: -400px;}
.step_box{padding: 20px; padding-top: 60px; position: relative; background: url(../img/Step.png) no-repeat; background-size: 100% 100%; min-height: 216px;}
.step_box::before{content: ""; background: #ffffff41; width: 2px; height: 80px; display: inline-block; position: absolute; top: -80px}
.step_top_m{padding-top: 80px;}
.step_no{position: absolute; left: 0; margin: auto; margin-top: -107px; right: 0; backdrop-filter: blur(20px); background-color: hsla(0,0%,100%,.05); border: 1.5px solid hsla(0,0%,100%,.2); width: 45px; height: 45px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 19px; z-index: 11;}