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


html{overflow-x: hidden;}
body{overflow-x: hidden; font-weight: 500; font-family: "Funnel 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;}

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

header{padding: 10px 0px; z-index: 1111; background: #a7d1fc; left: 0; right:0; padding: 15px 0px; border-bottom: 1px solid #ffffff57;}

header.menu_fixed .brand-logo{max-width: 140px;}
header.menu_fixed{background: #fff; position: fixed;}
.brand-logo{max-width: 140px; margin-right: 20px; transition: all 0.4s; position: relative;}
.brand-logo img{width:190px;}
.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-150{max-width: 150px;}
.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-25{width: 25px;}
.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-40{opacity: .40;}
.opacity-50{opacity: .50;}
.opacity-80{opacity: .80;}

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

.header_padding{padding-top: 40px;}



.btn_style{color: #fff; font-weight: 500; text-align: center; display: inline-block; font-size: 16px; padding: 8px 25px; text-align: center; border-radius: 5px; background:#0f58d1;}
.btn_style:hover {color: #fff; background: #000;}
.btn_style.white_btn {color: #fff; background: #000;}
.btn_style.white_btn:hover {color: #fff; background:#0f58d1;}

.color_07124a{color: #07124a;}
.color_0f58d1{color: #0f58d1;}
.color_0000007e{color: #0000007e;}
.theme_background{background: #557fc429 !important;}



.banner_section{background: url(../img/banner-bg.png) no-repeat; background-size: 100% 100%; height: 100vh;}

.banner_heading h1{font-size: 65px;}
.banner_heading p{font-size: 18px; color: #101010cf;}

.banner_range_bg{background: #ffffff76; border-radius: 15px; border: 8px solid #eef0fafe; padding: 10px; max-width: 500px; margin: auto; display: block;}

.all_heading h2{font-size: 50px;}



.crystal_text_heading{color: #e4eaf6; font-weight: 700; font-size: 175px; text-align: center; position: absolute; z-index: 1; top: -150px; left: 0px; right: 0px; background: linear-gradient( 90deg, #e4eaf6 0%, #0f59d164 40%,#e4eaf6 80% ); background-size: 200% auto; color: transparent; -webkit-background-clip: text; background-clip: text; animation: textFlow 4s linear infinite;}
@keyframes textFlow {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: 200% center;
  }
}

.why_choose_bg_one{background-image: linear-gradient(to bottom, #07124a2b, #557fc429 40%); padding: 15px; border-radius: 15px;}
.why_choose_bg_two{background-image: linear-gradient(to bottom, #557fc429 60%, #07124a2b); padding: 15px; border-radius: 15px;}
.why_choose_heading h4{font-weight: 700; font-size: 18px;}
.why_choose_icon_bg{height: 60px; width: 60px; background: #07124a; border-radius: 5px;}
.icon_white{filter: brightness(0) invert(1);}

.features_img{max-width: 400px; margin: auto; display: block; border-radius: 20px;}

.discover_card_bg{background: #557fc429; 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: 20px; color: #07124a;}
.small_para{font-weight: 400; color: #222222; margin: 0px}
.discover_margin_minus{margin-top: -50px;}

.accordion_border_main{max-width: 1100px; 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: #000;  position: relative; padding-right: 34px !important; font-weight: 500; padding: 20px 18px;}
.faq_point{position: absolute; left: 0; top:0}
.accordion_border{position: relative; overflow: hidden; background:#f8f8f8; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border-radius: 5px; margin-bottom: 20px;}
.accordion_border.active{background:#f8f8f8;}
.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: rgba(0, 0, 0, 0.7);}

.platform_bg{background: #557fc429; border-radius: 15px; box-shadow: 0px 0px 8px -4px #07124a; padding: 40px;}
.small_heading_bullet{width: 12px; height:12px; border-radius: 50%; background: #07124a;}