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


html{overflow-x: hidden;}
body{overflow-x: hidden; font-weight: 400; font-family: "Funnel Sans", sans-serif; color: #fff; background: #0f1950; font-size: 16px;}
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;}

.navbar-collapse {flex-grow: unset;}
.navbar {padding: 0px;}
.navbar-toggler-icon {filter: brightness(0) invert(1);}
.navbar-toggler {padding: 0; border: none !important;}
.navbar-toggler:focus {text-decoration: none; outline: 0; box-shadow: none; border: 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: #0f1950; 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:150px;}

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

header.menu_fixed .brand-logo{max-width: 140px;}
header.menu_fixed{background: #0f1950; position: fixed; padding-top: 10px; padding-bottom: 10px;}
.brand-logo{max-width: 140px; margin-right: 20px; transition: all 0.4s; position: relative;}
.brand-logo img{width:100%;}
.mobile_menu_logo{width: 100px;}
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{padding: 12px 20px; border-radius: 20px; background: rgba(255, 255, 255, 0.11); backdrop-filter: blur(10px);}

.max-60{max-width: 60px;}
.max-100{max-width: 100px;}
.max-200{max-width: 200px;}
.max-300{max-width: 300px;}
.max-350{max-width: 350px;}
.max-400{max-width: 400px;}
.max-450{max-width: 450px;}
.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;}

.icon-20{width: 20px;}
.icon-30{width: 30px;}
.icon-40{width: 40px;}
.icon-50{width: 50px;}
.icon-60{width: 60px;}
.icon-70{width: 70px;}

.pointer{cursor: pointer;}

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

.header_padding{padding-top: 180px;}



.btn_style{border: none;color: #fff; font-weight: 500; text-align: center; display: inline-block; font-size: 16px; padding: 10px 30px; text-align: center; border-radius: 30px; background-image: linear-gradient(to right, #023198 , #0140c8);}
.btn_style:hover {color: #fff; background-image: linear-gradient(to right, #0140c8 , #023198);}
.btn_style.white_btn{color: #0043D7; background:#fff;}
.btn_style.white_btn:hover {background-image: linear-gradient(to right, #023198 , #0140c8); color: #fff;}

.color_2BF225{color: #2BF225;}
.bg_102077{background: #102077;}

.banner_section{background: radial-gradient(circle,#39a3f18f 1px,transparent 1px); background-size: 40px 40px; height: 100vh; animation: moveParticles 3s linear infinite;}

@keyframes moveParticles{
  from{background-position:0 0;}
  to{background-position:40px 40px;}
}

.banner_heading h1{font-size: 60px; font-weight: 700;}
.banner_heading h1 span{color: #39a3f1;}
.banner_heading p{font-weight: 400; font-size: 18px;}

.banner_img{max-width: 580px; position: absolute; right: 100px; bottom: 0;}


.box_gradient{background: url(../img/service-bg.png) repeat; border-radius: 20px;}
.check_list{position: relative; color: #fff; font-size: 17px; padding-left: 30px;}
.check_list:hover{color: #39a3f1;}
.check_list::before{content: "\f26b"; position: absolute; left: 0; color: #39a3f1; font-family: bootstrap-icons !important;}
.lien-divider {background-color: #0000; background-image: linear-gradient(80deg, #0771df00, #39a4f169 32% 68%, #0771df00 95%); flex-flow: row; justify-content: center; align-items: center; width: 100%; height: 1.8px; display: flex;}

.features_bg{padding: 30px; position: relative;}
.features_border{border-top: 1px solid rgba(255, 255, 255, 0.25); border-bottom: 1px solid rgba(255, 255, 255, 0.25);}
.features_no_bg{background: #39a3f1; height: 40px; width: 40px; border-radius: 40px; padding: 8px}
.features_box{width: 20px; position: absolute; right: 23px; top: 15px;}

.all_heading h6{color: #39a3f1; font-size: 17px;}
.all_heading h2{font-size: 50px; font-weight: 600;}
.all_heading h2 span{color: #39a3f1;}

.mission_bg{border: 1px solid #39a3f1; padding: 15px; border-radius: 10px;}
.all_para{font-size: 16px; color: #ddd;}

.service_bg{background: rgba(255, 255, 255, 0.25); border-radius: 15px;}

.service_bg{background-image: linear-gradient(to right, #102077 , rgba(255, 255, 255, 0.05)); border-radius: 13px; overflow: hidden; height: 300px;}
.service_img_one {position: absolute; max-width: 318px; bottom: 0; right: 0px;}
.service_img_two {position: absolute; max-width: 300px; top: 0; right: 0px;}
.service_img_three {position: absolute; max-width: 320px; top: 0; right: 0px;}


.servie_bg{background: url(../img/service-bg.png) repeat;}

.watter-text { position: absolute; bottom: 50px; left: 0px; z-index: 1; width: 100%; text-align: center; font-size: 130px; line-height: 150px; font-weight: 700; text-transform: uppercase; color: transparent; background: -webkit-linear-gradient(90deg, #19185e 0%, #39a3f1 75%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.ServiceInnerBg{background-image: linear-gradient(to right, #102077 , rgba(255, 255, 255, 0.05)); border: 1px solid #39a3f1; padding: 10px 20px; border-radius: 5px;}
.ServiceInnerIcon {margin-right: 12px; width: 30px; filter: brightness(0) invert(1);}
.ServiceInnerHeading {color: #fff; font-weight: 600; font-size: 17px; margin: 0px; }
.ServiceInnerPara {margin: 0px; font-weight: 300; font-size: 15px; line-height: 25px; color: #fff;}
.ServiceInnerBg:hover{box-shadow: 0px 0px 10px -5px #39a3f1;}
.ServiceInnerBg:hover .ServiceInnerIcon{filter: unset;}
.ServiceInnerBg:hover .ServiceInnerHeading{color: #39a3f1;}

.accordion_border_main{max-width: 100%; margin: auto;}
.plusminus{position: absolute; z-index: 1; right: 18px; font-size: 25px; top: 14px;  height: 28px;  text-align: center;}
.accordion_head {cursor: pointer; font-size: 17px; color: #fff;  position: relative; padding-right: 34px !important; font-weight: 600; padding: 20px 18px;}
.faq_point{position: absolute; left: 0; top:0}
.accordion_border{position: relative; overflow: hidden; background: rgba(255, 255, 255, 0.06); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border-radius: 5px; margin-bottom: 20px;}
.accordion_border.active{background:rgba(255, 255, 255, 0.06);  border-bottom: none;}
.accordion_border_main .active .accordion_head{border-bottom: none;}
.accordion_body{display:none; padding: 0px 20px 20px 20px;}
.accordion_body p{margin-bottom: 0px; font-size: 16px;  font-weight: 400; width: 100%; color: #ddddddd6;}

.promotion_bg{background: url(../img/promotion-bg.png) no-repeat; background-size: 100% 100%; border-radius: 25px; box-shadow: 0px 0px 7px -1px #39a3f1; overflow: hidden;}