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




body{overflow-x: hidden; font-size: 15px; background-color: #000; font-family: 'Be Vietnam Pro';}
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: #000; 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:200px;}
.overlayContent p{color:#B78932; 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: #B78932;}

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

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

  100% { transform: translateX(0); }

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

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

.Logo{width:170px;}
.middle_text {flex-direction: column; display: -webkit-flex; -webkit-box-pack: center; -webkit-justify-content: center;}
.Header_section img { width: 180px;}
.Header_section{padding:15px;}
header.menu_fixed {background: #101010;}
header {z-index: 111; width: 100%; position: fixed; left: 0; right: 0; top: 0;}
.navbar-brand {padding: 0px;}
header .navbar{padding: 20px 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: 600; display: inline-block; padding: 7px 20px; text-align: center; border-radius: 50px;}
.light_btn{background: #B78932; color: #000; border-radius: 8px; padding: 9px; font-size: 14px; font-weight: 600;} 
.light_btn:hover{background: #fff; color: #000;}

.big_btn{padding: 12px 40px; font-size: 20px;}
.border_btn{border: 2px solid transparent; font-size: 14px; border-radius: 5px; overflow: hidden; position: relative; background: #fff; color: #000; font-weight: 600;}
.border_btn:hover{border: 2px solid#B78932; color: #fff; background: transparent;}
.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: 30px;}

.BannerCircle{width: 80%; position: absolute; left: 0px; right: 0px; margin: auto;}
.BannerBg{max-width: 550px; margin: auto; display: block; position: relative;}
.BannerBg h2{color: #fff; font-weight: 400; text-align: center; font-size: 50px; margin-bottom: 30px;}
.BannerBg p{font-family: AR One Sans; text-align: center; font-weight: 400; color: rgba(255, 255,255, 0.6); margin-bottom: 50px; font-size: 14px;}
.BannerBg span{color: #B78932}
.BannerDashboard{z-index: 1; position: relative; width: 950px; margin: auto; display: block;}

.relative{position: relative;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #fff;}

.ProfitHubMarkets h2{color: #fff; font-weight: 400; font-size: 31px; max-width: 1050px; line-height: 45px;}
.ProfitHubMarkets h2 span{color: #B78932}
.LessionBg{background: #171717; border-radius: 10px; min-height: 275px;}
.LessionImage{width: 100%;}
.LessionImageTwo{width: 100%; position: absolute; bottom: 0px; height: 180px;}
.LessionBeginnerText{text-align: center; color: #fff; font-weight: 500; margin: 0px; z-index: 1; position: relative;}
.LessionBeginnerText i{color: #B78932; font-size: 30px;}
.BulletText{font-family: 'AR One Sans'; color: #fff; font-weight: 400; font-size: 16px; margin: 18px;}
.Bullet{width: 18px; margin-right: 10px;}

.padding15{padding: 15px;}
.padding20{padding: 20px 50px;}

.GrapgSection h5{color: #fff; font-weight: 400; font-size: 17px;}
.GrapgSection p{font-family: AR One Sans; font-weight: 400; font-size: 15px; color: rgba(255, 255, 255, 0.5); width: 280px;}
.GrapgSection img{width: 140px; float: right; margin-top: -20px;}
.AdvanceGuideImage{width: 100%; position: absolute; bottom: 0px;}
.AdvanceGuideBg{background: url(../img/Lession03.png) no-repeat; background-size: 100% 100%; height: 275px;}
.LanguageText h2{color: #B78932; font-weight: 500; font-size: 70px;}
.LanguageText p{font-weight: 500; color: #fff; font-size: 25px; line-height: 45px;}

.MissionBg{background: #171717; border-radius: 14px; padding: 30px;}
.MissionBg h2{text-align: center; font-weight: 400; color: #fff; margin-bottom: 20px; font-size: 35px;}
.MissionBg span{color: #B78932;}
.MissionBg p{font-family: AR One Sans; color: rgba(255, 255, 255, 0.6); margin: 0px; font-size: 16px; line-height: 25px;}

.BigLogo{margin: auto; display: block; width: 850px;}
.Laptop{margin:auto; display: block; width: 750px; margin-top: -50px;}
.LaptopShadow{width: 120px; height: 120px; border-radius: 50%; background: #B78932; opacity: 0.9; filter: blur(60px); position: absolute; left: 275px; bottom: 325px; z-index: -1; animation: topToBottom 3s infinite ease-in-out;}

@keyframes topToBottom {
  0% {
    bottom: 325px;
  }
  50% {
    bottom: 300px;
  }
  100% {
    bottom: 325px;
  }
}
.LaptopShadowRight{width: 120px; height: 120px; border-radius: 50%; background: #B78932; opacity: 0.9; filter: blur(60px); position: absolute; right: 275px; top: 250px; z-index: -1; animation: bottomToTop 3s infinite ease-in-out;}
@keyframes bottomToTop {
  0% {
    top: 300px; /* Start at the bottom */
  }
  50% {
    top: 250px; /* Move to the top */
  }
  100% {
    top: 300px; /* Return to the bottom */
  }
}

.CircleRound{height: 400px; width: 400px; border: 1px solid #fff; border-radius: 50%; margin: auto; margin-top: -250px;}

.CircleRoundText h3{color: #fff; font-size: 30px; font-weight: 500; text-align: center; margin-top: -140px;}
.CircleRoundText span{color: #B78932;}

.Connected h4{color: #fff; font-weight: 400; margin-top: 90px !important; font-size: 22px; text-align: center; width: 800px; margin: auto;}
.Connected span{color: #B78932;}

.OurServices h3{ font-weight: 400; color: #fff; margin-bottom: 10px; font-size: 35px;}
.OurServices span{color: #B78932;}
.OurServices p{font-family: AR One Sans; font-weight: 400; font-size: 15px; color: rgba(255, 255, 255, 0.5); width: 400px;}
.OurServicesPara{font-family: AR One Sans; text-align: right; font-weight: 400; font-size: 15px; color: rgba(255, 255, 255, 0.5);}
.ServiceImage{width: 100%;}
.ServiceImageBg{background: #171717; border-radius: 15px;}
.ServiceImageText h3{font-weight: 400; color: #fff; margin-bottom: 10px; font-size: 35px;}
.ServiceImageText p{font-family: AR One Sans; font-weight: 400; font-size: 15px; color: rgba(255, 255, 255, 0.5);}

.Faq h2{text-align: center; font-weight: 400; color: #fff; margin-bottom: 30px; font-size: 35px;}
.Faq span{color: #B78932;}

.accordion_border_main{max-width: 950px; margin: auto;}
.plusminus{position: absolute; z-index: 1; right: 10px; font-size: 15px; top: 19px;  height: 28px;  text-align: center;}
.accordion_head {cursor: pointer; font-size: 15px; color: #fff; background-color: #171717; 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: 20px;}
.accordion_border_main .active{ border: 1px solid #B78932; box-shadow: 0px 0px 8px -2px #B78932;}
.accordion_body{display:none; padding: 0px 20px 20px 20px; background-color: #171717; backdrop-filter: blur(10px);}
.accordion_body p{margin-bottom: 0px; color: rgba(255, 255, 255, 0.5); font-size: 14px;  font-weight: 400; width: 100%;}
.faq_open{display: block;}
.faq_box{max-width: 100%; margin: auto;}

footer{background: #171717; border-radius: 10px;}
.FooterBorder{height: 1px; width: 100%; background: rgba(255, 255, 255, 0.35);}
.FooterLogo {width: 180px; }
.footer_media {list-style: none; margin-bottom: 0px; display: flex; gap: 8px; padding: 0px; float: right;}
.footer_media li {display: inline-block;}
.footer_media li a {color: #fff; font-size: 15px; width: 30px; height: 30px; background: #414141; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.footer_media li a:hover {background: #5b5b5b;}
.FooterCopyRight {text-align: center; color: #fff; font-size: 12px; font-weight: 400; padding: 15px;}