@charset "utf-8";

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


html{overflow-x: hidden;}
body{overflow-x: hidden; font-size: 15px;  color:#000; font-family: "Onest", sans-serif; background-color: #fff ; 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 !important; transition: all 0.5s ease; text-decoration: 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: #000; 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:160px;}

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

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

.lien-height1{line-height: 1.2em;}
.container{max-width: 1420px;}

.btn_style{color: #fff; background-size: 200% 100%; cursor: pointer; z-index: 1; position: relative; font-size: .875rem; border: none; border-radius: 8px;  text-align: center; display: inline-block;  padding: 11px 20px; background-image: linear-gradient(165.91deg,#503578,#3baaac 100.95%);}
.btn_style:hover {background-position: 100% 0; color: #fff;}
.dark_btn{background: #476592;}
.dark_btn:hover{background: #afc9f0; color: #000;}
.white-btn{box-shadow: 0px 6px 10px -1px #9a9999; border: 1px solid rgba(0, 0, 0, 0.24); color: #000; text-align: center; font-size: 18px; padding: 13px 10px; border-radius: 10px;}
.white-btn:hover{box-shadow: 0px 6px 10px -1px #717171;}
.white-btn.dark-btn{background: #000; color: #fff;}


header { position: fixed; z-index: 111; border-bottom: 1px solid #ffffff0f; left: 0; right: 0; top: 0;  background-color: rgba(255,255,255,.05);}
header.menu_fixed{background-color: rgb(22, 28, 31);}
.navbar-brand {padding: 0;}
.header_logo{width: 140px;}
.navbar-nav .nav-item .nav-link{color: #fff; font-weight: 500; }
.navbar-nav .nav-item .nav-link:hover{color:#afc9f0;}
.navbar-nav .nav-item .nav-link.active{color:#afc9f0;}
.navbar-nav .nav-item{margin-left: 10px;}
.navbar-collapse {flex-grow: unset;}
.navbar {padding: 0px;}
.navbar-toggler-icon {filter: brightness(0) invert(1);}

.gradient_text {background:linear-gradient(112.14deg,#476592 15.69%,#afc9f0 56.96%); background-clip: border-box; -webkit-background-clip: text;  -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }

.heading_text h2{font-size: 50px; font-weight: 700}
.middle_heading{max-width: 900px; margin: auto; text-align: center;}
.large_text{font-size: 65px !important;}

.banner_section{z-index: 1; position: relative; padding-top: 150px; padding-bottom: 60px; background: url(../img/banner_bg.jpg) no-repeat center top; background-size: cover;}
.banner_section::before{content: ""; z-index: -1; background: #00000069; position: absolute; left: 0; right: 0; top:0; bottom: 0;}
.banner_section.buy_banner{background: url(../img/buy_banner.jpg) no-repeat center top; background-size: cover;}
.banner_section.buy_banner::before{background: #00000087;}
.banner_content h1{font-size: 70px;}
.follow_bg{background-color: rgba(255, 255, 255, 0.095);}

.service_box{box-shadow: 0px 6px 10px -1px #9a9999; border: 1px solid rgba(0, 0, 0, 0.24); background: #fff; color: #000;}
.service_img_box{display: block;  height: 70px; width:70px; padding: 15px; box-shadow: 0px 6px 10px -1px #9a9999; border-radius: 10px; background: linear-gradient(112.14deg,#476592 15.69%,#afc9f0 56.96%);}
.service_img_box img{width: 100%;}


.token-group{position: absolute; z-index: -1; bottom: 0;}

.link{color: #fff;}
.link:hover{color: #afc9f0;}
.theme_color{color: #afc9f0;}
.connect_box{background-color: rgba(94, 94, 94, 0.116); min-height: 300px; border: 1px solid rgba(255,255,255,.24); backdrop-filter: blur(10px);}
.connect_box_back{position: absolute; backdrop-filter: blur(12px); border-radius: 30px; width: 80%; height: 106%;  background: linear-gradient(258.87deg,rgba(255,255,255,.47) 1.18%,rgba(4,14,22,.235) 17.65%);}
.connect_box_back.right{ right: -20px; top: -20px;}
.connect_box_back.left{left: -20px; bottom: -20px; background: linear-gradient(-258.87deg,rgba(255,255,255,.47) 1.18%,rgba(4,14,22,.235) 17.65%);}
.progress-bar{background: linear-gradient(112.14deg,#6083c8 15.69%,#adc9dd 56.96%); color: #000;}
.progress{background: #ebecee1a;}

.token_select_list{display: flex; gap: 9px; padding: 0px; overflow: hidden; list-style: none;}
.token_select_list li{display: block; flex-grow: 1; }
.token_select_list li button{display: flex; min-height: 45px; gap: 5px; font-weight: 600; align-items: center;justify-content: center; width:100%; padding: 10px 10px; text-align: center; border-radius: 10px; background: transparent; border: 1px solid rgba(255,255,255,.24);  color: #fff;}
.token_select_list li button.active{border: 1px solid #476592; background: linear-gradient(112.14deg,#476592 15.69%,#afc9f0 56.96%); color: #000;}
.token_select_list li button img{width: 25px; height: 25px; border-radius: 50%;}
.buy_input_box label{display: block; margin-bottom: 5px;}
.buy_input_box .form-control{background-color: #18181d91; width: 100%; display: block; border: 1px solid #cccccc2e; color: #fff; padding:10px 15px; border-radius: 10px;}
.buy_input_box .form-control::placeholder{color: #fff; opacity: .5;}
.buy_input_box .form-control:focus{box-shadow: none;}
.buy_input_box{z-index: 1; position: relative;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.wallet_bg{min-height: 500px; color: #fff; background: url(../img/walletbg.png) no-repeat center; background-size: 100% 100%;}
.Wallet_margin{margin-left: 80px;}

.faq_btn_box{padding: 35px; background: url(../img/faq1.png) no-repeat center; background-size: 100% 100%;}
.faq_answer_box{padding: 35px; background: url(../img/faq2.png) no-repeat center; background-size: 100% 100%;}
.faq_btn_box .nav-item{background-image: linear-gradient(0deg, #1e1f21 10%, #161c1f 100%); padding: 5px; border-radius: 5px; border: 1px solid #ffffff21;}
.faq_btn_box .nav-item .nav-link{color: #fff; background-image: linear-gradient(0deg, #000 10%, #151515 100%); padding: 10px; font-weight: 600;}
.faq_btn_box .nav-item .nav-link.active{background: linear-gradient(112.14deg,#476592 15.69%,#afc9f0 56.96%); color: #000;}

.accordion-item {text-align: left; overflow: hidden; margin-bottom: 15px; position: relative; width: 100%;  display: block;  border-radius: 20px !important;  color: #ADADAD;}
.accordion-item{background-image: linear-gradient(90deg, #1f2020 10%, #1e1f21 100%); padding: 20px; border: none;}
.accordion-button{background: transparent; font-weight: 600; color: #fff; padding: 0;}
.accordion-button::after{filter: brightness(0) invert(1); background-size: 1rem;}
.accordion-body{padding: 0; margin-top: 20px;}
.accordion-header{background: transparent !important;}
.accordion-button:not(.collapsed){background: transparent; color: #afc9f0;}

.tokenomics_bg{background: url(../img/tokenomics-bg.png) no-repeat center; background-attachment: fixed; background-size: cover;}
.token_box{background-image: linear-gradient(0deg, #1e1f21 10%, #ffffff00 100%);}
.token_grid{display: grid; gap:15px; grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.token_heading{border-top: 1px solid #457092bd; border-bottom: 1px solid #457092bd; border-radius: 4px; padding: 10px 8px;}
.token_details{background: #282828; padding: 7px 7px; border-radius: 10px;}
.one_lien_text{display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.step_box{background: #04060b; color: #fff;}
.step_box_height{min-height:150px;}

.roadmap_bg{min-height: 300px; padding: 25px 30px; background: url(../img/roadmap-bg.png) no-repeat center; background-size: 100% 100%; }

.check_list{padding: 0px; margin: 0px; list-style: none;}
.check_list li{position: relative; color: #fff; font-size: 18px; margin-bottom: 20px;}
.check_list li img{width: 25px; margin-right: 10px;}
/* .check_list li::before{content: ""; background: #afc9f0; height: 15px; width: 15px; border-radius: 50%; position: absolute; left: 0; top: 6px;;} */
.check_list li:last-child{margin-bottom: 0px;}

.footer_bg{ background:#000 url(../img/footer.png) no-repeat center; background-size: cover;}
.footer_box{border-top-left-radius: 15px; border-top-right-radius: 15px; padding: 30px; border: 1px solid rgba(255, 255, 255, 0.13); border-bottom: none;}
.footer_logo{width: 150px;}

.header_padding{padding-top: 75px;}

.border {border: 1px solid #ffffff24 !important;}
.table thead th {padding: 15px 15px; border-bottom: 1px solid #c0c0c426; white-space: nowrap; background: transparent; color: #fff;} 
.table td{border-bottom: none; color: #fff; background: transparent; ;}
.table {border-collapse: separate; margin-bottom: 0; color: #fff; border-spacing: 0px 8px;}
.table tbody tr td{padding: 15px 15px; overflow: hidden;}
.table_box{background-color: #1e1f21; border-radius:15px; overflow: hidden;}
.square_box_bg {border-radius: 15px; background-image: linear-gradient(90deg, #1f2020 10%, #1e1f21 100%);}

.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;}
.loader3 {width: 40px;height: 40px; border-radius: 50%;
  background: radial-gradient(farthest-side,#83ACF0AB 94%,#0000) top/4px 4px no-repeat, conic-gradient(#0000 30%,#83ACF0AB);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 0);
  animation: spinner-ub 0.8s infinite linear;
}

@keyframes spinner-ub {
  100% {
     transform: rotate(1turn);
  }
}