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




body{overflow-x: hidden; font-size: 15px; background-color: #09001A; font-family: 'Arimo'; 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: #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: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:  #DC242D; 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:120px;}
.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: rgba(0, 0, 0, 0.05); backdrop-filter: blur(100px)}
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: 110px;}
.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{background: #fff; color: #000; border-radius: 8px; padding: 10px; font-size: 14px; font-weight: 500;} 
.light_btn:hover{background: #0071C0; color: #fff;}

.big_btn{padding: 12px 40px; font-size: 20px;}
.border_btn{font-size: 14px; margin: 0px 5px; font-weight: 500; color: #fff; background: transparent; border-radius: 8px; padding: 9px; 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; border: 1.5px solid #0071C0; background: #0071C0;}
.border_btn::before {background: #fff; content: ""; height: 155px; left: -75px; opacity: .2; position: absolute; top: -50px; transform: rotate(35deg); transition: all .55s cubic-bezier(.19,1,.22,1); width: 50px;}
.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: 15px;}
.AllPadding{padding: 25px;}
.AllPaddingTwo{padding: 20px;}



.BannerHeading img{width: 45px;}
.BannerHeading h2{color: #000; font-weight: 400; font-size: 43px; padding-left: 26px; margin-top: -15px;}
.BannerHeading p{font-family: 'Barlow'; color: #000; font-weight: 400; padding-left: 26px; font-size: 16px; padding-top: 10px; padding-bottom: 10px;}
.BannerCutout{position: absolute; bottom: 0px; width: 100%;}




.AllButton{background: #0071C0; color: #fff; padding: 12px 35px; border-radius: 10px; margin-left: 26px; font-size: 15px;}
.AllButton:hover{background: #083b91; color: #fff;}

.BannerLeftShadow {width: 300px; height: 300px; border-radius: 50%; background: #0071C0; filter: blur(114px); position: absolute; left: -87px; top: -128px; z-index: -1; opacity: 0.6;}
.BannerRightShadow {width: 300px; height: 300px; border-radius: 50%; background: #0071C0; filter: blur(114px); position: absolute; right: -87px; bottom: -90px; z-index: -1; opacity: 0.6;}
.BannerInnerBg{background: #F0FCFF; border-radius: 25px;}
.BannerMobile{width: 100%; border-radius: 25px;}
.BannerSmallPara{font-family: 'Barlow'; font-weight: 400; padding-left: 53px !important; font-size: 16px; padding-top: 10px; padding-bottom: 10px; color: #fff; bottom: -20px; position: absolute; width: 400px;}


.relative{position: relative;}

.BannerBg{background: url(../img/BannerBg.png) no-repeat; background-size: 100%; height: 600px; margin-top: 40px;}

.AboutBg{background: url(../img/About_bg.png) no-repeat; background-size: 100% 100%; border-radius: 25px;}
.AboutMobile{position: absolute; top: -70px; bottom: 0px; width: 450px; right: 0px;}
.AboutHeading h2{color: #000; font-weight: 400; font-size: 40px;}
.AboutHeading p{font-family: 'Barlow'; color: #000; font-weight: 400; font-size: 16px; padding-top: 10px; padding-bottom: 10px;}
.AboutButton{background: #0071C0; color: #fff; padding: 12px 35px; border-radius: 10px; font-size: 15px;}
.AboutButton:hover{background: #083b91; color: #fff;}
.AboutPadding{padding: 180px 0px 70px 0px !important;}
.AboutMultiStar{position: absolute; bottom: -50px; right: -3px; transform: rotate(178deg);}

.MissionBg{background: url(../img/MissionGraph.png) no-repeat; background-size: cover; border-radius: 25px; min-height: 300px;}
.InnerHeading{color: #000; font-weight: 400; font-size: 35px;}
.MissionStar{width: 50px; position: absolute; left: -12px; top: -25px;}
.MissionStarTwo{width: 35px; position: absolute; right: -6px; bottom: -58px;}
.MissionDetailsBg{background: linear-gradient(180deg, #0F1428 0%, #090f24 25%, #0071C0 175%); margin-top: 10px; border-radius: 20px;}
.Mission01Image{margin: auto; display: block; width: 350px;}
.WhiteHeading{color: #fff; font-weight: 500; font-size: 35px; text-align: center;}
.WhitePara{font-family: 'Barlow'; font-weight: 400; margin: 0px; font-size: 15px; padding-top: 10px; padding-bottom: 10px; color: #fff; word-spacing: 10px;}
.MissionVisionPosition{margin-top: -250px; z-index: 11; position: relative;}
.MissionLeftShadow {width: 150px; height: 150px; border-radius: 50%; background: #0071C0; filter: blur(114px); position: absolute; left: -40px; bottom: -65px; z-index: -1; opacity: 0.6;}

.MakeMoneyLeftShadow {width: 150px; height: 150px; border-radius: 50%; background: #0071C0; filter: blur(114px); position: absolute; left: -40px; bottom: -65px; z-index: -1; opacity: 0.6;}
.MakeMoneyImage{width: 100%; background: #0F1428; border-radius: 20px;}
.MakeMoneyMultiStar{position: absolute; left: 420px; top: 70px;}
.MakeHeading h2{color: #fff; font-weight: 400; font-size: 40px;}
.MakeHeading p{font-family: 'Barlow'; color: #fff; font-weight: 400; font-size: 16px; padding-top: 10px; padding-bottom: 10px;}
.MakeHeadingButton{background: rgba(255, 255, 255, 0.05); color: #fff; padding: 12px 35px; border-radius: 10px; font-size: 15px; border: 1.5px solid #0071C0;}
.MakeHeadingButton:hover{background: #1e72fd; color: #fff; border: 1.5px solid #1e72fd;}
.MakeLogo{position: absolute; width: 400px; right: -30px;}
.MakeMoneyGraphBg{background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(84px); width: 300px; height: 200px; border: 1px solid #fff; border-radius: 15px; position: absolute; bottom: 50px; left: 172px; animation: upDown 4s infinite ease-in-out;}
.MakeMoneyGraphBg img{width: 300px; height: 200px;}
@keyframes upDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}

.InvestmentHeading{color: #fff; font-weight: 400; font-size: 40px; width: 700px; margin: auto; text-align: center; padding-bottom: 30px;}
.InvestmentBg{background: transparent; padding: 15px; border-radius: 10px;}
.InvestmentBg:hover{background: rgba(255, 255, 255, 0.04);}
.InvestmentBg img{width: 50px;}
.InvestmentBg h4{color: #1DB1E3; font-size: 18px; font-weight: 700; margin: 0px; padding: 18px 0px 0px 0px;}
.InvestmentBg p{font-family: 'Barlow'; font-weight: 400; margin: 0px; font-size: 15px; padding-top: 10px; color: #fff; line-height: 30px;}
.InvestmentRightShadow {width: 150px; height: 150px; border-radius: 50%; background: #0071C0; filter: blur(114px); position: absolute; right: -40px; bottom: -65px; z-index: -1; opacity: 0.6;}
.InvestmentLogo{position: absolute; width: 400px; left: -30px; z-index: -1;}

.FaqGlobe{width: 950px; position: absolute; bottom: -96px; margin: auto; left: 0px; right: 0px;}
.accordion_border_main{width: 800px; 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: #0F162C; 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: #0F162C;}
.accordion_body p{margin-bottom: 0px; color: #B1B1B1; font-size: 14px; font-family: 'Barlow'; font-weight: 400; width: 100%;}
.faq_open{display: block;}
.faq_box{max-width: 100%; margin: auto;}

.FaqRightMultiStar{position: absolute; right: 100px; top: 50px;}
.FaqLeftMultiStar{position: absolute; left: 100px; bottom: -30px;}
.FaqLeftStar { width: 60px; position: absolute; left: 100px; top: 50px;}
.FaqRightStar { width: 120px; position: absolute; right: 113px; bottom: -61px;}

footer{padding: 15px; background: #0F162C; border-top: 1px solid #1DB1E3;}
.FooterLogo {width: 130px;}
.FooterCopyRight {text-align: right; font-family: 'Barlow'; color: #fff; font-size: 14px; font-weight: 400; margin: 0px;}