@charset "utf-8";

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



html{overflow-x: hidden;}
body{overflow-x: hidden; font-size: 14px;  color:#222222; font-family: "Poppins", sans-serif; background-color: #F5F7FA ; font-weight: 500;}
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: #F5F7FA; 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:180px;}

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

.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: 100px;}
.btn_style{color: #fff; font-weight: 600; transition: all 0.2s ease-in-out;  text-align: center; padding: 10px 25px; border-radius: 25px; background-image: linear-gradient(to right, #1E90FF , #28C76F); font-size: 16px;}
.btn_style.white-btn{background: #fff;}
.btn_style:hover{box-shadow: 0 0px 20px rgba(30, 144, 255, 0.77)}
.btn_style.white-btn:hover{background: #CACACA;}

header{padding: 15px 0px; z-index: 11; position: fixed; left: 0; right: 0; top:0; background: #F5F7FA; box-shadow: -2px -1px 9px 2px rgba(0, 0, 0, 0.12)}
header .navbar {padding: 0;}
.menu_fixed{background: #F5F7FA;}
.brand-logo img{width: 130px; margin-right: 30px;}

.dark_logo{display: none;}

.menu_fixed .dark_logo{display: block;}

.menu_fixed .light_logo{display: none;}

.banner_bg{background: url(../img/banner.png) no-repeat; background-size: 100% 100%; z-index: 1; padding-bottom: 100px;}
.BannerShadow {width: 800px; height: 600px; border-radius: 50%; background: #1E90FF; opacity: 0.3; filter: blur(90px); position: absolute; top: -350px; z-index: -1; left: 0px; right: 0px; margin: auto;}
.banner_heading h1{font-weight: 600; font-size: 50px; color: #0A1F44;}
.banner_heading h1 span{color: #1E90FF;}
.banner_heading p{font-weight: 400; font-size: 18px; color: #222222;}

.banner_button {align-items: center; display: flex; gap: 15px;}
.btn {padding: 12px 24px; font-size: 16px; font-weight: 600; border-radius: 30px; margin: 0px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; }
.btn-trading {background-image: linear-gradient(to right, #1E90FF , #28C76F); color: white; border: 2px solid rgba(255, 255, 255, 0.5); }
.btn-trading:hover {background: #F5F7FA; color: #222222; border: 2px solid #39FF14; }
.btn-demo {background-color: #F5F7FA; color: #222222; border: 2px solid #F5F7FA;}
.btn-demo:hover { background-color: #F5F7FA; border: 2px solid #39FF14}

.theme_bg_two{background: #0A1F44; color: #222222; z-index: 1;}
.theme_bg_three{background: #F7F7FA;}
.theme_color{color: #1E90FF;}
.theme_0A1F44{color: #0A1F44;}
.theme_F7F7FA{color: #F7F7FA;}
.theme_white_rgb{color: rgba(255, 255, 255, 0.8);}

.all_heading h6{font-size:20px; font-weight: 500; color: #1E90FF; }
.all_heading h2{font-size:40px; font-weight: 600;}
.all_heading h2 span{color: #1E90FF;}
.middle_heading{max-width: 700px; margin: auto; text-align: center;}
.middle_heading_two{max-width: 1000px; margin: auto; text-align: center;}

.left_padding_50{padding-left: 50px;}
.right_padding_50{padding-right: 50px;}
.left_padding_100{padding-left: 100px;}
.right_padding_100{padding-right: 100px;}

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

.core_card_bg {
  box-shadow: 0px 0px 10px -1px rgba(0, 0, 0, 0.25);
  padding: 15px;
  border-radius: 10px;
  background: #F5F7FA;
  border: 1px solid #F5F7FA;
}


.core_card_bg:hover{border: 1px solid #1E90FF;}
.banner_card_bg {
  box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.25);
  padding: 20px;
  border-radius: 20px;
  background: #F5F7FA;
  border: 1px solid #F5F7FA;
}
.banner_learn_margin_top {
    margin-top: -57px;
    z-index: 1;
    position: relative;
}
.core_icon{width: 50px;}

.icon-box {background: #1E90FF; padding: 16px; width: 60px; height: 60px; border-radius: 30px; display: flex; align-items: center; justify-content: center;}
.icon-box img {width: 100%; filter: brightness(0) invert(1);}

.whychoose_cardbg{background: rgba(0, 0, 0, 0.50); border: 1.5px solid #1E90FF; border-radius: 15px;}
.whychoose_cardgrid{background: url(../img/banner-grid.png) no-repeat; background-size: 100% 100%;}

.discover_card_bg{background: #F5F7FA; border: 1.5px solid #1E90FF; border-radius: 15px;}
.discover_card_grid{background: url(../img/card-grid.png) no-repeat; background-size: 100% 100%; padding: 20px;}
.discover_icon{width: 50; height: 50px; margin: auto; display: block;}
.madium_heading{font-weight: 600; font-size: 18px; color: #0A1F44;}
.small_para{font-weight: 400; color: #222222; margin: 0px}

.discover_margin_minus{margin-top: -50px;}

.advances_bg{background: #FFFFFF; box-shadow: 1px 1px 10px 1px #ccc; padding: 20px; border-radius: 30px;}

.award_bg{background: url(../img/award_bg.png) no-repeat; background-size: 100% 100%;}
.award_image{width: 145px; height: 90px; border-radius: 10px;}
footer{background: url(../img/footer_bg.png) no-repeat; background-size: cover;}
.footer_logo{width: 150px;}
.footer_payment{max-width: 300px;}

.footer_media {list-style: none; display: flex; gap:10px; margin-bottom: 0px; padding: 0px;}
.footer_media li a{display: flex; color: #000; padding: 6px; align-items: center; justify-content: center; background: #fff; width: 40px; height: 40px; border-radius: 30px;}
.footer_media li a:hover{box-shadow: 0 0px 20px rgba(30, 144, 255, 0.77);}