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


html{overflow-x: hidden;}
body{overflow-x: hidden; font-weight: 500; font-family: 'Montserrat', sans-serif; color: #fff; background: #000; font-size: 15px;}
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; transition: all 0.5s ease; text-decoration: none;}

.container{max-width: 1200px;}


header{padding-top: 25px; z-index: 1111; padding-bottom: 15px;  position: absolute; left: 0; right:0; }
.header_lien{content: ""; z-index: 1; background: #ffffff1c; position: absolute; left: 0; right:0; height: 1px; bottom: 0;}



.brand-logo{max-width: 200px; margin-right: 50px; transition: all 0.4s; position: relative;}
.brand-logo .light_logo{width: 100%;}
header .navbar{padding: 0px;}
header .container{z-index: 111; position: relative;}

.btn_style2{border: none;color: #fff; font-weight: 600; text-align: center; display: inline-block; font-size: 14px; padding: 14px 25px;  border-radius: 7px;  background-image: linear-gradient(to right, #fb0379 0%, #da3ef7 51%, #fb0379 100%); background-size: 200% 100%;}
.btn_style2:hover {background-position: 100% 0;color: #fff;}
.btn_style2.btn_bg2{background-image: linear-gradient(to right, #4052ea 0%, #1db1e0 51%, #4052ea 100%);}

.header_btn{border: none; padding: 2px !important; transition: all 0.5s ease; animation: color-change 5s infinite; font-weight: 600; text-align: center; display: inline-block; font-size: 14px; border-radius: 10px; background-image: linear-gradient(to right, #fb0379 0%, #da3ef7 51%, #fb0379 100%); background-size: 200% 100%;}
.header_btn > span{background: #1a1a1a; border-radius: 10px; display: block; padding: 9px 20px !important;}
.header_btn > span > span{background-color: transparent; transition: all 0.5s ease; animation: color-change 5s infinite;
  background-image: linear-gradient(to right, #fb0379 0%, #da3ef7 51%, #fb0379 100%);
  background-size: 200% 100%; display: block;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0px;
  -webkit-background-clip: text;}


@keyframes color-change {
  0% { background-image: linear-gradient(to right, #fb0379 0%, #da3ef7 51%, #fb0379 100%); }
  50% {  background-image: linear-gradient(to right, #4052ea 0%, #1db1e0  51%, #4052ea 100%); }
  100% { background-image: linear-gradient(to right, #ff9a00 0%, #ff0200 51%, #ff9a00 100%); }
}

.header_btn:hover {background-position: 100% 0;color: #fff;}

#return-to-top{display: flex; z-index: 11; justify-content: center;align-items: center; width: 40px; transition: all 0.3s ease; height: 40px; border-radius: 50%; position: fixed; right: 20px; bottom: 20px; background: #409edb; color: #fff;}
#return-to-top img{width: 13px; filter: brightness(0) invert(1);}

.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:250px;}

.banner_section{position: relative; padding-top: 150px; padding-bottom: 50px;}
.banner_section .banner_bg_img{position: absolute; height: 100%; left: 16%; right:0; top:0; bottom: 0; width: 100%;}
.banner_shadow{width: 800px;height: 800px;z-index: -1;border-radius: 50%;background-image: linear-gradient(to right top, #409edb0f 0%, #409edb24 50%, transparent 100%); filter: blur(125px); position: absolute; top: -30%;right: -20%;}
.banner_shadow.position2{  top: -30%; left: -20%;}
.banner_shadow2 {
  width: 1000px;
  height: 500px;
  z-index: -1;
  border-radius: 50%;
  background-image: linear-gradient(to right top, #00f0ff00 0%, #3d98d357 50%, transparent 100%);
  filter: blur(380px);
  position: absolute;
  top: -26%;
  right: -20%;
  left: -20%;
  margin: auto;
}
.banner_image{padding-left: 80px; z-index: 11; position: relative;}
.banner_image img{width: 100%;}
.moveVertical {-webkit-animation: moveVertical 3000ms infinite ease-in-out;animation: moveVertical 3000ms infinite ease-in-out;}
@keyframes moveVertical {
  0% { -webkit-transform: translateY(0px); transform: translateY(0px);}
  50% {-webkit-transform: translateY(-20px); transform: translateY(-20px);}
  100% {-webkit-transform: translateY(0px);transform: translateY(0px);}
}

.banner_content{display: block; max-width: 800px; margin: auto; padding-top: 20px; z-index: 11; position: relative;}
.banner_content .text_line{color: transparent;  -webkit-text-stroke: 1px #9b9b9b;}
.text_gradient{background-color: transparent;
  background-image: linear-gradient(to left, #fff 0%, #9b9b9b 100%);
  -webkit-text-fill-color: transparent;
  background-clip: text;
  -webkit-background-clip: text;}

.banner_content ul{list-style: none; padding: 0px; font-weight: 600;}
.banner_content ul li{color: #bbbbbe; font-size: 15px; margin-right: 20px; display: inline-block;}
.banner_content ul li i{margin-right: 4px; font-size: 18px;}
.banner_content h1{font-weight: 700; line-height: 75px; font-size: 60px;}
.banner_padding{padding-top: 20px; padding-bottom:50px;}
.out_lien_btn{border: 1.5px solid #9b9b9b; color: #9b9b9b; border-radius: 10px; display: inline-block; padding: 12px 50px;}
.out_lien_btn:hover{background: #fff; border: 1.5px solid #fff; color: #000;}
.banner_content h5{margin-top: 25px;}

.set_up_wallet{background: #0f0f0f; padding: 20px 5px; text-align: center; z-index: 111; position: relative; border-radius: 10px;}
.set_up_wallet h4{margin-bottom: 0px; font-size: 14px; font-weight: 500;}
.set_up_wallet h3{color: #409edb; margin-bottom: 15px; font-size: 27px; font-weight: 700;}

.table_pagination{list-style: none; white-space: nowrap; overflow-y: hidden; margin-top: 25px; padding: 0px; text-align: center;}
.table_pagination li{display: inline-block; }
.table_pagination li a{display: inline-block; cursor: pointer;  font-size: 13px; text-align: center; color: #fff !important; width: 40px; height: 40px; background: #ffffff47; border-radius: 5px; margin: 0px 4px; line-height: 40px;}
.table_pagination li.active a{background: #409edb; background-size: 200% 100%;}
.table_pagination li:hover a{background: #409edb; background-size: 200% 100%;}

.card_box{position: relative; padding: 30px; border: 1px solid #383939; overflow: hidden; border-radius: 20px;}
.app_box {color: #fff;
  background: linear-gradient(270deg, rgb(62, 153, 213) 0%, rgb(35, 66, 90) 100%);
  border-radius: 20px;
}
.app_box .out_lien_btn {border: 1.5px solid #fff; color: #fff;}
.app_box .out_lien_btn:hover{border: 1.5px solid #fff; color: #000;}
.app_box p{color: #fff;}


.video-main {position: absolute;left: 47%; top: 43%; z-index: 1;}
.video {height: 50px; width: 50px; line-height: 50px; text-align: center; border-radius: 100%; background: #ffffffe8; color: #409edb; display: inline-block; font-size: 35px; z-index: 999;}

@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}
.waves { position: absolute; width: 150px; height: 150px; background: rgba(255, 255, 255, 0.7);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-radius: 100%;
  right: -50px;
  bottom: -50px;
  z-index: -1;
   -webkit-animation: waves 3s ease-in-out infinite;
  animation: waves 3s ease-in-out infinite;
}
        
.wave-1 {-webkit-animation-delay: 0s; animation-delay: 0s;}
.wave-2 {-webkit-animation-delay: 1s; animation-delay: 1s;}
.wave-3 { -webkit-animation-delay: 2s; animation-delay: 2s;}
.popup-youtube img{width: 20px;}
.video_box{position: relative; padding: 20px; max-width: 800px; margin: auto; border: 1px solid #383939; overflow: hidden; border-radius: 20px;}
.video_box .video-bg-img{width: 100%; border-radius: 20px;}

.language_abs .dropdown-toggle{background: transparent; color: #fff; border: none; font-size: 13px;}
.language_abs .dropdown-menu a img {width: 25px; margin-right:5px;}
.main_lang_flag{width: 30px; margin-right: 5px; height: 30px; border-radius: 50%}
.language_abs {margin-left: 20px;}
.language_abs .dropdown-item{font-size: 13px; background: transparent; color: #fff; cursor: pointer; padding: 7px 20px;}
.language_abs .dropdown-item:hover{background: #1e1d1d;}
.language_abs .dropdown-menu{margin-top: 12px !important;  border: none;  background: #000;}

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

.user_tree .tree ul {padding-top: 15px; list-style:none; margin: 0px; white-space: nowrap; overflow-y: hidden; overflow: hidden; position: relative; text-align:center;}
.user_tree .tree li { text-align: center; list-style-type: none; position: relative; padding: 26px 2px 0 2px; display: inline-block;}
.user_tree .tree li::before{content: ''; position: absolute; top: 0; right: 50%; border-top: 1px solid #635e7d; width: 52%; height: 27px;}
.user_tree .tree li::after{content: ''; position: absolute; top: 0; right: 50%; border-top: 1px solid #635e7d; width: 52%; height: 27px;}
.user_tree .tree li::after{right: auto; left: 50%; border-left: 1px solid #635e7d;}
.user_tree .tree li:only-child::after, .tree li:only-child::before {display: none;}
.user_tree .tree li:only-child{ padding-top: 0;}
.user_tree .tree li:first-child::before, .tree li:last-child::after{border: 0 none;}
.user_tree .tree li:last-child::before{border-right: 1px solid #635e7d; border-radius: 0 5px 0 0;}
.user_tree .tree li:first-child::after{border-radius: 5px 0 0 0;}
.user_tree .tree ul ul::before{content: ''; position: absolute; top: 0px; left: 50%; border-left: 1px solid #635e7d; width: 0; height: 15px;}
.user_tree .tree li span{display: inline-block; position: relative;  border-radius:5px; padding: 0px 10px; text-decoration: none; color: #a8a8a8;  font-size: 11px;}
.user_tree .tree li span:hover+ul li::after,
.user_tree .tree li span:hover+ul li::before,
.user_tree .tree li span:hover+ul::before,
.user_tree .tree li span:hover+ul ul::before{border-color:  #635e7d;}
.user_tree .tree ul li h4{margin-top:5px; margin-bottom: 3px; font-weight: 100;font-size: 13px;}
.user_tree .tree ul li h6{color: #fff; font-size: 15px; font-weight: 300;}
.user_tree .tree ul li h4 a{color:#000;}
.user_tree .tree ul li h4 a:hover{color:#000;}
.user_tree .tree ul li h5 a:hover{color:#000;}
.user_tree .tree ul li h5 a{color:#000;}
.user_tree .tree ul li h5{margin-bottom:0px; margin-top: 3px;}
.user_tree .tree ul li img{border: 1px solid #635e7d; border-radius: 50%; padding: 2px !important; cursor: pointer; height: 60px; width: 60px;}

.heading_text{display: block;}
.heading_text h2{font-size:33px; font-weight: 600;}
.heading_text p{margin-bottom: 0px;}
.heading_middle{max-width: 800px; margin: auto; text-align: center;}
.heading_width{max-width: 900px;}
.why_choose_box h4{margin-bottom: 15px;}
.why_choose_box img{width: 45px; margin-bottom: 15px; filter: brightness(0) invert(1);}
.why_choose_box{padding: 20px 20px;  position: relative; border: 1px solid #2d3d4d; border-radius: 20px;}
.why_choose_box::before{content: ""; width: 400px; 
  height: 400px;
  z-index: -1;
  border-radius: 50%;
  background-image: linear-gradient(to right top, #409edb0f 0%, #409edb24 50%, transparent 100%);
  filter: blur(125px);
  position: absolute;
  top: -30%;
  right: -20%;}
.why_choose_box::after{content: ""; width: 2px;
  height: 35px;
  background: #409edb;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 32px;}

.theme_box{background: #1a1a1a; padding: 30px 25px; border-radius: 10px;}
.list_ul{list-style: none; padding: 0px; color: #b2b2b2;}
.list_ul li{position: relative; padding-left: 27px; margin-bottom: 10px;}
.list_ul li:last-child{margin-bottom: 0px;}
.list_ul li::before{content: ""; height: 10px; width: 10px; border-radius: 50%; background: #b2b2b2; display: inline-block; position: absolute; left: 0; top: 6px;}

.buy_sell_box{position: relative; padding-left: 60px;}
.buy_sell_box span{display: block; padding: 6px; position: absolute; left: 0; top: 0; width:40px; height: 40px; background: #fff; border-radius: 50%;}
.buy_sell_box span img{width: 100%;}
.buy_sell_box h3{font-size: 24px; font-weight: 700; margin-bottom: 20px;}
.buy_sell_box p{margin-bottom: 0px; width: 90%; color: #bababd;}
.Simple_steps_ul{list-style: none; padding: 0px; margin-bottom: 0px;}
.Simple_steps_ul li{font-size: 15px; min-height: 53px; font-weight: 600; display: flex; align-items: center; position: relative; padding-left: 45px;}
.Simple_steps_ul li span{background: #292929; text-align: center; display: block; padding: 6px; position: absolute; left: 0; top: 9px; width:35px; height: 35px; border-radius: 50%;}
.Simple_steps_ul li h6{color: #bababd; margin: 0px; position: absolute; right: 0; font-size: 13px;}
.Simple_steps_ul li h6 strong{color: #fff; letter-spacing: 1px;}

.theme_box .header_btn > span{padding: 12px 20px !important;}
.input_bg_box{background: #292929; margin-bottom: 10px; padding: 15px 15px; border-radius: 10px;}
.input_bg_box .input_area{background: #1a1a1a; height: 45px; border: none; width: 100%; color: #fff;  padding: 12px 15px; border-radius: 10px;}
.input_bg_box label{display: block; margin-bottom: 10px; color: #bababd;}
.input_bg_box .input_area:focus {color: #fff; outline: 0; box-shadow: none;}
.form-group{margin-bottom: 10px;}

.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; font-weight: 600; width:100%; color: #bababd; padding: 7px 20px; font-size: 12px; border-radius: 25px; background-color: #292929; border: 2px solid #292929; }
.trx_btn li button:hover{color:#fff; border: 2px solid #409edb;}
.trx_btn li button.active{color:#fff; border: 2px solid #409edb;}
.w-block{width: 100%;}
p{color: #bababd;}
h4{font-size: 20px;}
.withdraw_text{text-align: center;}
.withdraw_text h5{color: #409edb; font-size: 16px; font-weight: 500; text-transform: uppercase;}
.withdraw_text h2{font-weight: 600;}

.referrals_box{background: #1a1a1a; position: relative; border: none; width: 100%; color: #fff;  padding: 14px 15px; border-radius: 10px;}
.referrals_box button{background: transparent; width: 35px; border: none; position: absolute;right: 7px; top: 7px; }
.referrals_box button img{width: 100%;}
.referrals_box p{margin-bottom: 0px;}
.Benefits_margin_top{margin-top: 100px;}
.binance_img_bg img{border: 1px solid #cccccc6b; border-radius: 10px;}
.binance_img_bg {padding-left: 40px;}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{color: #fff; font-weight: 600; background-color: #292929; border: 2px solid #409edb;}
.nav-tabs .nav-link:hover{color: #fff; background-color: #292929; border: 2px solid #409edb;}
.nav-tabs .nav-link {color: #bababd; padding: 10px 20px; font-weight: 600; font-size: 13px; text-align: center; border-radius: 25px; background-color: #292929; border: 2px solid #292929;}
.table > :not(caption) > * > * {background: transparent; padding: 15px 15px; color: #bababd;}

.nav-tabs{border-bottom: none;}
.nav-tabs .nav-item {margin-right: 10px; margin-bottom: 10px;}
.tab-content{border: 1.6px solid #f3f3f31c;border-radius: 10px;overflow: hidden;}
.tab_box{background: #0309114a;padding: 25px;border-radius: 15px;border: 2px solid #f3f3f31c;}
.dark_table thead tr {color: #fff; border-radius: 10px;}
.table thead th {border-bottom: 1px solid #f3f3f31c; color: #fff; border-top: none;}
.dark_table .table {color: #acacac; font-size: 14px;}
.table tr td{border-bottom: 1px solid #f3f3f31c;}
.table > thead{background: #292929;}
.mobile_menu_logo {
  width: 200px;
}

.body_shadow_lien{list-style: none; z-index: -1; display: flex; position: absolute; left: 20px; right: 20px; top:0; bottom: 0; padding: 0; margin: 0;}
.body_shadow_lien li{display: block; background-image: linear-gradient(0deg, #070c0c00 12%, #070c0c29 100%); position: relative; margin: 0px 10px; flex-grow: 1;}
.body_shadow_lien li::before{content: "";
  background-image: linear-gradient(0deg, #fff0 12%, #ffffff30 100%);
  width: 1px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;}
.body_shadow_lien li::after{content: "";
  background-image: linear-gradient(0deg, #fff0 12%, #ffffff30 100%);
  width: 1px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;}

.plusminus{position: absolute; z-index: 1; right: 10px; font-size: 15px; top: 17px; color: #fff; height: 28px; width: 28px; text-align: center;}
.accordion_head {cursor: pointer; background: #1a1a1a; position: relative; padding-right: 34px !important; font-size: 17px; font-weight: 600; padding: 15px 20px;}
.faq_point{position: absolute; left: 0; top:0}
.accordion_border{position: relative;border: 1px solid #1a1a1a; border-radius: 10px; overflow: hidden; margin-bottom: 15px;}
.accordion_body{display:none;  padding:15px 20px;}
.accordion_body p{margin-bottom: 0px; width: 100%; line-height: 27px;}
.faq_open{display: block;}

footer{background: #000; border-top: 2px solid #1f1f1f;}
footer hr{margin:30px 0px; opacity: .2;}
.footer_logo{width: 250px;}

.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;}
.page_loader:hover {scale: 0.95;}
.page_loader:active {scale: 2.5;}
@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;
  }
}



.floating_btn {position:fixed; top:50%; z-index: 11; left:10px; text-align:center; z-index:1000;}
.floating_btn .trigger {border-radius:50%; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); position:relative; background:#409edb; color:#fff;height:50px; padding: 10px; width:50px; vertical-align:middle; animation: 1.5s linear 0s infinite normal pulse; transition: ease-in-out 0.2s; cursor: pointer;}
.floating_btn .trigger img{width: 100%; filter: brightness(0) invert(1);}
.floating_btn .trigger:hover{transform:scale(1.1);}
@keyframes pulse {
    0% {
      box-shadow: 0px 1px 0px 3px #4154f24a, 0px 0px 0px 0px #4154f24a;
    }
    30% {
      box-shadow: 0px 1px 0px 3px #4154f24a, 0px 0px 0px 5px #4154f24a;
    }
    70% {
      box-shadow: 0px 1px 0px 3px #4154f24a, 0px 0px 0px 15px #3c7cce4a;
    }
    100% {   
      box-shadow: 1px 1px 2px 1px #4154f24a, 0px 0px 0px 20px transparent;
    }
}