@charset "utf-8";

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


html{overflow-x: hidden;}
body{overflow-x: hidden; font-size: 16px;  color:#827E7D; font-family: "Be Vietnam Pro", sans-serif; font-family: "Instrument Sans", sans-serif; background-color: #fff ; font-weight: 400;}
a, a:active, a:focus, a:hover {outline: none; box-shadow: none; transition: all 0.5s ease; text-decoration: none;}
button, button:active, button:focus, button:hover {outline: none; box-shadow: none; transition: all 0.5s ease; text-decoration: none;}
.container{max-width: 1300px;}

.navbar-toggler:focus {box-shadow: none;}
.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:200px;}

.fw-300{font-weight: 300 !important;}
.fw-400{font-weight: 400 !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;}
.header_padding {padding-top: 120px;}
.inner_header_padding {padding-top: 100px;}

.site-header .navbar{padding: 0;}

header{position: fixed; left: 0; right: 0; top: 0; z-index: 111; padding: 15px 0px; background: #fff;}
header.menu_fixed {background: #fff;}

.btn-style {display: inline-flex; align-items: center; padding: 8px 16px; font-weight: 400; text-decoration: none; transition: all 0.3s ease;}
.btn-style svg {margin-left: 6px; width: 14px; height: 14px;}
.btn-get-started {background-color: #01874E; color: #fff; border-radius: 30px;}
.btn-login {background-color: #000; color: #fff; border-radius: 30px;}

.icon-10{width: 10px;}
.icon-15{width: 15px;}
.icon-20{width: 20px;}
.icon-25{width: 25px;}
.icon-30{width: 30px;}
.icon-35{width: 35px;}
.icon-40{width: 40px;}
.icon-50{width: 50px;}
.icon-60{width: 60px;}
.icon-70{width: 70px;}

.fw-300{font-weight: 300;}
.fw-400{font-weight: 400;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}

.max-150{max-width: 150px;}
.max-200{max-width: 200px;}
.max-300{max-width: 300px;}
.max-400{max-width: 400px;}
.max-450{max-width: 450px;}
.max-500{max-width: 500px;}
.max-600{max-width: 600px;}
.max-700{max-width: 700px;}
.max-1000{max-width: 1000px;}



.img-white{filter: brightness(0) invert(1);}

h1, h2, h3, h4, h5, h6 {font-family: "Be Vietnam Pro", sans-serif;}

.bg_E2EDEA{background: #E2EDEA;}
.text_047145{color: #047145;}

.Banner_video{position: absolute; left: 0;  right: 0; top: 0;}
.Banner_video::before{content: ""; background-image: linear-gradient(to top, #047145, rgba(18, 12, 26, 0.85) 80%); position: absolute; left: 0; right: 0; top:0; bottom: 0;}
.Banner_video video{width: 100%;}
.banner-section {display: flex; height: auto; position: relative; }

.banner-content{z-index: 1; position: relative;}
.hero-slider {width: 80%; position: relative; margin: auto;}

.slide {display: none; text-align: center; animation: fade 0.8s;}
.slide.active {display: block;}
@keyframes fade {
    from { opacity: 0.3; }
    to { opacity: 1; }
}
.glass-box {background: rgba(255, 255, 255, 0.01); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 20px; backdrop-filter: blur(9px); padding: 30px;}
.top-text {font-size: 13px; letter-spacing: 1px; color: #fff;}
.glass-box h1 {font-size: 60px; font-weight: 700; color: #fff;}
.glass-box p {color: #cccccc; margin-top: 10px; font-size: 16px;}
.arrow {position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255, 255, 255, 0.01); border: 1px solid rgba(255, 255, 255, 0.18); width: 45px; height: 45px; color: #fff; font-size: 20px; display: flex; justify-content: center; align-items: center; border-radius: 50%; cursor: pointer; backdrop-filter: blur(6px); transition: 0.3s;}
.arrow:hover {background: rgba(255,255,255,0.28);}
.arrow.left { left: -120px; }
.arrow.right { right: -120px; }
.dots {text-align: center; margin-top: 20px;}
.dots span {width: 25px; height: 4px; background: #fff; display: inline-block; border-radius: 4px; margin: 0 5px; cursor: pointer; transition: 0.3s;}
.dots span.active {background: #01874E;}
/* Slides */

.border_button{border: 1px solid #fff; border-radius: 5px; padding: 10px 30px; color: #fff;}
.border_button:hover{border: 1px solid #01874E; color: #fff; background: #01874E;}
.border_button_dark{border: 1px solid #01874E; border-radius: 5px; padding: 10px 30px; color: #01874E; background: transparent;}
.border_button_dark:hover{border: 1px solid #01874E; color: #fff; background: #01874E;}
.bg_button{border: 1px solid #01874E; background: #01874E; border-radius: 5px; padding: 10px 30px; color: #fff;}
.bg_button:hover{border: 1px solid #01874E; color: #01874E; background: transparent;}
.banner-section hr{color: #fff;}

.all_heading h2{font-size: 48px; font-weight: 600;}
.all_heading_width{max-width: 800px;}
.all_heading_auto{margin: auto;}

.round_bg_one{position: absolute; height: 600px; left: 0; z-index: -1;}
.round_bg_two{position: absolute; height: 600px; top:0; right: 0; height: 100%;}
.round_bg_three{position: absolute; height: 600px; top:0; left: 0; height: 100%;}

.instruments_bg{background: #fff; padding: 15px; border-radius: 10px; box-shadow: -1px 2px 12px 2px #cccccc59;}
.offset-left {margin-left: calc((100% - 1300px)/2); padding-left: 1.5rem;}
.owl-stage {padding-left: 0px !important;}
.owl-dots {display: none;}
.owl-nav button{background-color: #01874E; color: #fff; border: none; height: 40px; width: 40px; border-radius: 50%; margin: 0px 3px;}
.package_slide .owl-nav{position: absolute; top: -104px; right: 80px;}
.owl-carousel .owl-stage-outer {overflow: inherit;}




.teb_bg {border-bottom: none; padding: 4px; border: 1px solid #008E51; border-radius: 50px; display: inline-flex;}
.teb_bg .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #fff; background-color: #008E51; border-radius: 50px;}
.teb_bg .nav-link{color: #000; border-radius: 50px;}
.teb_bg .nav-link:hover{border: 1px solid transparent;}

.plan_bg_active{background-color: #008E51; border-radius: 15px; padding: 20px;}
.plan_bg{background-color: #fff; border-radius: 15px; padding: 20px;}
.plan_button{background: #000; color: #fff; text-transform: uppercase; border-radius: 50px; padding: 8px; display: block; text-align: center;}
.plan_button:hover{background: #008E51; color: #fff;}
.plan_button_active{background: #fff; color: #000; text-transform: uppercase; border-radius: 50px; padding: 8px; display: block; text-align: center;}
.plan_button_active:hover{background: #000; color: #fff;}
.popular_text_bg{background:rgba(255, 255, 255, 0.13); border-radius: 5px; padding: 4px 8px;}

.promotion_bg{background: url(../img/home/promotion-bg.avif) no-repeat; background-size: 100% 100%; border-radius: 20px; padding: 30px 40px;}

.news_bg{border: 1px solid #DBE5E2; border-radius: 10px; padding: 20px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);}
.Latest_news_text{background: #FAF4F2; color: #008E51; text-transform: uppercase; display: inline-block; padding: 10px 20px; border-radius: 5px;}
.text_limit{display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.text_limit_two{display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}

.choose_us_bg{background-image: linear-gradient(to right, #1C553D , #1C553D, #008E51);}
.choose_us_points{color: #fff; padding: 8px 18px; border-radius: 10px; border: 1px solid #fff; display: inline-flex; align-items: center; gap: 10px; font-weight: 500; white-space: nowrap; }

.trading_before{border-left: 3px dashed #008E51; height: 350px; position: absolute; top: 22px; left: 58px; z-index: -1;}
    

footer{background: #E2EDEA;}
footer .text-white{color: #151515 !important;}
footer a.text-white{color: #151515 !important;}
footer .img-white{filter: none;}
.footer_logo{max-width: 170px;}
.footer_menu{list-style: none; padding-left: 0px;}
.footer_menu li{font-weight: 400; font-size: 16px; padding: 4px 0px;}
.footer_menu li a{color: #151515; }
.footer_menu li a:hover{color: #01874E; }
.footer_border{height: 2px; width: 50px; background: #01874E; margin: 10px 0px;}
.footer_mail_icon{font-size: 20px; color: #01874E;}
footer hr{color: #01874E;}

.about_banner{background: url(../img/about/all-banner.avif) no-repeat; background-size: 100% 100%;}
.all_banner_shadow{background-image: linear-gradient(to right, #01874e94, #1c553d78);}

.about_why_choose_bg{background-image: linear-gradient(to right, #120C1A, #120C1A, #1C553D);}
.about_comitment_bg{border-radius: 10px; padding: 20px; background: #1C553C;}
.about_service_bg{background: url(../img/about/about-service-bg.avif) no-repeat; background-size: 100% 100%;}
.about_service_box{background: #141b3366; padding: 20px; border-radius: 10px; border: 1px solid #01874e; height: 100%;}

.faq_banner{background: url(../img/faq-banner.avif) no-repeat; background-size: 100% 100%;}


.faq-tabs {display: flex; gap: 15px; padding-bottom: 12px; flex-wrap: wrap; justify-content: center;}
.faq-tab {border: 2px solid #01864E; border-radius: 10px; padding: 7px 14px; display: flex; align-items: center; gap: 6px; background: #fff; color: #000; font-weight: 600; cursor: pointer; transition: 0.2s;}
.faq-tab:hover {background: #f0fff4;}
.faq-tab.active {background: #01864E; color: #fff;}
.faq-tab.active img {filter: brightness(0) invert(1);}
.check-icon img {width: 18px; height: 18px; filter: none;}
.faq-box {display: none;}
.faq-box.active {display: block;}

.accordion_border_main{max-width: 1100px; margin: auto;}
.plusminus{position: absolute; z-index: 1; right: 20px; font-size: 18px; top: 20px;  height: 28px;  text-align: center;}
.accordion_head {cursor: pointer; font-size: 18px; color: #000; position: relative; padding-right: 34px !important; font-weight: 500; padding: 20px 18px;}
.faq_point{position: absolute; left: 0; top:0}
.accordion_border { position: relative; overflow: hidden; border-radius: 5px; margin-bottom: 15px; border: 1px solid #45A863;}
.accordion_body{display:none; padding: 0px 20px 20px 20px;}
.accordion_body p{margin-bottom: 0px; color: #000; font-size: 16px; font-weight: 400; width: 100%;}
.faq_open{display: block;}
.faq_box{max-width: 100%; margin: auto;}
.accordion_border i{color: #000; font-size: 20px;}


.trading_banner{background: url(../img/Trading/trading-banner.avif) no-repeat; background-size: 100% 100%;}

.explore_button{border: 1px solid #000; color: #000; text-transform: uppercase; border-radius: 50px; padding: 8px 20px; text-align: center;}
.explore_button:hover{border: 1px solid #45A863; color: #45A863;}

.season_heading_bg{background: #E2EDEA; padding: 15px; text-align: center;}


.progress-wrapper{width: 100%;}
#accountSizeRange {
  accent-color: green;
}
#profitRateRange {
  accent-color: green;
}
.price-range{display:flex; justify-content:space-between; font-size:14px;}

.demo_account_bg{background-image: linear-gradient(150deg, #1a5640  35%, #132720 100%);}

.card-wrapper {display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 15px; max-width: 1000px; margin: 30px auto;}
.stat-card {background: #dfe9e6; border-radius: 10px; padding: 12px 14px; display: flex; justify-content: space-between; align-items: center;}
.stat-left {display: flex; align-items: center; gap: 8px;}
.dot {width: 8px; height: 8px; background: #45A863; border-radius: 50%;}
.label {font-size: 14px; color: #6c7c76;}
.value {font-weight: bold; color: #2b2f2d; font-size: 13px;}



.nav-pills .nav-link{color:#000; border-radius:0; padding:20px; border-left:4px solid transparent; background:transparent; text-align: left; font-weight:600;}
.nav-pills .nav-link.active{background:#fff; border-left-color:#45A863; color:#45A863;}
.provide_max_width{max-width: 700px; margin: auto; display: block;}
.border_right_bottom_radius{border-radius: 0px 10px 10px 0px;}
.border_left_bottom_radius{border-radius: 10px 0px 0px 10px;}
.provide_up_icon{color: #45A863;}

.mt5_bg{background: #E2EDEA; border: 1px solid #DBE5E2; border-radius: 10px;}
.mt5_features_bg{background-image: linear-gradient(to right, #132720 , #132720, #187C59);}
.MT5_Point_Border{border: 1px solid rgba(255, 255, 255, 0.16); padding: 10px 20px; border-radius: 50px;}
.MT5_bg{background: url(../img/Trading/MT5-bg.avif) no-repeat; background-size: 100% 100%;}

.Service_bg{background: url(../img/Services/Service-bg.avif) no-repeat; background-size: 100% 100%;}

.Partners_bg{background: url(../img/Partners/Partners-bg.avif) no-repeat; background-size: 100% 100%;}

.Tools_bg{background: url(../img/Tools/Tools-bg.avif) no-repeat; background-size: 100% 100%;}



input, select, textarea {width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 5px; outline: none;}
input:focus, textarea:focus {border-color: #45A863; }
.wrapper{display:flex;max-width:1200px;margin:20px auto;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.1)}
.sidebar{width:35%;background:#f1f7f6;padding:15px;max-height:500px;overflow-y:auto}
.sidebar h3{margin:0;color:#5c6a6a}
.video-count{float:right;font-size:14px;color:#7a8b8b}

.video-item{display:flex; background:#fff; margin-top:10px; padding:10px; border-radius:4px; cursor:pointer; transition:.3s; align-items:center}
.video-item:hover{background:#e6f3f1}
.video-item.active{background:#c6ebe4;font-weight:bold}
.video-item img{ width:70px; height:45px; object-fit:cover; margin-right:10px; border-radius:4px}
.video-title{flex:1;font-size:14px}
.video-time{font-size:12px;color:gray}

.main{width:65%;background:#000}
.main iframe{width:100%;height:500px;border:none}

/* scrollbar */
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-thumb{background:#aacfc8;border-radius:5px}


.platform_bg{background: url(../img/Tools/platform-tutorial-bg.avif) no-repeat; background-size: 100% 100%;}