@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: 1300px;}
.sm_container{max-width: 1000px; 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: #578f2c;}

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

header {position: absolute; left: 0; right: 0; z-index: 111;}
.header_padding{padding-top: 80px;}
.navbar-brand {padding-top: 0px; padding-bottom: 0px; padding-right: 0px;}
.header_logo{width: 180px;}
.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: 45px;}
.heading_text p{ margin-bottom: 0; font-size: 18px;}
.middle_heading{max-width: 800px; margin: auto; text-align: center;}
.heading_width{max-width: 850px;}

.token_box{border: 1px solid #ffffff26; border-radius: 20px;}
.token_box p{background: #1e1e1e; overflow: hidden; margin-bottom: 15px; padding: 15px; border-radius: 10px; font-weight: 600;}
.token_box p span{float: right; color: #fff;}

.wallet-adapter-button-start-icon { margin-right: 5px !important;filter: brightness(0) invert(1) !important;}
.wallet-adapter-button-trigger {background-color: #578f2c !important; border-radius: 50px !important; height: 45px !important;}
.wallet-adapter-button-start-icon img {width: 15px!important; height: 15px!important;}

.img_box img{width: 100%;}
.img_box.padding-l-50{padding-left: 50px;}
.img_box.padding-l-100{padding-left: 100px;}
.img_box.padding-r-50{padding-right: 50px;}
.img_box.padding-r-100{padding-right: 100px;}

.banner_inner{background: url(../img/inner_lien.png) no-repeat; background-size: 100% 100%;}

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

.about_list_ul{list-style: none; padding: 0px; margin: 0px;}
.about_list_ul li{display: block; position: relative; padding: 15px; padding-left: 60px; margin-bottom: 10px;}
.about_list_ul li:last-child{margin-bottom: 0px;}
.about_list_ul li::before{content: ""; position: absolute; left: 0; background: url(../img/left-check.png) no-repeat; height: 40px; width: 40px; background-size: 100% 100%;}
.about_list_ul li h5{font-size: 17px;}
.about_list_ul li p{margin-bottom: 0px; color: #b2b2b2;}

.inner_header{background: #000;}
.hedaer_padding{padding-top: 90px;}

.banner_lien_shadow{position: absolute; opacity: .8; z-index: -1; left: 0; top:0; }
.banner_section{min-height: 100vh; padding-bottom: 50px; padding-top: 150px;}
.banner_lien{position: absolute; z-index: -1; width: 50%; height: 100%; right: 0;top: 0;}
.banner_img{position: absolute; right: 0;}
.banner_text{margin-top: 40px;}
.banner_text h1{font-size: 60px; position: relative; display: inline-block; font-weight: 700;}
.banner_section::after {content: "";position: absolute;width: 100%;left: 0;right: 0;background: linear-gradient(0deg, black 20%, rgba(0, 0, 0, 0) 100%);height:15%;bottom: 0;}
.navbar-toggler-icon {filter: brightness(0) invert(1);}
.referal_link{display: inline-block;padding: 10px 10px;border-radius: 50px;background-image: linear-gradient(90deg, #2f641b52 20%, #020202 100%);border: 1px solid #4f4f4f;font-size: 18px;}
.referal_link button{background: #578f2c;color: #fff;height: 50px;width: 50px;border: none;border-radius: 50%;font-size: 20px;margin-right: 10px;}
.referal_link button:hover{background: #fff;color: #578f2c;}
.lien_box {border: 1px solid #ffffff26;}

.swap_icon{margin: auto; display: block; cursor: pointer; width: 50px;}
.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 1fr 1fr 1fr; gap: 9px; padding: 0px; overflow: hidden; list-style: none;}
.trx_btn li{display: block;}
.trx_btn li button{display: block; width:100%; padding: 8px 8px; font-size: 12px; text-align: center; border-radius: 10px; background: transparent;  color: #fff; border: 1.5px solid #2c2b2b;}
.trx_btn li button.active{color:#fff; background: transparent; border: 1.5px solid #578f2c;}
.trx_btn li button:hover{color:#fff; background: transparent; border: 1.5px solid #578f2c;}
.trx_btn li.active button{color:#fff; background: #578f2c; border: 1.5px solid #578f2c;}
.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 #578f2c; 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: #1d1d1d; border-radius: 15px; overflow: hidden;}
.lien_tab.nav-tabs .nav-link {color: #737272 !important; font-size: 15px; padding: 10px 20px !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; margin-right: 15px; 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 {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;}
.form-check-input:checked {
  background-color: #578f2c;
  border-color: #578f2c;
}

p{color: #b2b2b2;}

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

.deposit_box{background: #1e1e1e; font-size: 14px; padding: 8px 15px; border-radius: 5px;}


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






.bgline_box{padding: 50px 0 50px; background: url(../img/bgline-1536x608.png) no-repeat top center; background-size: 100% 100%;}
.gradient_bg{background: linear-gradient(175deg,#fff 35%,#578f2c); color: #000;}


.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-image: linear-gradient(0deg, #578f2c7a 20%, #020202 100%); 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: 150px; position: absolute; right: 30px; top: -95px; z-index: -1;}

.features_box{text-align: center; height: 100%; background: linear-gradient(to bottom, #2f641b52, #020401); border: 1px solid #292f36; border-radius: 14px; padding: 30px 30px;}
.features_box img{width: 40px; margin-bottom: 20px; filter: brightness(0) invert(1) !important;}


.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;}
.page_loader {width: 40px;height: 40px; border-radius: 50%;
  background: radial-gradient(farthest-side,#578f2c 94%,#0000) top/4px 4px no-repeat, conic-gradient(#0000 30%,#578f2c);
  -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);
  }
}