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


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



.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.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: #fff; position: fixed; padding-top: 10px; padding-bottom: 10px;}
.brand-logo{max-width: 120px; margin-right: 20px; transition: all 0.4s; position: relative;}
.brand-logo img{width: 150px;}
.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%;}


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

.fw-400{font-weight: 400;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}

.pointer{cursor: pointer;}

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

.header_padding{padding-top: 80px;}


.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:#0040C1;}
.btn_style:hover {background: #134187; color: #fff;}
.btn_style.white_btn{color: #000; background:#fff;}
.btn_style.white_btn:hover {background: #0040C1; color: #fff;}

.color_0040C1{color: #0040C1 !important;}

.BannerShadow {width: 800px; height: 500px; opacity: 0.3; border-radius: 50%; background: #0040C1; opacity: 0.4; filter: blur(190px); position: absolute; left: 0px; right: 0px; margin: auto; top: 136px;}
.banner_heading h1{font-size: 55px;}
.banner_heading h1 span{color: #0040C1;}
.small_para{color: #0A0A0A;}
.banner_bottom_bg{background: #0040C1; padding: 20px; border-radius: 20px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);}

.all_heading h2{font-weight: 500; font-size: 40px;}
.all_heading h2 span{color: #0040C1;}

.value_no{max-width: 80px; position: absolute; left: 0; opacity: 0.32;}
.small_heading_text_padding{position: relative; padding: 75px 0px 20px 50px;}

.small_heading{color: #0040C1; text-align: center; background: #fff; box-shadow: 0px 1px 5px -2px #0040C1; padding: 10px; border-radius: 30px; width: 200px; margin: auto;}

.value_shadow_one {border-radius: 50%; background-image: radial-gradient(#1f53bb, #0040C1, #0040C1); opacity: 0.13; filter: blur(75px); position: absolute; top: 120px; z-index: 0; height: 600px; width: 600px; left: -300px;}
.value_shadow_two {border-radius: 50%; background-image: radial-gradient(#1f53bb, #0040C1, #0040C1); opacity: 0.13; filter: blur(75px); position: absolute; top: 200px; z-index: 0; height: 600px; width: 600px; right: -300px;}

.why_box_outer{width: 100%; background-image: linear-gradient(90deg, #0040C1, #fff 50%, #0040C1); padding: 0.8px; border-radius: 10px;}
.why_box_inner{background: #fff; padding: 10px; border-radius: inherit; height: 240px;}


.features_card_bg{background: #EFF4FF; border-radius: 20px; padding: 20px;}
.features_card_bg:hover{box-shadow: 0px 1px 5px -2px #0040C1;}

.steps_bg{background: url(../img/steps-bg.png) no-repeat; background-size: cover; height: auto;}
.step_no_bg{background-image: linear-gradient(to right, #022d8a, #0040C1); height: 50px; width: 50px; border-radius: 30px;}
.step_border{border: 1.5px dashed #003BBD; height: 280px; width: 0px; position: absolute; left: 24px; top: 10px; z-index: -1;}

.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: 16px; color: #0040C1;  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: #EFF4FF; box-shadow: 0px 1px 5px -2px #0040C1; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border-radius: 5px; margin-bottom: 20px;}
.accordion_border.active{background:#EFF4FF;  border-bottom: none;}
.accordion_border_main .active .accordion_head{border-bottom: none;}
.accordion_body{display:none; padding: 0px 20px 20px 20px; backdrop-filter: blur(10px);}
.accordion_body p{margin-bottom: 0px; font-size: 14px;  font-weight: 400; width: 100%;}

.promotion_bg{background-image: linear-gradient(to right, #EFF4FF, #fff); box-shadow: 0px 1px 5px -2px #0040C1; border-radius: 20px; overflow: hidden;}

footer{background-image: linear-gradient(to bottom, #EFF4FF, #0040c179);}