@charset "utf-8";

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




html{overflow-x: hidden;}
body{overflow-x: hidden;  font-weight: 400; font-family: "Inter", serif; font-size: 15px; color:#fff; background-color: #010515 ; }
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; box-shadow: none !important; transition: all 0.5s ease; text-decoration: none;}
.container{max-width: 1400px;}
.sm_container{max-width: 1000px; margin: auto;}
.md_container{max-width: 1100px; margin: auto;}

.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: #fff; 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:220px;}

.fw-400{font-weight: normal !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-13{font-size: 13px !important;}
.font-14{font-size: 14px !important;}
.font-15{font-size: 15px !important;}
.font-16{font-size: 16px !important;}
.font-17{font-size: 17px !important;}
.font-18{font-size: 18px !important;}
.font-19{font-size: 19px !important;}
.font-20{font-size: 20px !important;}
.font-21{font-size: 21px !important;}
.font-22{font-size: 22px !important;}
.font-23{font-size: 23px !important;}
.font-24{font-size: 24px !important;}
.font-25{font-size: 25px !important;}
.font-26{font-size: 26px !important;}
.font-27{font-size: 27px !important;}
.font-28{font-size: 28px !important;}
.font-29{font-size: 29px !important;}
.font-30{font-size: 30px !important;}
.font-35{font-size: 35px !important;}
.font-40{font-size: 40px !important;}
.font-45{font-size: 45px !important;}
.font-50{font-size: 50px !important;}

.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%;}
.width_15{width: 15%;}
.width_85{width: 85%;}

