@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: #010101 ; }
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: #010101; 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%;}



.btn_style{border: 1px solid #eb7a236e; 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 #eb7a236e; display: block; padding: 8px 24px; border-radius: 8px; box-shadow: 0px 5px 8px 4px rgb(168 87 25 / 11%);
     -webkit-transition: 0.3s ease-in-out;}
.btn_style:hover span {background-image: linear-gradient(80deg, #f5bd18, #eb7b23); border-color: #eb7a236e;}
.btn_style.btn_bg_color span {background-image: linear-gradient(80deg, #f5bd18, #eb7b23); border-color: #eb7a236e;}
.btn_style.btn_bg_color{border: 1px solid #eb7a236e;}
.btn_style.btn_bg_color:hover span {background-image: linear-gradient(80deg, #f5bd18, #f5bd18);}
.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: #010101; box-shadow: rgba(235, 123, 35, 0.1) 0px 4px 6px -1px, rgba(235, 123, 35, 0.06) 0px 2px 4px -1px;}
.header_logo{width: 150px; transition: all 0.4s;}
header.menu_fixed .header_logo{width: 140px;}
.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%,#eb7b23); 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: #fff; 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 #eb7d2382; padding: 8px 10px; border-radius: 30px; font-size: 13px; background-image: linear-gradient(90deg, #eb7d233b  5%, #030a1700 20% 80%, #eb7d233b  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, #EB7B23, #F5BD18 90%); -webkit-text-fill-color: transparent;  -webkit-background-clip: text;  background-clip: text;}
.bg-chart {opacity: .1; z-index: -1; background-image: url(../img/banner_chart.png); background-position: 0 0, 50%; background-repeat: repeat, no-repeat; background-size: 100% 100%;  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, #eb7d2382 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: #fff;}
.gif_img_box{border-radius: 18px;}
.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, #101010 0%, #101010 80%); border-radius: 20px;}
.check_list{position: relative; color: #fff; font-size: 17px; padding-left: 30px;}
.check_list:hover{color: #eb7b23;}
.check_list::before{content: "\f26b"; position: absolute; left: 0; color: #eb7b23; 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 #eb7b23; display: flex; align-content: center; align-items: center; justify-content: center; font-size: 23px; box-shadow: 0px 0px 100px 0px rgb(193 113 51); 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.9); 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 #eb7b23; background: #101010; 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;}
.blinking-button {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.10) 62%);
    color: #fff;
    animation: blink 1s linear infinite;
  }
@keyframes blink {
0%, 100% {background-color:#a85719;}
50% {background-color: #eb7b23;}
}