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


html{overflow-x: hidden;}
body{overflow-x: hidden; font-weight: 500;  font-family: 'DM Sans'; color: #fff; background: #000; font-size: 17px;}
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;}
p{font-size: 16px; color: #bbb;}
.container{max-width: 1300px;}

#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:180px;}

.HeaderPadding{padding-top: 100px;}

header{padding: 18px 0px; z-index: 1111; background: rgba(0, 0, 0, 0.9); position: fixed; left: 0; right:0; }
header .navbar{padding: 0;}
header.menu_fixed .brand-logo{max-width: 140px;}
header.menu_fixed{background-color:#000;}

.line-height-30{line-height: 30px;}
.line-height-35{line-height: 35px;}


.fw-300{font-weight: 300 !important;}
.fw-400{font-weight: 400 !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-14{font-size: 14px;}
.font-15{font-size: 15px;}
.font-16{font-size: 16px;}

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

.theme_color{color: #FF4522;}

.DesktopImg{width: 500px; margin: auto; display: block; z-index: 1; position: relative;}
.WithdrawImg{width: 600px; margin: auto; display: block;}

.btn_style{color: #fff; display: flex; align-items: center; justify-content: center; padding: 7px 30px; text-align: center; border-radius: 40px; background-image: linear-gradient(to right, #BC2F15, #FF4522 );}
.btn_style:hover {color: #fff; background-image: linear-gradient(to right, #BC2F15, #BC2F15 );}
.btn_style.white_btn{background: transparent; border: 1.5px solid #A5E22D !important;}
.btn_style.white_btn:hover{color: #000; background: #A5E22D;}

.btn_style.white_btn.white_btn_transparent{color: #fff; background: transparent;}
.btn_style.white_btn.white_btn_transparent:hover{color: #000; background: #A5E22D;}

.big_btn {padding: 16px 45px;}
.btn_style.arrow_btn{padding-right: 10px;}
.arrow_btn .arrow_btn_icon{background: #000; transition: all 0.3s ease; transform: rotate(-30deg); margin-left: 10px; width: 25px;height: 25px;display: flex;  justify-content: center; color: #fff; border-radius: 50%;}
.btn_style:hover {color: #fff; background-image: linear-gradient(to right, #BC2F15, #BC2F15 );}
.arrow_btn:hover .arrow_btn_icon{transform: rotate(0deg);}

.heading_text{display: block;}
.heading_text h2{font-size:50px; font-family: "Geist", serif; font-weight: 800;}
.heading_text p{margin-bottom: 0px;}
.heading_middle{max-width: 1000px; margin: auto; text-align: center;}
.heading_width{max-width: 900px;}

.Globe{position: absolute; width: 300px; left: -150px; top: 30px; rotate: 30deg;}
.GlobeTwo{position: absolute; width: 500px; left: -150px; top: 20px; rotate: 30deg;}

.small_box_Two{background: #0e0e0e; padding: 20px; border-radius: 10px;} 
.small_box_Two:hover { background: linear-gradient(90deg, #202020 0%, #353535 50%, #202020 100%); }
.small_box:hover { background: linear-gradient(90deg, #202020 0%, #353535 50%, #202020 100%); }

.icon_box {background: #A5E22D; padding: 7px; margin: auto; border-radius: 10px; width: 55px; height: 55px; display: flex; align-items: center; justify-content: center; }
.icon_box img { width: 100% }
.icon_box_Two {background: #A5E22D; padding: 7px; border-radius: 10px; width: 55px; height: 55px; display: flex; align-items: center; justify-content: center; }
.icon_box_Two img { width: 100% }
.theme_circle_shadow { width: 500px; height:500px; border-radius: 50%; background: #210805; filter: blur(125px); z-index: -11 !important;}
.theme_circle_shadow_green { width: 400px; height:400px; border-radius: 50%; background: #232c0b; filter: blur(125px); z-index: -11 !important;}
.left_p_shadow_green {position: absolute; top: 0%; left: -20%;}
.left_p_shadow {position: absolute; bottom: -10%; left: -10%;}
.right_p_shadow {position: absolute; bottom: -10%; right: -10%;}
.left_b_p_shadow {position: absolute; bottom: 0%; left: -20%;}
.middle_shadow{position: absolute; left: 0; right: 0; top:0; bottom: 0; margin: auto;}
.GreenGlobe{width: 200px; position: absolute; top: -50px; right: -60px; z-index: 1;}

.Banner_video{position: absolute; transform: scaleX(-1); left: 0;  right: 0; top: 0;}
.Banner_video video{width: 100%;}
.banner-section {background: url(../img/BannerGrid.png) no-repeat; background-size: 100% 100%; height: 600px;}
.banner-section::after { content: ""; position: absolute; width: 100%; left: 0; right: 0; background: linear-gradient(0deg, #000 20%, rgba(0, 0, 0, 0) 100%); height: 15%; bottom: 0; z-index: -1;}

header .tabcontent {display: none;}
.site-menu-main .sub-menu{padding: 15px 0px;}
.sub-menu--item{display: flex;}
.sub-menu--item .tab-left{width: 40%;}
.sub-menu--item .tab-right{width: 60%; margin:0px 10px 0px 0px; color: #fff;}
.sub-menu--item .tab-left a{padding: 8px 20px; color: #fff; display: block;}
.sub-menu--item .tab-left a:hover{background: linear-gradient(90deg, #212121 0%, #353535 50%, #212121 100%);}
.tab_right_box{background: #000; position: relative;  border-radius: 10px;}
.tab_right_box .frame_image{position: absolute; left: 0; right: 0;}
.tab_right_box img{width: 100%; border-radius: inherit;}
.tab_right_box_text{padding: 10px;}
.site-menu-main .sub-menu {min-height: 280px;}
.tab_right_box_text p{margin-bottom: 0; color: #adb19a; font-size: 14px;}
.fugu-responsive-btn a.btn_style {padding: 13px 30px; line-height: unset;}
.banner_text h1{font-size: 64px; font-family: "Geist", serif; font-weight: 800;}
.border_bg{color: #A5E22D;}
.border_bg{background: url(../img/line.png) no-repeat bottom;}
.banner_text{margin-right: 50px;}
.BannerHand{position: absolute; bottom: 40px; right: 0px; width: 700px; animation: upDown 4s infinite alternate ease-in-out;}
@keyframes upDown {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(40px);
    }
}
.AboutImage{width: 500px; margin: auto; display: block;}

.image2_box img {max-width: 300px; display: block; margin: auto; z-index: 1;}
.lien_list{list-style: none; position: relative; padding: 0; display: grid; grid-template-columns: 1fr; gap: 20px;}
.lien_list li{font-size: 19px; position: relative; padding-left: 30px;}
.lien_list li::before{content: ""; background: #A5E22D; height: 13px; width: 13px; position: absolute; left: 1.5px; top:7px; display: inline-block; border-radius: 50%;}
.lien_list::before{content: ""; position: absolute; inset-block: 0; inset-inline-start: 0;width: 2.3px; background: linear-gradient( transparent, hsl(80.4, 67.4%, 26.5%) 30%, hsl(80.4, 67.4%, 26.5%) 70%, #527116 );  left: 7px; bottom: -24px; top: -30px}
.lien_list::after{content: ""; background: url(../img/curveLine.png) no-repeat; width: 200px; height: 60px; background-size: contain; position: absolute; bottom: -84px; left: 7px;}
.lien_list_box{max-width: 400px; margin: auto;}


.step_box{padding: 0px 20px; position: relative;}
.long-Arrow{width: 70%; position: absolute; top: 25px; left: 280px; right: 0; margin: auto; filter: brightness(0) invert(1);}
.step_circle{background: transparent; margin: auto; display: block; border: 2px solid #FF4522; color: #fff; font-size: 35px; font-weight: 600; padding: 5px; border-radius: 100px; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center;}

.footer_box{background: #1f1f1f; border-radius: 15px;}
.copy_right_box{background: #A5E22D; color: #000; padding: 20px 0px; margin-top: -40px; padding-top: 60px}

.menu_link{padding: 0px; margin: 0px; list-style: inside;}
.menu_link li{margin-bottom: 10px;  display: block;}
.menu_link li:last-child{margin-bottom: 0;}
.menu_link li a{color: #fff; opacity: .7; text-decoration: none; font-weight: 400;}
.menu_link li span{color: #fff; opacity: .7;}
.menu_link li a:hover{color: #FF4522; opacity: 1;}
.footer_logo{max-width: 120px;}
.footer_content_box{ color: #ccc;}
.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: 35px; height: 35px; background: rgba(0, 0, 0, 0.5); border: 1px solid #A5E22D; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.footer_media li a:hover {background: #A5E22D; border: 1px solid #A5E22D;}
.footer_menu{padding: 0px; margin: 0px; list-style: none;}
.footer_menu li{display: inline-block; margin-right: 15px; position: relative;}
.footer_menu li a{color: #A5E22D; font-weight: 600; position: relative; text-decoration: none;}
.footer_menu li::before{content: ""; background: #A5E22D; width: 1.5px; height: 17px; display: inline-block; position: absolute; right: -11px; top: 5px;}
.footer_menu li a:hover{opacity: .7;}
.footer_menu li:last-child:before{display: none;}
.copy_right_box .footer_menu li a{color: #000; font-weight: 500;}
.copy_right_box .footer_menu li::before{background: #000; font-weight: 500;}


.ContactBg{background: url(../img/ContactBg.png) no-repeat; background-size: cover; height: 350px;}
.PaddingTop{padding-top: 120px;}
.Padding20{padding: 20px !important; }
.ContactAddressBg{background: #1f1f1f; border-radius: 10px; padding: 15px;}
.ContactImage{width: 45px; height: 45px;}
.dark_box{background: #0e0e0e; padding: 20px; border-radius: 10px;}
.AllInput{background: transparent; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 5px; padding: 12px; color: #fff !important;}
.AllInput:focus{background: transparent; box-shadow: none; border: 1px solid #fff;}
.ContactLabel{color: #fff; position: absolute; background: #1f1f1f; padding: 0px 13px; top: -15px; left: 13px;}
.InputMargin{padding: 15px 10px;}

.ForexBg{background: url(../img/Market_Forex.png) no-repeat; background-size: cover; height: 380px;}
.IndicesBg{background: url(../img/Market_Indices.png) no-repeat; background-size: cover; height: 380px;}
.SharesBg{background: url(../img/Market_Shares.png) no-repeat; background-size: cover; height: 380px;}
.CommodityBg{background: url(../img/Market_Commodity.png) no-repeat; background-size: cover; height: 380px;}
.CryptoBg{background: url(../img/Market_Crypro.png) no-repeat; background-size: cover; height: 380px;}
.ETFBg{background: url(../img/Market_ETF.png) no-repeat; background-size: cover; height: 380px;}


.MetaTraderBg{background: url(../img/Platform01.png) no-repeat; background-size: cover; height: 450px;}
.MobileTradingBg{background: url(../img/Platform02.png) no-repeat; background-size: cover; height: 450px;}
.DownloadIcon i{margin-right: 10px;}

.MetaTrader{display: block; margin-left: auto; margin-top: -45px;}
.MetaTraderThree{width: 100%;}
.MetaTraderHeight{height: 415px;}

.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: #191919; position: relative; padding-right: 34px !important;  font-weight: 600; padding: 20px 18px;}
.accordion_head.active { color: #000; background-color: #A5E22D; }
.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:15px 0px; padding: 20px; background: #262626;}
.accordion_body p{margin-bottom: 0px; color: #fff; font-size: 14px; font-weight: 500; width: 100%;}

.TableBorder{border: 1px solid #fff; border-radius: 10px; padding: 15px;}
.TickImage{width: 25px; margin-right: 15px;}

.TradingBg{background: url(../img/Platform03.png) no-repeat; background-size: cover; height: 350px;}

.AffiliateBg{background: url(../img/Partnership01.png) no-repeat; background-size: cover; height: 380px;}
.IntroducingBg{background: url(../img/Partnership02.png) no-repeat; background-size: cover; height: 380px;}

.AffliateHeading{color: #A5E22D;}

.BorderDotted{border-bottom: 2px dashed #A5E22D; position: absolute; left: 0px; right: 0px; top: 45px; z-index: -1; margin: auto;}
.BgBorder{border: 1px solid rgba(255, 255, 255, 0.25); padding: 8px; border-radius: 15px; background: #000;}
.BgBorderInner{border: 1px solid rgba(255, 255, 255, 0.25); padding: 6px; border-radius: 10px; background: #000; height: 70px; width: 70px;}
.BgBorderInner:hover{background-image: linear-gradient(#FF4522, #631000); border: 1px solid #000;}
.BgBorderInner img{width: 40px; margin: auto; display: block;}
.BgBorderInner p{color: #fff; margin: 0px; font-size: 11px; padding-top: 5px; text-align: center;}

/* .BorderAnimation{animation: moveLeft 10s linear infinite;} */
.wrapper {width: 100%; position: relative; height: 100px; margin-top: 1rem; overflow: hidden;}
.wrapper:before, .wrapper:after {
    position: absolute;
    top: 0;
    content: '';
    width: 50px;
    height: 100%;
    z-index: 2;
  }
  
  .wrapper:before {
    left: 0;
    background: linear-gradient(to left, rgba(255,255,255,0), rgb(0, 0, 0));
  }
  
  .wrapper:after {
    right: 0;
    background: linear-gradient(to right, rgba(255,255,255,0), rgb(0, 0, 0));
  }
   
  @keyframes scrollRight {
    to {
      right: -100px;
    }
  }
  
  .item {
    border-radius: 6px;
    position: absolute;
    right: max(calc(100px * 6), 100%);
    animation-name: scrollRight;
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
  }
  
  .item1 {
    animation-delay: calc(30s / 6 * (6 - 1) * -1);
  }
  
  .item2 {
    animation-delay: calc(30s / 6 * (6 - 2) * -1);
  }
  
  .item3 {
    animation-delay: calc(30s / 6 * (6 - 3) * -1);
  }
  
  .item4 {
    animation-delay: calc(30s / 6 * (6 - 4) * -1);
  }
  
  .item5 {
    animation-delay: calc(30s / 6 * (6 - 5) * -1);
  }
  
  .item6 {
    animation-delay: calc(30s / 6 * (6 - 6) * -1);
  }

  
  @keyframes scrollLeft {
    to {
      left: -100px;
    }
  }
  
  .itemtwo {
    border-radius: 6px;
    position: absolute;
    left: max(calc(100px * 6), 100%);
    animation-name: scrollLeft;
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
  }

table {width: 100%; border-collapse: none; color: white; text-align: left;}
tr{border-top: 10px solid #000; border-bottom: 10px solid #000; background-color: #111;}
th, td {padding: 10px;}
th {background-color: #000; }