@charset "utf-8";

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




html{overflow-x: hidden;}
body{overflow-x: hidden;  font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 15px; color:#fff; background-color: #020202 ; }
a, a:active, a:focus, a:hover {outline: 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;}
.container{max-width: 1250px;}
.sm_container{max-width: 1100px; margin: 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: #fff; 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:220px;}

.fw-400{font-weight: normal !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;}

.font-13{font-size: 13px !important;}
.font-14{font-size: 14px !important;}
.font-15{font-size: 15px !important;}
.font-16{font-size: 16px !important;}
.font-17{font-size: 17px !important;}
.font-18{font-size: 18px !important;}
.font-19{font-size: 19px !important;}
.font-20{font-size: 20px !important;}
.font-21{font-size: 21px !important;}
.font-22{font-size: 22px !important;}
.font-23{font-size: 23px !important;}
.font-24{font-size: 24px !important;}
.font-25{font-size: 25px !important;}
.font-26{font-size: 26px !important;}
.font-27{font-size: 27px !important;}
.font-28{font-size: 28px !important;}
.font-29{font-size: 29px !important;}
.font-30{font-size: 30px !important;}
.font-40{font-size: 40px !important;}
.font-45{font-size: 45px !important;}
.font-50{font-size: 50px !important;}

.width_90{width: 90%;}
.width_80{width: 80%;}
.width_70{width: 70%;}
.width_60{width: 60%;}
.width_50{width: 50%;}
.width_40{width: 40%;}
.width_30{width: 30%;}
.width_20{width: 20%;}
.width_10{width: 10%;}
.width_15{width: 15%;}
.width_85{width: 85%;}

.theme_color{color: #7f56e3;}

.btn_style{color: #fff; font-weight: 500; border: 1.5px solid #fff; border-radius: 50px; text-align: center; display: inline-block;  padding: 10px 22px; background: transparent;}
.btn_style:hover{background: #fff; color: #000;}
.dark_btn{background: #171717; color: #fff;}
.dark_btn:hover{background: transparent; border: 2px solid #7f56e3;}
.light_btn{background: #fff; color: #000;}
.light_btn:hover{background: transparent; color: #7f56e3; border: 2px solid #7f56e3;}

header {position: unset; background: #181818; top: 0; left: 0; right: 0; z-index: 111;}
.header_padding{padding-top: 80px;}
.navbar-brand {padding-top: 0px; padding-bottom: 0px; padding-right: 30px;}
.header_logo{width: 230px;}
.navbar-nav .nav-item .nav-link{color: #1897d0; font-weight: 500; }
.navbar-nav .nav-item .nav-link:hover{color:#000;}
.navbar-nav .nav-item .nav-link.active{color:#000;}
.navbar-nav .nav-item{margin-left: 15px;}
.navbar-collapse {flex-grow: unset;}
.navbar {padding: 0px;}
.navbar-toggler {border: none; padding: 0;}

.heading_text h2{font-weight: 700; font-size: 35px;}
.heading_text p{ margin-bottom: 0; font-size: 18px;}
.middle_heading{max-width: 800px; margin: auto; text-align: center;}
.heading_width{max-width: 850px;}

.banner_bg-img{background: url(../img/banner_bg-img.png) no-repeat center center; background-size: cover; box-shadow: inset 0 180px 150px -60px rgba(0, 0, 0, 0.7);}

.diamond-1{position: absolute; left: -60px; top: 10px; z-index: -1;}
.diamond-2{position: absolute; left: 42%; top: 15%; z-index: -1;}
.diamond-3{position: absolute; left: 20%; bottom: 30px; z-index: -1;}
.diamond-4{position: absolute; right: 0; top: 0px; z-index: -1; width: 110px;}
.diamond-5{position: absolute; right: -60px; top: 10px; z-index: -1;}

.background_bg1{background: #0f0f0f;}
footer{background: #181818;}
.bg-img-1{background: url(../img/bg-img.jpg) no-repeat; background-size: cover;}
.modal_top_bg .modal-content{background: url(../img/bg-img.jpg) no-repeat; background-size: cover; box-shadow: 0px 4px 4px 0px rgba(3,11,31,0.5);}
.modal_top_bg .modal-header{border-bottom: 1px solid #ffffff1c; }
.modal_top_bg .modal-header .btn-close{filter: brightness(0) invert(1);}



.banner_img{width: 100%;}

.banner_text h1{font-size: 45px; position: relative; display: inline-block; font-weight: 600;}
.navbar-toggler-icon {filter: brightness(0) invert(1);}
.referal_link{display: inline-block;padding: 10px 10px;border-radius: 50px;font-size: 18px;}
.referal_link button{background: #7f56e3;color: #fff;height: 45px;width: 45px;border: none;border-radius: 50%;font-size: 20px;margin-right: 10px;}
.referal_link button:hover{background: #fff;color: #7f56e3;}
.lien_box {border: 1px solid #ffffff26;}
.Server_Down_bg{background: #7f56e3;}
.presaleInput{border: 2px solid rgb(30,30,30); width: 100%; font-weight: 400; color: #fff; background: #1d1d1d; padding: 10px 12px; border-radius: 10px; outline: none;}
.presaleInput:focus{background: #1d1d1d;}
.trx_btn{display: grid; grid-template-columns: 1fr; gap: 5px; padding: 0px; overflow: hidden; list-style: none;}
.trx_btn li{display: block;}
.trx_btn li button{display: block; width:100%; padding: 10px 8px; background: #7047eb24; font-size: 12px; text-align: center; border-radius: 10px; color: #fff; border: 2px dashed #7047eb;}
/* .trx_btn li button:hover{color:#fff; background: #2c2b2b;} */
.trx_btn li.active button{color:#fff; background: #7047eb8a; border: 2px dashed #7047eb;}
.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; gap: 5px; font-weight: 500; align-items: center;justify-content: center; width:100%; padding: 10px 10px; font-size: 15px; text-align: center; border-radius: 10px; background: none; border: 1px solid #7047eb; color: #fff;}
.token_select_list li button.active{background: #fff; color: #000;}
.token_select_list li button img{width: 20px; height: 20px; border-radius: 50%;}

.theme_box{background: #121212; background: #0c0c0c; border-radius: 15px; overflow: hidden;}
.lien_tab.nav-tabs .nav-link {color: #737272 !important; font-size: 17px; padding: 10px 30px !important; background: transparent !important; border-radius: 0 !important;}
.lien_tab.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #fff !important; border-bottom: 2px solid #fff;}
.lien_tab.nav-tabs {border-bottom: 1px solid #2a2a2a !important;}

.table > thead {border-bottom: 1px solid #ffffff1a;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {background: #fff; color: #000;}
.nav-tabs .nav-link {color: #fff;  border-radius: 5px; font-weight: 500; background: #1e1e1e;border: none;}
.nav-tabs {border-bottom: transparent; }
.dark .nav-tabs .nav-link {color: #bdbdbd;}
.table thead th {background: #1e1e1e;  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 {color: #fff; border-spacing: 0px 5px;}
.teble-box tbody tr{background: #202020;}
.teble-box tbody tr:nth-of-type(2n+1) {background-color: #131313;}

.progress-bar {background-color: #7047eb;}
p{color: #b2b2b2;}

.box_bg_box {background: #181818;}

.plusminus{position: absolute; z-index: 1; display: flex; align-items: center; justify-content: center; right: 0px; font-size: 16px; top: 0px; color: #fff;}
.accordion_head {cursor: pointer; transition: all .25s;  position: relative; padding-right: 34px !important; font-size: 18px; font-weight: 500;}

.faq_point{position: absolute; left: 0; top:0}
.accordion_border{position: relative; padding: 20px; border: 1px solid #ffffff26; border-radius: 10px;  overflow: hidden; margin-bottom: 10px;}
.accordion_body{display:none; padding-top:20px;}
.accordion_body p{margin-bottom: 0px; width: 100%;}
.faq_open{display: block;}
.faq_box{max-width: 1100px; margin: auto;}
/* .modal{color: #000;}
.modal p{color: #000;} */

.bgline_box{padding: 50px 0 50px;  background: url(../img/bgline-1536x608.png) no-repeat top center;  background-size: 100% 100%;}
.gradient_bg{background: url(../img/bg-img.jpg) no-repeat; background-size: cover; min-height: 235px;}
.height_unset{min-height: unset !important;}

tbody{display: block; max-height: 300px; overflow-y: auto;}
thead, tbody tr{display: table;table-layout: fixed;width: 100%;}

.accordion-item {text-align: left; margin-bottom: 10px; position: relative; width: 100%;  display: block; border: 1px solid #ffffff26 !important; border-radius: 10px; background: transparent; color: #fff;}
.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;}

.card-height{ min-height: calc(100vh - 150px);}
.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: flex;align-items: center;}
.page_loader .loaderbar { display: inline-block;width: 3px; height: 20px; background-color: rgba(255, 255, 255, .5); border-radius: 10px; animation: scale-up4 1s linear infinite;}
.page_loader .loaderbar:nth-child(2) {height: 35px; margin: 0 5px; animation-delay: .25s;}
.page_loader .loaderbar:nth-child(3) {animation-delay: .5s;}
@keyframes scale-up4 {
    20% {
      background-color: #ffff;
      transform: scaleY(1.5);
    }
  
    40% {
      transform: scaleY(1);
    }
  }

.bullish_box{background: #1d1d1d; overflow: hidden; position: relative; padding: 15px; border-radius: 10px;}
.btn_small{padding: 5px 15px;}

.bullish_box::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg,#9576ec,#2f1c64 100.14%);
  left: 0;
  top: 0;
}

.steps_outer{position: relative;}
.steps_box_bg{padding: 30px 30px; background: url(../img/steps-box.png) no-repeat center; background-size: 100% 100%;}
.steps_box_bg span{background: #ffffff1c; height: 55px; width: 55px; display: inline-block; padding: 12px; border-radius: 50%;}
.steps_box_bg span img{width: 100%;}
.steps_box_bg h2{color: #212121; font-size: 120px; position: absolute; right: 30px; top: -60px; z-index: -1;}