@charset "utf-8";

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





html{overflow-x: hidden;}
body{overflow-x: hidden; font-family: "Inter", sans-serif; font-size: 16px; color: #d3d3d3; background: #0f100f; 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-500{max-width: 500px;}
.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;}

.g-6, .gy-6 {--bs-gutter-y: 4rem;}
.g-6, .gx-6 {--bs-gutter-x: 4rem;}


.fw-300{font-weight: 300;}
.fw-400{font-weight: 400;}
.fw-500{font-weight: 500;}

.navbar-toggler-icon{filter: brightness(0) invert(1);}
.wallet-adapter-button-start-icon { margin-right: 5px !important;}
.wallet-adapter-button-trigger {background-color: #4f9b6b !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: 15px;}

h1, h2, h3, h4, h5, h6{color: #fff;}
.color_d3d3d3{color: #d3d3d3;}

header { left: 0; right: 0; z-index: 1111; position: absolute; padding: 1.5rem 0;}
.header_padding{padding-top: 80px;}
.navbar-brand {margin: 0; padding: 0;}
.header_logo{width: 180px;}

.btn_style{border: none;color: #000; font-weight: 600; transition: all 0.5s ease;  display: inline-block;  padding: 11px 30px; text-align: center; border-radius: 40px;  background-image: linear-gradient(to right, #37744e 0%, #83f0ab 51%, #37744e 100%); background-size: 200% 100%;}
.btn_style:hover {background-position: 100% 0;color: #000;}
.btn_style.white_btn{color: #000; background: linear-gradient(to right, #fff 0%, #fff  51%, #fff 100%); background-size: 200% 100%;}
.btn_style.white_btn:hover{background-image: linear-gradient(to right, #37744e 0%, #83f0ab 51%, #37744e 100%);  color: #000;}

.menu_outer{background: linear-gradient(90deg, rgb(90, 88, 88) 0%, rgb(15, 15, 15) 25.960726351351347%, rgb(63, 63, 63) 50.16188063063063%, rgb(19, 19, 19) 74.61465371621621%, rgb(85, 84, 84) 100%); border-radius: 40px; padding: 2px;}
.menu_inner{background-color: #111111; padding: 8px 12px 11px 24px; border-radius: inherit;}
.nav-link{color: #fff; font-weight: 600;}
.nav-link:hover{color: #4f9b6b !important;}
.nav-link.active{color: #4f9b6b !important;}

.nav-link:focus{color: #fff;}

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

.theme_color{color: #83f0ab;}
.dark_bg{background: #000;}

.heading_text h2{ font-size: 45px; font-weight: 500; color: #fff;}
.heading_text h2 span{color:#83f0ab;}
.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_shap_bg{ position: absolute; left: 0; right: 0; top:0; bottom: 0; mask: url(../img/banner_shap.svg) alpha no-repeat center / cover; background-color: rgba(253, 253, 253, 0.08);}
.banner_section_bg{background: #000; min-height: 800px; position: relative; overflow: hidden;}
.banner_section_bg::after {content: ""; height: 30%; z-index: 11; position: absolute; width: 100%; left: 0; right:0; background: black; background: linear-gradient(0deg, black 20%, rgba(0, 0, 0, 0) 100%);  bottom: 0;}
.wallet_banner.banner_section_bg::after{height: 20%;}
.wallet_banner.banner_section_bg{min-height: unset;}
.z-111{z-index: 111 !important;}


.banner_padding_top{padding-top: 150px; z-index: 11; position: relative;}
.banner_content h1{font-size: 70px;}
.banner_content p{max-width: 300px;}
.banner_circle{width: 400px; animation: rotateSphere 20s linear infinite; z-index: 1; right: -120px; position: absolute; top: 140px;}
@keyframes rotateSphere {
  0% {
    transform:rotate(0deg)
  }
  100% {
    transform:rotate(360deg)
  }
}
.banner_right_padding{padding-left: 150px;}
.banner_right_outer{border: 3px solid #4f9b6b; backdrop-filter: blur(7px); border-radius: 20px; background: #000; padding: 15px;}
.banner_right_inner{backdrop-filter: blur(7px); padding: 25px; border-radius: inherit; background: linear-gradient(30deg,rgb(17, 17, 17) 10%,rgb(49, 74, 61) 50.16188063063063%,rgb(14, 14, 14) 90%);}
.banner_list{list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap:15px}
.banner_list li{border: 1px solid #83f0ab; font-weight: 500; background: #83f0ab4a; padding: 13px 25px; color: #fff; border-radius: 32px;}

.banner_shap_1 {width: 150px; height: 150px; border-radius: 50%; background: #4f9b6b; filter: blur(125px); position: absolute; left: 0; bottom: 100px;}
.banner_shap_2 {width: 350px; height: 350px; border-radius: 50%; background: #4f9b6bc8; filter: blur(125px); position: absolute; right: -200px; top: 0px;}

.about_robo1{width: 200px; animation: floatrobo 3s ease-in-out infinite; position: absolute; right: 20px; bottom: 20px;}
@keyframes floatrobo {
  0%,
  100% {
    transform:translateY(0)
  }
  50% {
    transform:translateY(-10px)
  }
}

.box_outer{ border-radius: 10px; padding: 1.5px; background: linear-gradient(90deg, rgb(90, 88, 88) 0%, rgb(15, 15, 15) 25.960726351351347%, rgb(63, 63, 63) 50.16188063063063%, rgb(19, 19, 19) 74.61465371621621%, rgb(85, 84, 84) 100%);}
.box_inner{background-color: #000; padding: 20px 20px; border-radius: inherit;}

.service_box{padding: 1px;  border-radius: 22px; background: linear-gradient(90deg, rgb(64, 64, 64) 0%,  10%, rgb(165, 163, 163) 50.16188063063063%, rgb(12, 12, 12) 90%, rgb(52, 52, 52) 100%);}
.service_box_inner{background-color: rgb(14, 15, 14);  border-radius: inherit; padding: 28px;}
.service_box_inner img{width: 100%;}
.service_box_margin{margin-top: 100px;}
.service_box_bg{background: linear-gradient(30deg,rgb(17, 17, 17) 10%,rgb(49, 74, 61) 50.16188063063063%,rgb(14, 14, 14) 90%);  padding: 28px; border-radius: 22px;}
.check_list{padding: 0px; margin: 0px; list-style: none;}
.check_list li{position: relative; color: #fff; font-size: 18px; padding-left: 35px; margin-bottom: 20px;}
.check_list li::before{content: ""; background: url(../img/checkmark.png) no-repeat; background-size: cover; height: 20px; width: 20px; position: absolute; left: 0; top: 4px;}
.check_list li:last-child{margin-bottom: 0px;}

.accordion-item {text-align: left; overflow: hidden; margin-bottom: 15px; position: relative; width: 100%;  display: block;  border-radius: 20px !important;  color: #ADADAD;}
.accordion-item{border: 1px solid #212126; background-color: rgb(14, 15, 14);}
.faq_btn {background: transparent; font-size: 18px; font-weight: 500; text-align: left; color: #fff; display: block; width: 100%; border: none; padding: 22px; 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{ padding: 15px 15px; padding-top: 0;}
.accordion-button:not(.collapsed) {color: #fff;}
.accordion-item:last-child{border-bottom: none;}
.faq_box{max-width: 1100px; margin: auto;}


.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 {border: transparent; color: #4f9b6b !important;}
.lien_tab.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active:hover { color: #4f9b6b !important;}
.lien_tab.nav-tabs {border-bottom: none; background: #222425; border-radius: 28px;}
.table > :not(caption) > * > * {border-color: #cccccc1a;}
.lien_tab.nav-tabs .nav-link:hover{color: #fff !important;}


.box-tab .nav-tabs .nav-link {background: #030705; position: relative; border: none !important; font-size: 20px; border-radius: 10px;}
.box-tab .nav-tabs .nav-link.active::before{content: ""; background: #030705; position: absolute; left: 0; right: 0; bottom: -25px; height: 40px;}
.box-tab .nav-tabs .nav-link:focus, .box-tab .nav-tabs .nav-link:hover {border-color: transparent !important;}
.box-tab .tab-content{background: #030705; z-index: 1; min-height: 300px; overflow: hidden; position: relative; padding: 25px; border-radius: 15px;}
.box-tab .tab-content::before{content: ""; z-index: -1; width: 550px; height: 350px; border-radius: 50%; background: #4f9b6bc8; filter: blur(125px); position: absolute; margin: auto; right: 0px; left: 0; bottom: -200px;}

.step_box img{width: 80px;}
.step_box{position: relative;}
.step_box::before{content: "";background: url(../img/arrow-line.svg) no-repeat center / contain; position: absolute; content: ''; left: 266px; top: 20%; transform: translateY(-50%); width: 288px; height: 10px;}
.arrow_none.step_box::before{display: none;}

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

.set_up_wallet{border-radius: 10px; border: 2px solid #4f9b6b; background-color:#0000006e; height: 100%; width: 100%; padding: 25px 20px;}
.set_up_wallet h4{ color: #fff; font-size: 16px; margin-bottom: 10px;}
.set_up_wallet h3{font-size: 22px; color: #83f0ab; font-weight: 600; margin-bottom: 0;}

.referrals_box button {padding: 5px;position: absolute; right: 10px; color: #000; top: 9px; width: 35px; height: 35px;}
.referrals_box p {word-wrap: break-word; margin-bottom: 0px; color: #fff; position: relative; font-weight: 500;}
.referrals_box {border: 2px solid #4f9b6b; z-index: 11; padding: 15px 15px; padding-right: 55px !important; margin-bottom: 15px; background: #0000006e; border-radius: 45px; position: relative}

label{color: #fff;}

.details_link button{background: #4f9b6b !important; border: none; height: 30px; width: 30px; border-radius: 5px;}
.details_link button img{filter: brightness(0) invert(1);}

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

.input_bg_box .input_area{background-color: #00000069; height: 50px; border: 1px solid#ffffff17; width: 100%; color: rgb(255, 255, 255);  padding: 10px 15px; border-radius: 10px;}
.input_bg_box .input_area:focus{box-shadow:none; outline: none;}

select option{color: #000;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.wallet-adapter-modal-wrapper { background: #141514 !important;}
.wallet-adapter-modal-button-close{ background: #4f9b6b !important;}
.wallet-adapter-modal-button-close svg {fill: #000 !important;}
.trx_btn{display: flex; gap:10px; flex-wrap: wrap; margin: 0; padding: 0px; overflow: hidden; list-style: none;}
.trx_btn li{display: block;}
.trx_btn li button{display: block;width:100%; font-weight: 600; padding: 8px 14px; font-size: 12px; border-radius: 5px; background-color: #fff; border: none; }

.trx_btn li button.active{background-image: linear-gradient(to right, #37744e 0%, #83f0ab 51%, #37744e 100%); background-size: 200% 100%;color: #000;}
.trx_btn li button:hover{background-image: linear-gradient(to right, #37744e 0%, #83f0ab 51%, #37744e 100%); background-size: 200% 100%;color: #000;}

/* header .navbar{padding-right: 65px;} */

.language_abs .dropdown-toggle{background: transparent; color: #fff; border: none; font-size: 13px;}
.language_abs .dropdown-menu a img {width: 17px; margin-right:5px;}
.main_lang_flag{width: 25px; margin-right: 5px; height: 25px; border-radius: 50%}
.language_abs {position: absolute; right: 5px; top: 10px; z-index: 1}
.language_abs .dropdown-item{font-size: 13px; background: transparent; color: #fff; cursor: pointer; padding: 7px 20px;}
.language_abs .dropdown-item:hover{background: #222;}
.language_abs .dropdown-menu{margin-top: 12px !important;  border: none; background: #111;}


.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);
}
}
.footer_text{font-size: 70px; font-weight: 700;}
.footer_logo{width: 250px;}
footer .banner_shap_2 {right: -150px; top: 87px;}