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


html{overflow-x: hidden;}
body{font-weight: 400; font-family: "Raleway", sans-serif; font-family: "Lato", sans-serif; color: #000; background: #fff; font-size: 17px;}
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;}



.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.5s; }
.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:150px;}

header{padding: 10px 0px; z-index: 1111; background: #fff; position: absolute; top: 0; left: 0; right:0; box-shadow: 10px 0px 4px 2px rgba(0, 0, 0, 0.25);}

header.menu_fixed .brand-logo{max-width: 170px;}
header.menu_fixed{background: #fff; position: fixed; padding-top: 10px; padding-bottom: 10px;}
.brand-logo{max-width: 160px; margin-right: 20px; transition: all 0.4s; position: relative;}
.brand-logo img{width: 160px;}
header .navbar{padding: 0px;}
.pb-6 {padding-bottom: 4rem !important;}
.pt-6 {padding-top: 4rem !important;}
.pb-7 {padding-bottom: 5rem !important;}
.pt-7 {padding-top: 5rem !important;}
.pb-8 {padding-bottom: 6rem !important;}
.pt-8 {padding-top: 6rem !important;}

.fs-7{font-size: .9rem !important;}
.fs-8{font-size: .8rem !important;}

.menu_box_outer{width: 100%; padding: 1px; border-radius: 10px;}
.menu_box_inner{border-radius: inherit;}


.max-100{max-width: 100px;}
.max-150{max-width: 150px;}
.max-180{max-width: 180px;}
.max-200{max-width: 200px;}
.max-300{max-width: 300px;}
.max-350{max-width: 350px;}
.max-400{max-width: 400px;}
.max-480{max-width: 480px;}
.max-500{max-width: 500px;}
.max-600{max-width: 600px;}
.max-600{max-width: 600px;}
.max-700{max-width: 700px;}
.max-800{max-width: 800px;}
.max-900{max-width: 900px;}
.max-1000{max-width: 1000px;}
.max-1100{max-width: 1100px;}
.max-1150{max-width: 1150px;}

.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;}


.icon-20{width: 20px;}
.icon-25{width: 25px;}
.icon-30{width: 30px;}
.icon-40{width: 40px;}
.icon-50{width: 50px;}
.icon-60{width: 60px;}
.icon-70{width: 70px;}
.icon-80{width: 80px;}
.icon-90{width: 90px;}
.icon-105{width: 105px;}

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

.opacity-10{opacity: .10;}
.opacity-20{opacity: .20;}
.opacity-30{opacity: .30;}

.header_padding{padding-top: 120px;}


.btn_style{border: none; color: #fff; font-weight: 600; text-align: center; display: inline-block; font-size: 14px; padding: 10px 30px; text-align: center; border-radius: 30px;  background:#007AFF;}
.btn_style:hover {background: #000; color: #fff;}
.btn_style.black_btn{color: #fff; background: #000;}
.btn_style.black_btn:hover {background: #007AFF; color: #fff;}
.btn_style.white_btn{color: #007AFF; background: #fff;}
.btn_style.white_btn:hover{color: #fff; background: #000;}

.heading_text{display: block;}
.heading_text h2{font-size:45px; font-weight: 700;}
.heading_text p{margin-bottom: 0px; font-size: 16px;}
.heading_middle{max-width: 800px; margin: auto; text-align: center;}
.heading_width{max-width: 900px;}

.bg_gradient_1{background-image: linear-gradient(to bottom, #0062C4, #C3E3DA);}
.bg_E5F4F1{background: #E5F4F1 !important;}
.bg_101921{background: #101921 !important;}
.bg_007AFF{background: #007AFF !important;}
.bg_EBF3FF{background: #EBF3FF !important;}
.bg_001224{background: #001224 !important;}

.color_007AFF{color: #007AFF !important;}
.color_C6F0E2{color: #C6F0E2 !important;}
.color_212529{color: #212529 !important;}

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

.banner-section {position: relative; height: 90vh; display: flex; overflow: hidden;}

.Banner_video {position: absolute; inset: 0; overflow: hidden; z-index: 0;}
.Banner_video video {width: 100%; height: 100%; object-fit: cover;}
.banner-content {position: relative; z-index: 2;}
.banner-content h1 {font-size: 60px;font-weight: 700;}
.banner-content h1 span{color: #96EBFF;}

.all_heading h2{font-size: 55px; font-weight: 700; color: #231F20;}

.all_para{color: rgba(33, 37, 41, 0.75);}

.market-shadow::after {content: ""; position: absolute; width: 100%; left: 0; right: 0; background: linear-gradient(0deg, #fff 10%, #ADE2FF 80%); height: 50%; top: 0; z-index: -1;}
.market_graph{max-width: 400px; position: absolute; right: 0px; z-index: 11; top: 0;}
.market_tick{max-width: 320px; position: absolute; right: 0px; z-index: 11; top: 17px;}

.market_forex{max-width: 260px; position: absolute; right: 0px; z-index: 11; top: 0;}
.market_decentralize{max-width: 400px; position: absolute; right: 20px; z-index: 11; bottom: 0px;}

.trade_bg{background: url(../img/trade-bg.png) no-repeat; background-size: 100% 100%;}
.trade_card_bg{background-image: linear-gradient(to bottom, #FFFFFF, #FFFFFF, #FFFFFF, #F0FAFF, #ADE2FF); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.30); padding: 20px; border-radius: 10px;}


.MT5Video{border-radius: 25px;}
.Mt5_Blur_bg{background: rgba(255, 255, 255, 0.62); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border-radius: 15px; padding: 15px;}
.MT5_Margin_Top{margin-top: -150px !important;}



.partner-logo-slider {width: 100%; overflow: hidden; white-space: nowrap; box-sizing: border-box; position: relative;}
.partner-logo-slider:before {content: ""; background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%); position: absolute; top: 0; left: 0; width: 120px; height: 100%; z-index: 9;}
.partner-logo-slider:after {content: ""; background: linear-gradient(to left, #fff 0%, rgba(255, 255, 255, 0) 100%); position: absolute; top: 0; right: 0; width: 120px; height: 100%; z-index: 9;}
.partner-logo-slide {display: flex; align-items: center; gap: 20px; animation: partner-logo 10s linear infinite;}
.partner-logo-slide:hover {animation-play-state: paused;}
.partner-logo-slide img {width: 160px; border-radius: 10px;}
@keyframes partner-logo {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.rating_bg{background: rgba(255, 255, 255, 0.19); padding: 15px 20px; border-radius: 20px;}
.rating_small_text{color: rgba(255, 255, 255, 0.60); font-size: 12px; font-weight: 400;}
.rating_small_heading{color: #fff; font-size: 14px; font-weight: 700;}
.rating_small_para{color: #fff; font-size: 13px; font-weight: 400;}

.offset-left {margin-left: calc((100% - 1300px)/2);}
.owl-stage {padding-left: 0px !important;}
.owl-dots {display: none;}
.owl-nav button{background-color: #00B67A; 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;}

.app-preview{position: absolute; width: 630px; bottom: -1px;}


.copyright_text{color: #212529; font-size: 14px;}
.footer_menu{list-style: none; padding-left: 0px;}
.footer_menu li{font-weight: 400; font-size: 16px; padding: 5px 0px;}
.footer_menu li a{color: rgba(0, 0, 0, 0.80); }
.footer_menu li a:hover{color: #007AFF; }
.policy-menu{padding: 0px; margin: 0px; list-style: inside;}
.policy-menu li{margin-bottom: 0; position: relative; margin-right: 15px; display: inline-block;}
.policy-menu li a{color: #000; text-decoration: none; font-size: 15px; font-weight: 700;}
.policy-menu li a:hover{color: #007AFF;}
.policy-menu li::before{content: ""; background: #000; width: 2px; position: absolute; right: -11px; top: 4px; bottom: 4px;}
.policy-menu li:last-child::before{display: none;}


.slider-box {border-radius: 14px; display: flex; overflow: hidden; padding: 30px; color: #fff;}
.left {width: 40%;}
.left img {width: 100%; height: 100%; object-fit: cover; border-radius: 14px; background: rgba(255, 255, 255, 0.25); padding: 15px;}
.right {width: 60%; padding-left: 50px; display: flex; flex-direction: column; justify-content: center;}
.number {font-size: 40px; opacity: .6; font-weight: bold; color: #fff;}
.title {font-size: 26px; margin: 10px 0;}
.desc {font-size: 15px; color: #cbd3df; line-height: 26px; margin-bottom: 28px;}
.arrows {display: flex; gap: 14px;}
.arrow {width: 40px; height: 40px; background: #fff; color: #000; border-radius: 50%; display: flex; font-size: 23px; justify-content: center; cursor: pointer; transition: 1s;}
.arrow.next { background: #007AFF; color: #fff;}
.arrow:hover { transform: scale(1.1);}

.fade-section {opacity: 0; transform: translateY(80px); animation: blendUp 2s ease-out forwards; animation-delay: 1.5s;}
@keyframes blendUp {
    from {
        opacity: 0;
        transform: translateY(80px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}



.Forex_bg{background-image: linear-gradient(to right, #2A81DF , #003268);}
.inner_header_padding{padding-top: 60px;}
.forex_tab_ul{list-style: none; margin-left: 80px;}
.forex_tab_ul li{padding: 10px 0px; display: flex;}
.forex_tab_ul li a{color: #212529; font-weight: 600; font-size: 18px;}
.forex_tab_ul li a.active, .forex_tab_ul li a:hover{color: #007AFF;}
.forex_tab_ul li a span{height: 8px; width: 8px; border-radius: 10px; background: #007AFF; display: inline-flex; margin-right: 10px; margin-bottom: 2px;}
.forex_tab_ul li a.active span{height: 8px; transition: all 0.5s ease; width: 50px; border-radius: 10px; background-image: linear-gradient(to right, #F0FAFF , #007AFF); display: inline-flex; margin-right: 10px; margin-bottom: 2px;}

.forex_tab_ul li a:hover{color: #007AFF;}
.forex-shadow::after {content: ""; position: absolute; width: 100%; left: 0; right: 0; background: linear-gradient(0deg, #fff 10%, #ADE2FF 80%); height: 150px; top: 0; z-index: -1;}


.process_sticky{position: sticky; top:180px;}


.Platform_mobile {
    max-width: 230px;
    position: absolute;
    right: 00px;
    z-index: 11;
    bottom: 0px;
}

.about-bg{background:#0f41c6; border-radius: 30px;overflow: hidden;}


.contact-form .form-row { display: flex; gap: 20px; margin-bottom: 20px; }
.contact-form .form-group { flex: 1; display: flex; flex-direction: column; }
.contact-form .form-group input,
.contact-form .form-group textarea {border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 12px; font-size: 16px; outline: none; resize: none; background: #fff; color: #000;  }
.contact-form .form-group textarea::placeholder{color: rgba(0, 0, 0, 0.8);}
.contact-form .form-group input::placeholder{color: rgba(0, 0, 0, 0.8);}

.blog_bg{background:#fff; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.30); padding: 20px; border-radius: 10px;}
.blog_bg:hover h4{color: #007AFF;}
.text_limit {display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}