@charset "utf-8";

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





html{overflow-x: hidden;}
body{overflow-x: hidden;   font-family: "Roboto", sans-serif; font-size: 16px; color: #fff; background: #0e0d0d; font-weight: 400;}
a, a:active, a:focus, a:hover {outline: none; text-decoration: none;}
button, button:active, button:focus, button:hover {outline: none; box-shadow: none !important; text-decoration: none;}


.max-200{max-width: 200px;}
.max-300{max-width: 300px;}
.max-400{max-width: 400px;}
.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;}

.navbar-toggler-icon{filter: brightness(0) invert(1);}
.wallet-adapter-button-start-icon { margin-right: 5px !important;filter: brightness(0) invert(0) !important;}
.wallet-adapter-button-trigger {
  background: linear-gradient(to right, #b9f2fe, #23c1e0);
  color: #000 !important; border-radius: 45px !important; height: 41px !important; font-size: 15px !important; padding: 0 19px !important;}
.wallet-adapter-button-start-icon img {width: 15px!important; height: 15px!important;}
.fs-7{font-size: 14px;}

.btn_style{color: #fff; border: 1px solid transparent; font-size: 14px; border-radius: 10px;  text-align: center; display: inline-block;  padding: 12px 20px; background: #9997d2;}
.btn_style:hover {background: rgb(5, 143, 104);color: #fff;}
.border_btn{border: 1px solid#9997d2 ; background: transparent; color: #9997d2 ;}

header { left: 0; right: 0; z-index: 11; position: relative; background: #20242b; padding: .8rem 0;}
.header_padding{padding-top: 80px;}
.navbar-brand {margin: 0; padding: 0;}
.header_logo{width: 70px;}

header .nav-link{padding: 6px 14px !important; background: none !important; border: none !important; border-bottom: 2px solid #fff transparent !important; border-radius: 0;}
header .nav-link.active{border-bottom: 2px solid #19bedf !important; color: #19bedf !important; background: none !important;}
header .nav-link.active:hover{background:none !important; color: #19bedf !important;}
header .nav-link:hover{ color: #19bedf !important; background: none !important;}
.nav-link{color: #fff; font-weight: 500; display: inline-block; padding: 10px 25px !important; border: 1px solid #fff; border-radius: 45px;}
.nav-link:hover{background:#fff; color: #000 !important;}
.nav-link.active{background:#fff; color: #000 !important;}
.nav-link.active:hover{background:#19bedf !important; border: 1px solid #19bedf; color: #fff !important;}

.nav-link.active:hover img{filter: brightness(0) invert(1);}
.nav-link:focus{color: #fff;}

.nav-item{margin-left: 10px;}
.navbar-collapse {flex-grow: unset;}
.navbar {padding: 0px;}
.navbar-toggler {border: none; padding: 0;}

.theme_color{color: #19bedf;}

.heading_text h2{ font-size: 40px; font-weight: 800; color: #fff;}
.heading_text h2 span{color:#19bedf;}
.heading_text p{ margin-bottom: 0; font-size: 18px;}
.middle_heading{max-width: 800px; margin: auto; text-align: center;}
.heading_width{max-width: 850px;}


.fixed-button { top: 0; width: 5.5rem; transform-origin: 100% 100%; border-left: 1px solid rgba(255, 252, 252, 0.15);  writing-mode: vertical-rl; transform: rotate(180deg) translate(100%, 100%); z-index: 10; color: #79828A; position: fixed; left: 0; bottom: 0; padding: 13px; display: flex; justify-content: center; align-items: center; text-decoration: none; text-align: center; background-color: #010B13;}
.fixed-button img {transform: rotate(90deg);}
.fixed-button .text{background: #010B13; margin-top: -6px; font-size: 12px; z-index: 1; text-transform: uppercase; white-space: nowrap; letter-spacing: 0.2em; padding: 0 7px;}
.fixed-button:hover{color: #9997d2;}

.banner-section{background: #20252c;}
.banner_text h1{font-size: 180px; color: #344356;}
.banner_shape{position: absolute; z-index: -1; left: 50%; top: 0; transform: translate(3%,-52%);}
.banner_img{width: 100%; z-index: 1; position: relative;}

.bg_box{min-height: 300px; box-shadow: 0px -3px 9px 0px #292f36; background: linear-gradient(to bottom, #191818, #0e0d0d); border: 1px solid #292f36; border-radius: 14px; padding: 30px 30px;}

.footer-bg{position: absolute; z-index: -1; bottom: 0; right: 0;}
.bordere_box{border: 1px solid #ffffff45; display: flex; overflow: hidden; flex-direction: column;}
.generation-img { max-width: 100%; margin-top: auto; margin-left: auto;}

.set_up_wallet{ box-shadow: 0px -3px 9px 0px #292f36; background: linear-gradient(to bottom, #191818, #0e0d0d); border: 1px solid #292f36; border-radius: 14px; padding: 30px 30px;}
.set_up_wallet h4{font-weight: 700; color: #fff; font-size: 16px; margin-bottom: 10px;}
.set_up_wallet h3{font-size: 22px; color: #858585; font-weight: 600; margin-bottom: 0;}

p{color: #858585;}
.black_shadow { width: 450px; height:450px; z-index: -1;  position: absolute; right: 0;background: linear-gradient(to right, #b9f2fe00, #000000a1); top:0; filter: blur(125px);}
.hidden{overflow: hidden;}
.banner_text_content{padding: 60px; z-index: 1; padding-bottom: 100px;}

.features_box{text-align: center; height: 100%; box-shadow: 0px -3px 9px 0px #292f36; background: linear-gradient(to bottom, #191818, #0e0d0d); border: 1px solid #292f36; border-radius: 14px; padding: 30px 30px;}
.features_box img{width: 45px; margin-bottom: 20px;}


.wallet-adapter-dropdown {display: block !important; width: 100% !important;}
.lien_tab.nav-tabs .nav-link {color:#C5C5C5; font-size: 14px; border: none; padding: 15px 10px !important; background: transparent !important; border-radius: 0 !important;}
.lien_tab.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #19bedf !important;}
.lien_tab.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active:hover { color: #19bedf !important;}
.lien_tab.nav-tabs {border-bottom: none; background: linear-gradient(to bottom, #191818, #0e0d0d); border: 1px solid #292f36; border-radius: 10px;}
.table > :not(caption) > * > * {border-color: #cccccc1a;}
.lien_tab.nav-tabs .nav-link:hover{color: #fff !important;}

.table thead th {background: transparent; padding: 14px 20px; color:#fff;} 
.table td{padding: 10px 20px; color:#fff; background: transparent; border-top: none;}
.table th {border-top: none;}
.table {border-collapse: separate; color: #fff; border-spacing: 0px 5px;}



.table_pagination {list-style: none; gap: 5px; padding: 0px; display: flex;}
.table_pagination li a{width: 31px; cursor: pointer; background-color: rgba(45, 149, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.432);height: 31px; border-radius: 4px; display: flex; align-items: center; justify-content: center;}
.table_pagination li a:hover{background-color: rgba(255, 255, 255, 0.257);}

.white_box_bg{box-shadow: 0px -3px 9px 0px #292f36; background: linear-gradient(to bottom, #191818, #0e0d0d); border: 1px solid #292f36; border-radius: 14px; padding: 30px 30px;}
.input_bg_box .input_area{background: #2f2e2e; height: 50px; border: 1px solid #ffffff0d; width: 100%; color: rgb(255, 255, 255);  padding: 10px 15px; border-radius: 10px;}
.input_bg_box .input_area:focus{box-shadow:none; outline: none;}
label{color: #fff;}
select option{color: #fff;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}

.trx_btn{margin: 0px -5px; padding: 0px; overflow: hidden; list-style: none;}
.trx_btn li{display: block; float: left; padding: 2px 3px;}
.trx_btn li button{display: block;width:100%; font-weight: 600; padding: 7px 14px; font-size: 12px; border-radius: 25px; background-color: #292f36; border: 2px solid #2dc4e2; color: #fff;}
.trx_btn li button:hover{ border: 2px solid #19bedf; background: #19bedf; color: #fff;}
.trx_btn li button.active{color: #000;border: 2px solid #23c1e0;  background: linear-gradient(to right, #b9f2fe, #23c1e0);}

.accordion-item {text-align: left; background: transparent; border: none; border-bottom: 1px solid #696F79; margin-bottom: 15px; position: relative; width: 100%;  display: block;  border-radius: 0px !important;  color: #fff;}
.faq_box{max-width: 1000px; margin: auto;}
.faq_btn {background: transparent; font-size: 18px; font-weight: 500; text-align: left; color: #fff; display: block; width: 100%; border: none; padding: 20px; padding-right: 34px;}
.faq_btn::before {font-family: bootstrap-icons !important; position: absolute; right: 15px; top: 19px;}
.faq_btn.collapsed::before {content: "\f282";}
.faq_btn::before {content: "\f286";}
.accordion-collapse{color: #b2b2b2; padding: 15px 15px; padding-top: 0;}
.accordion-button:not(.collapsed) {color: #fff;}
.accordion-item:last-child{border-bottom: none;}

footer { z-index: 11; position: relative; padding: 1.5rem 0;}
.footer-logo{width: 100%; opacity: .1;}


.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: #0c192761; backdrop-filter: blur(5px);}
.page_loader {display: block;z-index: 99; margin-left: auto; margin-right: auto; width: 50px; height: 50px; border: 3px solid #fff; border-radius: 50%; animation: spin 7s ease-in-out; animation-iteration-count: infinite; transition-duration: 0.1s;}
@keyframes spin {
  0% {
    transform: rotate(0deg);
    border-bottom: solid 3px transparent;
    border-top: solid 3px transparent;
  }
  50% {
    transform: rotate(1800deg);
    border: 3px solid #fff;
    border-left: solid 3px transparent;
    border-right: solid 3px transparent;
  }
  100% {
    transform: rotate(0deg);
    border-bottom: solid 3px transparent;
    border-top: solid 3px transparent;
  }
}


@keyframes eZeFAn {
0% {
  transform: rotate(-360deg);
}
100% {
  transform: rotate(360deg);
}
}




