.text-b7b7b7 {color: #b7b7b7;}
.theme_color{color: #1A6DF5;}

.btn_style{border: 1px solid #2E3547; background: transparent; color: #fff; padding: 6px; border-radius: 14px; text-align: center; display: inline-block; font-size: 14px; -webkit-transition: 0.3s ease-in-out; font-weight: 500;}
.btn_style span{border: 1px solid #424959; display: block; padding: 8px 24px; border-radius: 8px; background: #1A6DF5; box-shadow: 0px 5px 8px 4px rgba(26, 109, 245, 0.12);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.10) 62%); -webkit-transition: 0.3s ease-in-out;}
.btn_style:hover span {background-image: linear-gradient(80deg, #70b1ff, #0074ff); border-color: #0074ff;}
.btn_style.btn_bg_color span {background: #1A6DF5;border-color: #1A6DF5;}
.btn_style.btn_bg_color{border: 1px solid #0F3060;}
.btn_style.btn_bg_color:hover span {background: #0F3061;}
.btn_style .big_btn{padding: 10px 50px;}
header {left: 0; position: fixed; right: 0; z-index: 111;}
header.menu_fixed{position: fixed; padding: .8rem 0px !important; background: #010515; box-shadow: rgba(51, 111, 191, 0.1) 0px 4px 6px -1px, rgba(51, 111, 191, 0.06) 0px 2px 4px -1px;}
.header_logo{width: 230px; transition: all 0.4s;}
header.menu_fixed .header_logo{width: 200px;}
.header_padding{padding-top: 60px;}
.navbar-brand {padding-top: 0px; padding-bottom: 0px; padding-right: 30px;}
.navbar-toggler-icon {filter: brightness(0) invert(1);}

.navbar-nav .nav-item .nav-link{color: #1897d0; font-weight: 500; }
.navbar-nav .nav-item .nav-link:hover{color:#000;}
.navbar-nav .nav-item .nav-link.active{color:#000;}
.navbar-nav .nav-item{margin-left: 15px;}
.navbar-collapse {flex-grow: unset;}
.navbar {padding: 0px;}
.navbar-toggler {border: none; padding: 0;}

.heading_text h2{font-weight: 700; font-size: 45px; background: linear-gradient(175deg,#fff 35%,#1a6df5); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.heading_text p{ margin-bottom: 0; font-size: 18px;}
.middle_heading{max-width: 1000px; margin: auto; text-align: center;}
.heading_width{max-width: 850px;}

.banner_section{min-height: 600px; padding-top: 150px; padding-bottom: 80px; position: relative;}
.banner_section::before{content: ""; opacity: 0.6;background: #4C65F1; filter: blur(350px); width: 605.283px; height: 605.283px; position: absolute; top: -590px; left: 50%; transform: translateX(-50%); z-index: -1;}
.marque_box{max-width: 350px; overflow: hidden;  border: 1px solid #72b2ff70; padding: 8px 10px; border-radius: 30px; font-size: 13px; background-image: linear-gradient(90deg, #004495 5%, #030a1700 20% 80%, #004596 95%);}
.marque_box p{white-space: nowrap; will-change: transform; animation: marquee 5s linear infinite;}
@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
.banner_content{max-width: 900px;}
.banner_content h1{font-size: 70px; font-weight: 600;}
.text-gradient {background-image: linear-gradient(80deg, #0087ff, #709aff 90%); -webkit-text-fill-color: transparent;  -webkit-background-clip: text;  background-clip: text;}
.bg-chart {z-index: 0; opacity: .5; z-index: -1; background-image: linear-gradient(#030a18b3, #030a18b3), url("../img/banner_chart.png"); background-position: 0 0, 50%; background-repeat: repeat, no-repeat; background-size: auto, contain; background-attachment: scroll, scroll;  max-width: 1200px; height: 80%; margin: auto; position: absolute; inset: -6% 0% 0%; transform: translate(0, 50px)scale(.8)rotate(-9deg)skew(20deg);}
.lien-divider {background-color: #0000; background-image: linear-gradient(80deg, #0771df00, #0771df 32% 68%, #0771df00 95%); flex-flow: row; justify-content: center; align-items: center; width: 100%; height: 1.8px; display: flex;}

.banner_btm{grid-column-gap: 50px; grid-row-gap: 15px; flex-flow: wrap; display: flex; align-items: center; justify-content: center;}
.banner_btm_text{align-items: center;  width: auto; display: flex; grid-column-gap: 14px;}
.banner_globe{position: absolute; z-index: -1; right: 50px; top: 0; bottom: 0; margin: auto; width: 280px; opacity: 0.7;}
p{color: #b7b7b7;}
.gif_img_box{border-radius: 18px 18px 18px 18px; box-shadow: 0px 0px 100px 0px rgba(50.137782738727076, 117.85959407718822, 237.74765625, 0.64);}
.gif_img_box .gif_img_box_img{border-radius: inherit; width: 100%;}
.banner_img img{width: 250px;}
.gif_img_box_icon{width: 90px; position: absolute; right: 32px; top: 0; bottom: 0; margin: auto;}

.box_gradient{background-image: linear-gradient(90deg, #001229 0%, #000914 80%); border-radius: 20px;}
.check_list{position: relative; color: #fff; font-size: 17px; padding-left: 30px;}
.check_list:hover{color: #1A6DF5;}
.check_list::before{content: "\f26b"; position: absolute; left: 0; color: #1A6DF5; font-family: bootstrap-icons !important;}

.rop_firm_box img{box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.79); border-radius: 20px;}

.feature_box .icon_box{width: 45px; padding: 4px; margin-right: 10px;}
.feature_box .icon_box img{width: 100%;}
.why-boxes-box{padding: 0px 40px;}
.why-boxes-box-icon{border: 1px solid #0F3060; display: flex; align-content: center; align-items: center; justify-content: center; font-size: 23px; box-shadow: 0px 0px 100px 0px rgba(50.137782738727076, 117.85959407718822, 237.74765625, 0.64); height: 55px; width: 55px; margin-bottom: 20px; border-radius: 8px;}
.why-boxes-box-image img{width: 100%; box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.79); border-radius: 15px;}

.faq_box{margin-bottom: 35px;}
.faq_box:last-child{margin-bottom: 0px;}
.faq_box p{color: #b7b7b7;}
.faq_text_img{width: 200px;}
.insights_trading {display: flex; margin: auto; align-items: center; justify-content: center; column-gap: 5px; border-radius: 99px; border: 1px dashed #233044; background: #0B1325; color: #FFFFFF; text-align: center; font-size: 18px; font-weight: 400; line-height: 22.4px; padding: 12px 5px; margin: 0;}
.insights_trading img {width: 25px;}
.insights_trading_icon{width: 90px; margin: auto; display: block;}

footer {background-color: #000;}
.footer_lien{background: #fff; height: 1.5px;}
.footer-copyright{grid-column-gap: 20px; grid-row-gap: 10px; flex-flow: wrap; justify-content: center;align-self: auto;align-items: center; margin-top: 20px; display: flex;}
.footer-link {color: #ffffffbf; margin-top: 0; margin-bottom: 0; text-decoration: underline;}

.display-hide{display: none;}
.login_inner{max-width: 500px; margin: auto;}
.login_inner .form-group{margin-bottom: 15px;}
.login_inner .form-control{border: 1px solid #233044; background: #0B1325; padding: 11px 15px; color: #fff}
.login_inner .form-control::placeholder{color: #fff; opacity: .2;}
.login_inner .form-control:focus{box-shadow:none}
.login_inner label{margin-bottom: 5px; color: #b7b7b7;}
.toggle-password{position: absolute; cursor: pointer; right: 13px; top: 13px; color: #1a6df5;}
p:empty{margin: 0;}
.login_inner select.form-control{background-size: 12px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE1IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjY5NTU2NSAwLjgyNjY2OEMwLjkzNjE2NCAwLjU4NjA2OSAxLjMxMjY2IDAuNTY0MTk2IDEuNTc3OTcgMC43NjEwNUwxLjY1Mzk4IDAuODI2NjY4TDcuNSA2LjY3MjM4TDEzLjM0NiAwLjgyNjY2OEMxMy41ODY2IDAuNTg2MDY5IDEzLjk2MzEgMC41NjQxOTYgMTQuMjI4NCAwLjc2MTA1TDE0LjMwNDQgMC44MjY2NjhDMTQuNTQ1IDEuMDY3MjcgMTQuNTY2OSAxLjQ0Mzc3IDE0LjM3MDEgMS43MDkwOEwxNC4zMDQ0IDEuNzg1MDhMNy45NzkyMSA4LjExMDMxQzcuNzM4NjEgOC4zNTA5MSA3LjM2MjExIDguMzcyNzggNy4wOTY4IDguMTc1OTNMNy4wMjA3OSA4LjExMDMxTDAuNjk1NTY1IDEuNzg1MDhDMC40MzA5MDUgMS41MjA0MyAwLjQzMDkwNSAxLjA5MTMzIDAuNjk1NTY1IDAuODI2NjY4WiIgZmlsbD0iI0JBQkFCQSIvPgo8L3N2Zz4K) !important;
    background-repeat: no-repeat !important;
    background-position-x: calc(100% - 15px) !important;
    background-position-y: center !important;
    padding-right: 36px !important;
  }