@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}



html{overflow-x: hidden;}
body{overflow-x: hidden; font-size: 15px; background-color: #101010; font-family: "Raleway", sans-serif; color: #fff;}
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;}



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

.theme_color{background: linear-gradient(to right, #1A5FE5, #5185EB); background-clip: text; color: transparent;}
.bg_363638{background: #363638;}


.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: #050505; transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1); 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 cubic-bezier(0.77, 0, 0.18, 1);}
.overlayContent img{width:150px;}
.overlayContent p{color:#fff; text-align: center; font-size: 15px; margin-top: 20px;}
#return-to-top {position: fixed; bottom: 60px; right: 10px;color: #fff; transform: rotate(90deg); display: none; transition: all 0.3s ease;}
#return-to-top:hover { color: #000;}

.scroll-down::before {position: absolute; content: ""; letter-spacing: 2px; height: 1px; width: 30px; background:  #fff; left: -45px; top: 49%; animation: upDown2 2s infinite;}
.scroll-down:hover{color: #000; text-decoration: none;}
.scroll-down:hover::before{background:  #000;}

.navbar-light .navbar-nav .nav-link {
  color: #000;
 
}
.navbar-light .navbar-nav .nav-link:hover {
  color: #000 !important;
  
}
.navbar-light .navbar-nav .nav-link.active {
  color: #000 !important;
 
}
@keyframes upDown2 { 0%, 20%, 50%, 80%, 

  100% { transform: translateX(0); }

  40% { transform: translateX(4px); }

  60% { transform: translateX(6px); } }

.Logo{width:230px;}

.Header_section img { width: 140px;}
.Header_section{padding:15px;}
header.menu_fixed {background:#000;}


header {z-index: 111; width: 100%; position: fixed; left: 0; right: 0; top: 0;}
.navbar-brand {padding: 0px;}
header .navbar{padding: 15px 0px;}
.navbar-collapse {flex-grow: unset;}
.navbar-nav .nav-item {font-weight: 500;}
.navbar-toggler-icon {filter: brightness(0) invert(1);}
.navbar-toggler{padding: 0px; border: none;}
.navbar-toggler:focus {box-shadow: none;}
.nav-link {color: #fff; font-size: 14px;}
header .nav-link.active{color: #fff !important;}
.nav-link:hover{color: #fff;}
.nav-link:focus{color: #fff;}

.login_btn{background: transparent; padding: 10px 30px; color: #fff; border-radius: 5px; font-size: 16px; font-weight: 500;}
.login_btn:hover{background: transparent; color: #D4892A;}
.register_btn{border:1px solid #D4892A; background: #101010; padding: 10px 30px; color: #fff; border-radius: 50px; font-size: 16px; font-weight: 500;}
.register_btn:hover{color: #D4892A;}

.HeaderPadding{padding-top: 120px;}

.g-6 {--bs-gutter-y: 7rem;  --bs-gutter-x: 7rem;}

.banner-section{background: url(../img/banner-graph.png) no-repeat bottom; background-size: contain;}
.banner_coin{position: absolute; right: 0px; top: 0px; max-width: 450px;}
.banner_heading h2{font-weight: 600; font-size: 65px; color: #fff;}
.banner_heading h2 span{background: linear-gradient(to bottom, #B16E2E, #F8D163, #D4892A, #CD9A39, #F8D163, #B16E2E ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.banner_heading p{font-weight: 500; font-size: 18px; color: rgba(255, 255, 255, 0.60);}
.banner_heading_width{max-width: 750px;}

.shadow_one {width: 600px; height: 600px; border-radius: 50%; background: #D4892A; opacity: 0.5; filter: blur(250px); position: absolute; right: -150px; top: -100px; z-index: -1;}
.shadow_two {width: 600px; height: 600px; border-radius: 50%; background: #054A40; opacity: 0.5; filter: blur(250px); position: absolute; left: -250px; bottom: -400px; z-index: -1;}
.shadow_three{width: 300px; height: 300px; border-radius: 50%; background: #D4892A; opacity: 0.9; filter: blur(143px); position: absolute; right: 0px; top: -176px; left: 0px; margin: auto;}
.shadow_four{width: 300px;height: 300px; border-radius: 50%; background: #D4892A; opacity: 0.9; filter: blur(143px); position: absolute; top: -176px; left: -76px; margin: auto;}
.shadow_five{width: 300px;height: 300px; border-radius: 50%; background: #D4892A; opacity: 0.9; filter: blur(143px); position: absolute; bottom: -176px; right: -76px; margin: auto;}

.banner_top_text {font-size: 16px; color: #fff; font-weight: 500; padding: 10px 30px; border-radius: 15px; border: 2px solid; border-image: linear-gradient(90deg, #B16E2E, #F8D163, #D4892A); border-image-slice: 1; background-color: transparent; display: inline-block; }

.gradient-button { position: relative; display: inline-flex; align-items: center; gap: 10px; padding: 12px 28px; border-radius: 30px; color: #fff; font-size: 16px; text-decoration: none; background-color: transparent; z-index: 1; }
.gradient-button::before { content: ''; position: absolute; inset: 0; border-radius: 30px; padding: 1.5px; background: linear-gradient(90deg, #B16E2E, #F8D163, #D4892A); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: -1; }
.gradient-button img {width: 12px;}
.gradient-button:hover{color: #F8D163;}

.all_heading h6{background: linear-gradient(to bottom, #B16E2E, #F8D163, #D4892A, #CD9A39, #F8D163, #B16E2E ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 600; font-size: 20px;}
.all_heading h3{font-weight: 700; font-size: 32px; color: #fff; line-height: 48px;}
.all_heading p{font-size: 16px; font-weight: 500; color: rgba(255, 255, 255, 0.60);}
.all_heading_width{max-width: 750px;}



.about_bg{border: 1px solid rgba(255, 255, 255, 0.19); border-radius: 15px; overflow: hidden; background: #101010;}
.about_grid{background: url(../img/about-grid.png) no-repeat; background-size: 100% 100%; padding: 30px; position: relative; z-index: 11;}

.bull_image{width: 100%; border-radius: 30px;}
.centralize_bg{background: #101010; border: 1px solid rgba(255, 255, 255, 0.19); border-radius: 10px; padding: 15px;}
.small_heading{font-weight: 700; font-size: 18px; color: #fff;}
.madium_heading{font-weight: 700; font-size: 24px; color: #fff;}
.small_para{font-size: 16px; font-weight: 500; color: rgba(255, 255, 255, 0.60); margin: 0px;}

.features_bg{background: #101010; border: 1px solid rgba(255, 255, 255, 0.19); border-radius: 30px; overflow: hidden;}
.features_icon{width: 70px; position: absolute; left: 0; right: 0; margin: auto; top: 55px;}

.steps_bg{background: url(../img/steps-bg.png) no-repeat; background-size: 100% 100%; padding: 30px; border: 1px solid #B16E2E; border-radius: 30px;}
.dotted_stap_image {height: 600px; margin-top: 110px; width: 100%;}
.step_icon{width: 30px;}
.step_top_margin{margin-top: 180px;}

.coin_image{max-width: 400px;}
.coin_list{list-style: none; padding: 0px; margin: 0px;}
.coin_list li{ padding-right: 15px; padding-left: 30px; position: relative; margin-bottom: 10px; font-size: 16px; font-weight: 500; color: rgba(255, 255, 255, 0.60);}
.coin_list li::before{content: "\f287"; color: #B16E2E; top: 4px; font-size: 11px; font-family: bootstrap-icons !important; position: absolute; left: 0;}
.coin_list li:last-child{margin-bottom: 0;}

.promotion_bg{border: 1px solid #B16E2E; border-radius: 15px; overflow: hidden; background: #101010;}
.promotion_grid{background: url(../img/promo-grid.png) no-repeat; background-size: 100% 100%; padding: 30px; z-index: 11; position: relative;}

.faq_bg{background: url(../img/faq-bg.png) no-repeat; background-size: 100% 100%;}


.accordion_body_two{display: none; color: rgba(255, 255, 255, 0.60);}
.accordion_border_two{cursor: pointer; border-radius: 20px; backdrop-filter: blur(10px); margin-bottom: 15px; font-size: 16px; color: #fff; background-color: rgba(255, 255, 255, 0.05); position: relative;  font-weight: 400; padding: 20px 18px; padding-left: 30px;}
.accordion_border_two:last-child{margin-bottom: 0;}
.accordion_border_two.active::before{content: ""; background: linear-gradient(to bottom, #B16E2E, #F8D163, #D4892A);     position: absolute; left: 0; top: 0; bottom: 0; width: 5px;}
.accordion_border_two.active{border-radius: 0px 20px 20px 0px; }
.accordion_head_two{color: #fff; font-weight: 600; font-size: 25px;}

.accordion_border_main{max-width: 1000px; margin: auto;}
.plusminus{position: absolute; z-index: 1; right: 20px; font-size: 18px; top: 19px;  height: 28px;  text-align: center;}
.accordion_head {cursor: pointer; font-size: 16px; color: #fff; background-color: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); position: relative; padding-right: 34px !important; font-weight: 400; padding: 20px 18px;}
.faq_point{position: absolute; left: 0; top:0}
.accordion_border{position: relative; overflow: hidden; border-radius: 5px; margin-bottom: 15px;}
.accordion_body{display:none; padding: 0px 20px 20px 20px; background-color: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px);}
.accordion_body p{margin-bottom: 0px; color: rgba(255, 255, 255, 0.60); font-size: 14px; font-weight: 400; width: 100%;}
.faq_open{display: block;}
.faq_box{max-width: 100%; margin: auto;}





.footer_bg{background: url(../img/footer-bg.png) no-repeat; background-size: 100% 100%; padding: 30px; border-radius: 15px; border: 1px solid rgba(255, 255, 255, 0.19);}
.footer_logo{width: 140px; margin:auto; display: block;}
.footer_copyright{margin: 0px; text-align: center; font-weight: 400; font-size: 14px; color: #C5C5C5;}
.copyright_bg{background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.17); padding: 15px; border-radius: 30px;}