@charset "utf-8";

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



html{overflow-x: hidden;}
body{overflow-x: hidden; font-size: 14px;  color:#fff; font-family: 'Poppins'; background-color: #000 ; font-weight: 300;}
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: 1250px;}

.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: #000; 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: 'Segoe UI'; font-weight: bold;}

.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 { z-index: 111; transition: all 0.4s; position: fixed; left: 0; right: 0; top: 0; background: #101010;}

.navbar-brand {margin-right: 10px; padding-top: 0px; padding-bottom: 0px; padding-right: 30px;}
.header_logo{width: 180px;}
.navbar-nav .nav-item .nav-link{color: #fff; font-weight: 500; }
.navbar-nav .nav-item .nav-link:hover{color:#afc9f0;}
.navbar-nav .nav-item .nav-link.active{color:#afc9f0;}
.navbar-nav .nav-item{margin-left: 10px;}
.navbar-collapse {flex-grow: unset;}
.navbar {padding: 0px;}
.navbar-toggler-icon {filter: brightness(0) invert(0);}
.navbar-toggler {border: none;}
.header_padding{padding-top: 75px;}

.BannerButton{color: #fff; font-weight: 500; background-image: linear-gradient(to right, #890000 0%, #F84848 40%, #F84848 100%); background-size: 200% 100%; z-index: 1;border-radius: 30px; text-align: center; display: inline-block;  padding: 8px 22px;}
.BannerButton:hover {background-position: 100% 0; color: #fff;}

.banner_section{background: url(../img/banner_bg.png) no-repeat; background-size: 100% 100%;}
.banner_image{max-width: 700px; margin: auto; display: block;}

.all_heading h2 {font-weight: 700; font-size: 36px; color: #fff; text-transform: uppercase;}
.all_heading h4{font-weight: 700; font-size: 25px; color: #fff; text-transform: uppercase;}
.all_heading h2 span{color: #DC3939;}
.all_heading h4 span{color: #DC3939;}
.all_heading p{color: #B1B1B1; margin: 0px;}



.shadow_one{width: 220px; height: 220px; border-radius: 50%; background: #C42424; opacity: 0.4; filter: blur(90px); position: absolute; left: -38px; top: -49px; z-index: -1;}
.shadow_two{width: 220px; height: 220px; border-radius: 50%; background: #C42424; opacity: 0.4; filter: blur(90px); position: absolute; right: -38px; top: -49px; z-index: -1;}
.shadow_three{width: 220px; height: 200px; border-radius: 50%; background: #C42424; opacity: 0.4; filter: blur(90px); position: absolute; left: 220px; bottom: 40px; z-index: -1;}
.shadow_four{width: 220px; height: 200px; border-radius: 50%; background: #C42424; opacity: 0.4; filter: blur(90px); position: absolute; right: 308px; bottom: 125px; z-index: -1;}
.shadow_five{width: 220px; height: 220px; border-radius: 50%; background: #C42424; opacity: 0.4; filter: blur(90px); position: absolute; right: -100px; bottom: 70px; z-index: -1;}
.shadow_six{width: 220px; height: 200px; border-radius: 50%; background: #C42424; opacity: 0.4; filter: blur(90px); position: absolute; left: 309px; top: 105px; z-index: -1;}
.shadow_seven{width: 220px; height: 200px; border-radius: 50%; background: #C42424; opacity: 0.4; filter: blur(90px); position: absolute; right: 308px; bottom: 125px; z-index: -1;}
.shadow_eight{width: 400px; height: 400px; border-radius: 50%; background: #C42424; opacity: 0.4; filter: blur(90px); position: absolute; left: 0px; right: 0px; z-index: -1; margin: auto; top: 100px;}
.shadow_nine{width: 220px; height: 220px; border-radius: 50%; background: #C42424; opacity: 0.4; filter: blur(90px); position: absolute; left: -140px; top: 0px; z-index: -1;}
.shadow_ten{width: 220px; height: 220px; border-radius: 50%; background: #C42424; opacity: 0.4; filter: blur(90px); position: absolute; right: -140px; bottom: 0px; z-index: -1;}
.shadow_eleven{width: 250px; height: 250px; border-radius: 50%; background: #C42424; opacity: 0.4; filter: blur(90px); position: absolute; right: -140px; bottom: -150px; z-index: -1;}
.shadow_twelve{width: 250px; height: 250px; border-radius: 50%; background: #C42424; opacity: 0.4; filter: blur(90px); position: absolute; left: -140px; top: 0px; z-index: -1;}
.shadow_thirteen{width: 250px; height: 250px; border-radius: 50%; background: #C42424; opacity: 0.4; filter: blur(90px); position: absolute; left: -140px; top: 70px; z-index: -1;}
.shadow_fourteen{width: 200px; height: 200px; border-radius: 50%; background: #C42424; opacity: 0.4; filter: blur(90px); position: absolute; left: 88px; bottom: 27px; z-index: -1;}


.features_heading{font-weight: 600; font-size: 15px;}
.features_para{color: #B1B1B1; margin: 0px; font-size: 13px;}
.icon_bg{width: 50px; height: 50px; padding: 11px; background: rgba(255, 255, 255, 0.15); border-radius: 50%; margin-right: 20px;}
.small_icon{width: 100%;}

.forex_icon_bg{width: 35px; height: 35px; padding: 6px; background: rgba(255, 255, 255, 0.15); border-radius: 50%; margin-right: 15px;}
.forex_icon{width: 100%;}

.mobile_icon_bg{width: 50px; height: 50px; padding: 10px; background: rgba(255, 255, 255, 0.15); border-radius: 5px; margin-right: 15px;}
.mobile_icon{width: 100%;}
.mobile_Image{width: 100%;}

.why_choose_bg{background: #101010; padding: 30px; border-radius: 10px;}
.best_shadow_left{max-height: 600px; position: absolute; left: 0px; z-index: -1; top: 0px;}
.best_shadow_right{max-height: 600px; position: absolute; right: 0px; transform: rotate(180deg); z-index: -1; top: 0px;}
.choice_laptop{max-width: 700px; position: absolute; right: -100px; bottom: 50px;}
.best_chaoice_bg{background-image: linear-gradient(to right, #404040 , #000000); border-radius: 10px; padding: 15px 20px;}

.integration_bg{background: rgba(255, 255, 255, 0.1); padding: 30px; border-radius: 10px;}
.solution_bg{background: rgba(255, 255, 255, 0.1); padding: 30px; margin-top: 30px;}
.solution_bg_list{list-style: none; padding: 0px; margin: 0px;}
.solution_bg_list li{ padding-right: 15px; color: #B1B1B1; padding-left: 30px; position: relative; margin-bottom: 10px;}
.solution_bg_list li::before{content: "\f4f4"; color: #DC3939; font-family: bootstrap-icons !important; position: absolute; left: 0; top: 0px;}
.solution_bg_list li:last-child{margin-bottom: 0;}

.experience_mob{max-width: 350px; position: absolute; top: 0px; bottom: 0px;}
.experience_shadow{max-width: 735px; position: absolute; right: 250px; top: 48px; overflow: hidden;}
.experience_radius{border-radius: 30px;}

.testimonial01{width: 40px; margin-bottom: 15px;}
.testimonial02{width: 120px; margin-top: 15px;}
.z-index{position: relative; z-index: 1;}
.accordion_border_main{max-width: 1000px; margin: auto;}
.plusminus{position: absolute; color: #DC3939; z-index: 1; right: 20px; font-size: 18px; top: 12px;  height: 28px;  text-align: center;}
.accordion_head {cursor: pointer; font-size: 14px; color: #fff; background-color: rgba(217, 217, 217, 0.1); position: relative; padding-right: 34px !important; font-weight: 400; padding: 15px}
.faq_point{position: absolute; left: 0; top:0}
.accordion_border{position: relative; overflow: hidden; border-radius: 25px; margin-bottom: 15px;}
.accordion_body{display:none; padding: 0px 15px 15px 15px; background-color: rgba(217, 217, 217, 0.1);}
.accordion_body p{margin-bottom: 0px; color: #B1B1B1; font-size: 13px; font-weight: 400; width: 100%;}
.faq_open{display: block;}
.faq_box{max-width: 100%; margin: auto;}

footer{background: #101010;}
.footer_logo{width: 200px;}