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



body{overflow-x: hidden; font-weight: 500; font-size: 15px; font-family: 'Montserrat', sans-serif; color: #000; }
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;}



#return-to-top{display: flex; z-index: 11; justify-content: center;align-items: center; width: 40px; transition: all 0.3s ease; height: 40px; border-radius: 50%; position: fixed; right: 20px; bottom: 20px; background: #9ad8f3; color: #fff;}
#return-to-top img{width: 13px;}

.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: #060610; 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;}

header{z-index: 1111; padding: 20px 0px;  position: fixed; left: 0; right:0; }


header.menu_fixed{background: #04070ffc; position: fixed; }
.brand-logo{max-width: 220px; transition: all 0.4s; position: relative;}
.brand-logo .light_logo{width: 100%;}
header .navbar{padding: 0px;}
.btn-block{width: 100%; display: block;}
.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;}
.top_header {background: linear-gradient(180deg, #9ad8f3 63.64%, #475c92 100%); padding: 6px 0px; color: #000;}
.btn_style{background-image: linear-gradient(to right, #9ad8f3 0%, #405289 51%, #9ad8f3 100%);
  background-size: 200% 100%; color: #000;
  transition: all .5s; font-weight: 600; display: inline-block; font-size: 13px; padding: 10px 30px; text-align: center; border-radius: 40px;}
.btn_style:hover {background-position: 100% 0; color: #000;}
.btn_style.border {border: 1px solid #9ad8f3 !important; background: transparent; color: #9ad8f3;}
.btn_style.border:hover{color: #000; background: #9ad8f3;}


.big_btn {padding: 16px 45px;}

.heading_text{display: block;}
.heading_text h2{font-size:30px; font-weight: 700;}
.heading_text.dark_heading h2{color: #000;}
.heading_text.dark_heading{color: #000;}
.heading_text p{margin-bottom: 0px;}
.heading_middle{max-width: 800px; margin: auto; text-align: center;}
.heading_width{max-width: 800px;}
.heading_text.dark_heading h4{color: #000;}
.heading_text h4{font-size: 16px; line-height: 25px;}
.heading_text h5{color: #c4c4c4; font-size: 14px; margin-bottom: 15px;display: inline-block;border: .7px solid #9ad8f3; padding: 8px 20px; border-radius: 20px;}


.green_shadow { width: 450px; height:450px; z-index: -1; border-radius: 50%; background: #409edb47; filter: blur(125px);}
.left_p_shadow {position: absolute; top: -10%; left: -10%;}
.right_p_shadow {position: absolute; top: -10%; right: -10%;}
.left_b_p_shadow {position: absolute; bottom: 0%; left: -10%;}
.green_shadow.b-0{bottom: 0; top: unset;}
.green_shadow_full_top { width: 100%; height:250px; z-index: -1; position: absolute; top: 0; left: 0; right: 0; background: #409edb47; filter: blur(125px);}
.mobile_menu_logo {width: 180px;}

.banner_section{background: url(../img/Background-1.jpg) no-repeat; background-size: 100%  100%; z-index: 1; position: relative; padding-bottom: 120px; padding-top: 200px;}
.dark_bg{background: #00030a; color: #fff;}
.light_bg{background: #f6f6f6; color: #000;}
.theme_color{color: #9ad8f3;}
.banner_content{width: 100%; margin-bottom: 30px;}
.banner_content h5{font-size: 14px; margin-bottom: 10px;display: inline-block;border: .7px solid #9ad8f3; padding: 8px 20px; border-radius: 20px;}
.banner_content h1{font-size: 45px; color: #fff; margin-bottom: 20px; font-weight: 700; 
  background: linear-gradient(180deg, #FFFFFF 63.64%, rgba(255, 255, 255, 0.31) 100%);
background-clip: border-box;
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
-webkit-text-stroke-color: #FFF;
-webkit-text-stroke-width: 0.8px;
}

.max-200{max-width: 200px;}
.max-300{max-width: 300px;}
.max-400{max-width: 400px;}
.max-500{max-width: 500px;}
.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;}
.banner_content p{margin-bottom: 0px; line-height: 26px; color: #fff;}
.banner_img{width: 100%;}
.banner_img img{width: 100%;}
.top_bg{opacity: .4; z-index: -1; position: absolute; left: 0; right: 0; top: 0; width: 100%;}

.Direct_Access_box{display: block; margin: 10px 0px;}
.Direct_Access_box img{margin-bottom: 15px; width: 50px;}
.Direct_Access_box.big_img img{margin-bottom: 15px; width: 50px;}
.Direct_Access_box h2{color: #000; font-size: 17px; font-weight: 700;}
.Direct_Access_box p{margin-bottom: 0px;}
.Direct_Access_box span{width: 50px; color: #000; display: inline-block; margin-bottom: 20px; height: 50px; background: #9ad8f3; border-radius: 50%; padding: 8px; font-size: 22px; text-align: center; font-weight: 700;}
.gradient_box{color: #000; background-image: linear-gradient(to right, #9ad8f3 0%, #405289 51%, #9ad8f3 100%);
  background-size: 200% 100%;}

.about_list{list-style: none; display: flex; flex-wrap: wrap; padding: 0px; margin: 0px;}
.about_list li{width: 50%; padding-right: 15px; padding-left: 25px; position: relative; margin-bottom: 20px;}
.about_list li::before{content: "\f058"; color: #9ad8f3; font: normal normal normal 18px/2 FontAwesome; position: absolute; left: 0; top: -7px;}
.about_list.list-full li{width: 100%;}
.count_box{background: #fff; box-shadow: 0px 2px 8px 2px #ccc; padding: 20px 20px; border-radius: 10px;}
.count_inner{text-align: center; margin: 10px 0px;}
.count_inner h4{font-weight: 700; color: #000;}
.count_inner p{margin-bottom: 0px;}
.trading_img.right_padding{padding-right: 100px;  margin: auto; display: block;}
.trading_img.left_padding{padding-left: 100px;  margin: auto; display: block;}
.trading_img img{width: 100%; margin: auto; display: block;}

.icon_list{list-style: none; padding: 0; margin: 0;}
.icon_list li{margin-bottom: 15px; padding-left: 35px; position: relative;}
.icon_list li:last-child{margin-bottom: 0px;}
.icon_list i{color: #9ad8f3; margin-left: 10px; margin-right: 10px; font-size: 20px;} 
.icon_list img{position: absolute; left: 0; top: 0; width: 25px;}

.icon_list.list_right li{padding-left: 0px; padding-right: 35px;}
.icon_list.list_right img{right: 0; left: unset;}

.Services_box {padding: 30px 20px; border:1px solid #8ec6e552; background-image: radial-gradient(at top left,#9ad8f33b 0,#00030a 47%); border-radius:10px}
.Services_box img {width: 100%;}
.Services_box span{width: 50px; display: inline-block; margin-bottom: 20px; height: 50px; background-image: linear-gradient(to right, #9ad8f3 0%, #405289 51%, #9ad8f3 100%);
  background-size: 200% 100%; border-radius: 50%; padding: 10px;}
.Services_box h4 { margin-bottom:10px; margin-top: 10px; font-size:20px}
.Services_box p {margin-bottom:0; opacity:.8}

footer{background: #000;}
footer p{margin-bottom:0; color: #fff; text-align: center; opacity:.8}