@charset "utf-8";

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



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


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

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

.fs-7{font-size: .9rem !important;}
.fs-8{font-size: .8rem !important;}

.pointer{cursor: pointer;}

.opacity-10{opacity: .10;}
.opacity-20{opacity: .20;}
.opacity-30{opacity: .30;}

.icon-200{width: 200px;}
.icon-150{width: 150px;}
.icon-140{width: 140px;}
.icon-130{width: 130px;}
.icon-110{width: 110px;}
.icon-120{width: 120px;}
.icon-100{width: 100px;}
.icon-90{width: 90px;}
.icon-80{width: 80px;}
.icon-70{width: 70px;}
.icon-60{width: 60px;}
.icon-50{width: 50px;}
.icon-40{width: 40px;}
.icon-30{width: 30px;}
.icon-25{width: 25px;}
.icon-20{width: 20px;}
.icon-15{width: 15px;}
.icon-10{width: 10px;}

.fw-300{font-weight: 300}
.fw-400{font-weight: 400}
.fw-500{font-weight: 500}
.fw-600{font-weight: 600}
.fw-700{font-weight: 700}
.fw-800{font-weight: 800}

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

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family: "DM Sans", sans-serif;}


.btn_style{background-image: linear-gradient(to right, #AEFF5F 0%, #7FC040 51%, #AEFF5F 100%);
  background-size: 200% 100%; color: #000;
  transition: all .5s; border-radius: 10px;  text-align: center; display: inline-block;  padding: 10px 25px;}
.btn_style:hover {background-position: 100% 0; color: #000;}

header { z-index: 11; background: transparent; position: fixed; left: 0; right: 0; top: 0;}
.navbar-brand {padding-top: 0px; padding-bottom: 0px;}
.header_logo{width: 120px;}
.navbar-nav .nav-item .nav-link{color: #fff; font-weight: 500; }
.navbar-nav .nav-item .nav-link:hover{color:#d4b14a;}
.navbar-nav .nav-item .nav-link.active{color:#d4b14a;}
.navbar-nav .nav-item{margin-left: 10px;}
.navbar-collapse {flex-grow: unset;}
.navbar {padding: 0px;}
.navbar-toggler-icon {filter: brightness(0) invert(1);}
.navbar-toggler{padding: 0;}
.header_padding{padding-top: 95px;}

header.menu_fixed{background: #000;}


.text_80C040{color:#80C040;}
.text_opacity{color:rgba(255, 255, 255, 0.8) !important;}
.text_opacity_60{color:rgba(255, 255, 255, 0.6) !important;}



.fs_7{font-size: 19px;}
.fs_8{font-size: 18px;}
.fs_8{font-size: 18px;}
.fs_9{font-size: 15px;}

.all_heading h6{color:#fff;  font-size: 19px; font-weight: 500}
.all_heading h2{color:#fff;  font-size: 46px; font-weight: 700}

.banner_heading h6{color: #80C040; font-size: 19px; font-weight: 500; background: #1f2720; display: inline-block; padding: 8px 10px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.10);}
.banner_heading h1{color:#fff;  font-size: 72px; font-weight: 700}

.banner_left{background: #121212; border-radius: 40px; }
.banner_right{background-image: linear-gradient(195deg, #0D2616, #121212); border-radius: 40px;}
.banner_image{max-width: 600px; position: absolute; bottom: 0; left: 10px;}
.download-btn {display: inline-flex; align-items: center; border: 1px solid #fff; border-radius: 50px; padding: 10px 20px; color: #fff; background: transparent; font-size: 14px; font-weight: 600; text-decoration: none; transition: 0.3s;}
.download-btn:hover { border-color: #80C040; color: #80C040;}
.download-btn .icon {transform: rotate(-30deg); transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; background: #80C040; color: #000; width: 30px; height: 30px; border-radius: 50%; margin-left: 10px; font-size: 14px; }
.download-btn:hover .icon{transform: rotate(0deg);}

.features_icon{max-width: 550px; opacity: 0.05; transform: rotate(-21deg); position: absolute; left: 10px; z-index: -1; top: -30px;}
.features_icon_bg{height: 55px; width: 55px; background: rgba(255, 255, 255, 0.15); border-radius: 50%;}

.stats_bg{background: rgba(255, 255, 255, 0.05); border:1px solid rgba(255, 255, 255, 0.1); overflow: hidden; border-radius: 20px; padding: 30px 20px;}

.solution_image{width: 100%; z-index: 1; position: relative;}
.solution_position_one{position: absolute; top: 193px; z-index: 1; left: -300px;}
.solution_position_two {position: absolute; bottom: 160px; z-index: 1; left: -250px;}
.solution_position_three{position: absolute; top: 155px; z-index: 1; right: -275px;}
.solution_position_four {position: absolute; bottom: 110px; z-index: 1; right: -250px;}
.solution_icon_bg{height: 55px; width: 55px; background: rgba(255, 255, 255, 0.10); border-radius: 50%; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);}

.crypto_icon{max-width: 300px; position: absolute; top: -28px; right: -60px; z-index: -1; transform: rotate(-16deg); filter: brightness(0) invert(1); opacity: 0.08;}

.whychoose_icon{max-width: 600px; opacity: 0.05; transform: rotate(38deg); position: absolute; right: 185px; z-index: -1;}

.business_icon{max-width: 450px; opacity: 0.05; transform: rotate(-21deg); position: absolute; left: 48px;}

.steps_bg{background: rgba(255, 255, 255, 0.05); border:1px solid rgba(255, 255, 255, 0.1); border-radius: 20px; height: 290px;}
.steps_graph{width: 100%; position: absolute; bottom: 0px; z-index: -1;}


footer{background: #282828;}
.footer_logo{width: 120px;}
.footer_media {list-style: none; margin-bottom: 0px; display: flex; gap: 8px; padding: 0px;}
.footer_media li {display: inline-block;}
.footer_media li a {color: #fff; font-size: 16px; width: 40px; height: 40px; background: rgba(255, 255, 255, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center;}