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




body{overflow-x: hidden; font-size: 15px; background-color: #010018; font-family: 'Anuphan'; 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;}

.container{max-width: 1250px;}

.mt_5{margin-top: 5rem;}
.mb_5{margin-bottom: 5rem;}
.mt_30{padding-Top: 30px;}
.mt_100{margin-top: 100px;}
.pt_5{padding-Top: 5rem;}
.pb_5{padding-bottom: 5rem;}

.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: #010018; 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: #DC242D;}

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

.navbar-light .navbar-nav .nav-link {
  color: #fff;
  font-family: 'Akatab';
  cursor: pointer;
}
.navbar-light .navbar-nav .nav-link:hover {
  color: #DC242D !important;
  font-family: 'Akatab';
}
.navbar-light .navbar-nav .nav-link.active {
  color: #DC242D !important;
  font-family: 'Akatab';
}
@keyframes upDown2 { 0%, 20%, 50%, 80%, 

  100% { transform: translateX(0); }

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

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

.Logo{width:140px;}
.middle_text {flex-direction: column; display: -webkit-flex; -webkit-box-pack: center; -webkit-justify-content: center;}
.Header_section img { width: 140px;}
.Header_section{padding:15px;}
header.menu_fixed {background:#010018;}

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 {margin-left: 10px; 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;}
header .btn_style{width: 130px;}
.btn_style{color: #000; transition: all .3s; background: #fff; border:none; font-weight: 500; display: inline-block; padding: 7px 20px; text-align: center; border-radius: 50px;}
.light_btn{color: #000; margin: auto; justify-content: center; font-size: 14px; border-radius: 10px; font-weight: 600; text-align: center; display: flex; align-items: center; padding: 3px; background: #fff; border: 1px solid rgba(255, 255, 255, 0.07);}
.light_btn span{background: #79b131; margin-right: -19px; padding: 1px; color: #000; width: 35px; height: 35px; display: inline-block; border-radius: 5px; font-size: 22px; margin-left: 14px;} 
.light_btn:hover{background: #79b131; color: #fff;}
.light_btn:hover span i{color: #fff;}

.big_btn{padding: 12px 40px; font-size: 20px;}
.border_btn{font-size: 15px; font-weight: 400; color: #fff; background: transparent; border-radius: 10px; padding: 8px; border: 1.5px solid #fff;}
/* .border_btn:hover::before {left: 120%; transition: all .55s cubic-bezier(.19,1,.22,1);} */
.border_btn:hover{color: #fff; background: #79B131; border: 1.5px solid #79B131;}
.dark_btn{background: #1e72fd; color: #fff;}
.gradient_btn{color: #fff; background-image: linear-gradient(to right, rgba(118, 176, 207, 0.9) 0%, #436cde 51%, rgba(118, 176, 207, 0.9) 100%); background-size: 200% 100%;}
.gradient_btn:hover{background-position: 100% 0; color: #fff; transform: unset;}
.HeaderPadding{padding-top: 120px;}

.BannerBg {background: url(../img/BannerBg.png) no-repeat; background-size: 100% 100%;}
.BannerImage{width: 400px; margin: auto; display: block;}
.BannerHeading h2{font-family: 'Be Vietnam Pro'; font-weight: 400; color: #fff; font-size: 45px; line-height: 65px; background: linear-gradient(to right, #FFFFFF, #8EC73F); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.BannerHeading h2 span{color: #05B0D8;}
.BannerHeading p{font-weight: 400; font-size: 16px; color: #fff;}
.BannerButton{color: #000; width: 170px; justify-content: center; font-size: 14px; border-radius: 10px; font-weight: 600; text-align: center; display: flex; align-items: center; padding: 3px; background: #fff; border: 1px solid rgba(255, 255, 255, 0.07);}
.BannerButton span{background: #79b131; margin-right: -6px; padding: 1px; color: #000; width: 35px; height: 35px; display: inline-block; border-radius: 5px; font-size: 22px; margin-left: 14px;}
.BannerButton:hover{background: #79b131; color: #fff;}
.BannerButton:hover span i{color: #fff;}

.BannerPointOne{background: #23242E; display: table-cell; padding: 5px 20px; border-radius: 24px; position: absolute; top: 35px; left: 100px;}
.BannerPointTwo{background: #23242E; display: table-cell; padding: 5px 20px; border-radius: 24px; position: absolute; bottom: 200px; left: 50px;}
.BannerPointThree{background: #23242E; display: table-cell; padding: 5px 20px; border-radius: 24px; position: absolute; top: 35px; right: 100px;}
.BannerPointFour{background: #23242E; display: table-cell; padding: 5px 20px; border-radius: 24px; position: absolute; bottom: 200px; right: 90px;}
.BannerpointPara{margin: 0px; font-weight: 500; font-size: 14px; color:#fff}
.TextAlign{text-align: center;}
.MarginAuto{margin: auto;}
.BannerLogoBg{background: rgba(255, 255, 255, 0.1); padding: 8px; border-radius: 20px; width: 350px; margin: auto; backdrop-filter: blur(4px);}
.BannerLogo{width: 70px; margin-right: 10px;}

.TradingBg{background-color: rgba(255, 255, 255, 0.1); padding: 20px 0px 0px 0px; border-radius: 15px;}
.TradingImg{border-radius: 0px 0px 0px 15px; padding-top: 68px;}
.TradingInnerBg{background-image: linear-gradient(to bottom right, #010018, #1A192F, #1A192F, #1A192F); padding: 30px; border-radius: 15px 0px 0px 0px;}
.AboutUsText{background-color: rgba(255, 255, 255, 0.1); backdrop-filter: blur(4px); display: table-cell; font-weight: 500; font-size: 14px; color:#fff; padding: 5px 20px; border-radius: 20px;}
.AboutHeading{font-family: 'Be Vietnam Pro'; font-weight: 400; font-size: 42px;}
.AboutPara{font-weight: 400; font-size: 14px; color:#fff;}
.TradingShadow { width: 100px; height: 100px; border-radius: 50%; background: #fff; filter: blur(72px); position: absolute; right: 190px; bottom: 140px; z-index: -1; opacity: 0.9;}
.MissionBg{background-color: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.25); padding: 30px; border-radius: 15px;}
.MissionIcon{ height: 35px; width: 35px;}
.MissionHeading{font-family: 'Be Vietnam Pro'; font-weight: 400; font-size: 30px; margin: 0px;}
.MissionIconBg{height: 60px; width: 60px; border-radius: 30px; padding: 11px !important; margin-right: 20px;}
.IconBg1{background: #D2EBAB;}
.IconBg2{background: #A8BFFF;}
.IconBg3{background: #FCCCCC;}


.MaxWidth{max-width: 800px;}
.ChooseMaxWidth{max-width: 500px;}
.Padding20{padding: 20px;}

.FeaturesRadiusText{background: rgba(255, 255, 255, 0.1); padding: 8px; border-radius: 20px; width: 150px; margin: auto; backdrop-filter: blur(4px);}
.FeaturesBg{border: 1.5px solid rgba(255, 255, 255, 0.25); background: #0E0D24; padding: 20px; border-radius: 15px;}
.FeaturesIconBg{height: 50px; width: 50px; border-radius: 30px; padding: 9px !important; margin-right: 20px;}
.FeaturesIcon{ height: 30px; width: 30px;}
.FeaturesHeading{font-family: 'Be Vietnam Pro'; font-weight: 300; font-size: 18px; margin: 0px;}
.Features01{width: 330px; margin: auto; display: block; margin-bottom: -20px;}
.Features02{width: 100%; border-radius: 15px 15px 0px 0px;}
.Features04{width: 195px; margin: auto; display: block; margin-bottom: -10px;}
.Features03{width: 100%; margin-top: -38px;}
.FeaturesBg:hover {background-image: linear-gradient( #1A192F, #1A192F, #010018);}
.FeaturesBgMiddle{border: 1.5px solid rgba(255, 255, 255, 0.25); background: #0E0D24; border-radius: 15px;}
.FeaturesBgMiddle:hover{background-image: linear-gradient( #1A192F, #1A192F, #010018);}

.LogoOpacityIcon{position: absolute; width: 220px; right: -95px; bottom: 0px; transform: rotate(-32deg);}
.WhyChooseBg{background: url(../img/WhyChooseBg.png) no-repeat; height: 350px; background-size: 100% 100%; padding: 40px; border-radius: 15px; border: 1.5px solid rgba(255, 255, 255, 0.25);}
.FaqBg{height: 300px; position: absolute; width: 100%;}

.shadow_lien {height: 1.2px; background: radial-gradient(circle, #B6B2FF 0, transparent 100%); width: 800px; margin: auto;}
.FaqShadow{display: block; width: 500px; position: absolute; left: 0px; right: 0px; z-index: -1; margin: auto;}

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

.Relative{position: relative;}



footer{padding: 25px 0px; background-image: linear-gradient(30deg, #010018, #1A192F, #010018);}
.FooterCopyRight{margin: 0px; text-align: center; font-weight: 400; font-size: 14px; color: #fff;}
.FooterLogo{width:160px;}
.FooterContactBg{background: #0E0D24; float: right; border: 1px solid rgba(255, 255, 255, 0.1); padding: 10px; width: 300px; border-radius: 20px;}
.FooterContactBg p{margin: 0px; text-align: center; font-weight: 400; font-size: 14px; color: #fff;}
.FooterContactBg p:hover{color: #79b131;}