@charset "utf-8";

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


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

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

.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: transparent;}
.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.menu_fixed {background:#fff;}
 
.header_button_ul{list-style: none; margin: 0px;}
.header_button_ul li{float: left;}

/* .btn_style{color: #fff;  position: relative; font-weight: 500; background-image: linear-gradient(to right, #0A72EB 0%, #31CBD5 51%, #0A72EB 100%); background-size: 200% 100%; z-index: 1;border-radius: 30px; text-align: center; display: inline-block;  padding: 10px 22px;} */
.login_button{color: #fff; position: relative; border: 1px solid #096587; font-weight: 500; text-align: center; padding: 10px 22px; display: block; background: #096587; border-radius: 25px 0px 0px 25px;}
.register_button{color: #096587; border: 1px solid #096587; position: relative; font-weight: 500; text-align: center; padding: 10px 22px; display: block; background: #fff; border-radius: 0px 25px 25px 0px;}

.login_button:hover {background-position: 100% 0; color: #fff; background-color: #37acd7; color: #fff; border: 1px solid #37acd7;}
.register_button:hover {background-position: 100% 0; color: #fff; background-color: #37acd7; color: #fff; border: 1px solid #37acd7;}

.heading_text h2{font-size: 70px; font-weight: 700; color: #096587;}
.heading_text p{margin-bottom: 0; font-size: 22px; color: #5A5A5A;}
.middle_heading{max-width: 850px; margin: auto; text-align: center;}
.heading_width{max-width: 650px;}
.header_padding{padding-top: 80px;}

.all_heading h5{font-size: 25px; font-weight: 300; color: #0A3FB4;}
.all_heading h2{font-size: 42px; font-weight: 500; color: #092155;}
.all_heading p{font-size: 18px; font-weight: 400; color: #5A5A5A;}

.small_heading{font-size: 16px; font-weight: 600; color: #092155;}
.small_para{font-size: 14px; font-weight: 400; color: #5A5A5A; margin: 0px;}

.text_align_center{text-align:center;}


.banner_section{background: url(../img/hero_bg.png) no-repeat; background-size: 100% 100%; height: 100vh;}
.bannerImage{position: absolute; right: 0px; bottom: 0px; max-width: 1000px;}

.download-btn { display: inline-flex; align-items: center; border: 1px solid #096587; border-radius: 30px; overflow: hidden; }
.download-text { background-color: #fff; color: #5A5A5A; padding: 10px 14px; font-size: 16px;}
.download-icon {background-color: #096587; color: white; padding: 7px 14px; display: flex; align-items: center; justify-content: center;}
.download-icon i {font-size: 20px; }

.service_card_bg{background: #fff; border-radius: 10px; padding: 20px; box-shadow: 2px 1px 42px 0px rgba( 9, 101, 135, 0.15); border: 1px solid #fff;}
.service_card_bg:hover{border: 1px solid #243FFA;}
.service_icon{width: 90px; height: 90px;}

.feature_card_bg{background: #092155; border-radius: 10px; padding: 30px; overflow: hidden;}
.feature-img{position: absolute; max-width: 300px; top: 12px; right: -40px;}

.unick_bg{background: #E8EDF0;}

.unick_card_bg{background: #fff; padding: 20px; border-radius: 15px; overflow: hidden; transition: transform 0.4s ease, box-shadow 0.3s ease;}
.unick_icon_bg{background: #092155; height: 60px; width: 60px; border-radius: 30px; z-index: 11; align-items: center; display: flex; justify-content: center;}
.unick_icon{height: 40px; width: 40px;}
.unick_no_bg{display: none; }
.unick_no_text{font-size: 20px; font-weight: 600; color: #fff; z-index: 1;}
.unick_icon_square{height: 30px; width: 30px; background: #41B0D8; transform: rotate(45deg); position: absolute; right: -3px; top: 15px;}
.unick_heading{font-size: 20px; font-weight: 600; color: #092155;}
.unick_para{font-size: 16px; font-weight: 400; color: #5A5A5A; margin: 0px;}

.unick_card_bg:hover{background: url(../img/hover-img.png) no-repeat; background-size: cover; transform: scale(1.05);}
.unick_card_bg:hover .unick_icon_bg{background: #41B0D8; height: 60px; width: 60px; border-radius: 30px;}
.unick_card_bg:hover .unick_icon_square{height: 30px; width: 30px; background: #fff; transform: rotate(45deg); position: absolute; right: -3px; top: 15px;}
.unick_card_bg:hover .unick_heading{font-size: 20px; font-weight: 600; color: #fff;}
.unick_card_bg:hover .unick_para{font-size: 16px; font-weight: 400; color: #fff; margin: 0px;}
.unick_card_bg:hover .unick_no_bg{background: #41B0D8; display: block; height: 80px; width: 80px; border-radius: 40px; position: absolute; right: -20px; top: -20px; }



.about_bg{background: #F3F9FF;}
.bullet{width: 24px; margin-right: 10px;}
.about_img{width: 100%;}
.rotation_img{max-width: 150px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.circle_text{max-width: 140px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; animation: spin 10s linear infinite;}
 @keyframes spin {
      from {
        transform: rotate(0deg);
      }
      to {
        transform: rotate(360deg);
      }
    }

.why_choose_bg{background: #092155;}
.why_choose_icon{width: 35px; margin-right: 10px;}
.whychoose_icon{position: absolute; bottom: -48px; right: 0px; max-width: 120px;}
.whychoose_plus_icon{position: absolute; top: 0px; left: -46px; max-width: 82px;}

.accordion_border_main{max-width: 1000px; margin: auto;}
.plusminus{position: absolute; z-index: 1; right: 20px; font-size: 18px; top: 14px;  height: 28px;  text-align: center;}
.accordion_head {cursor: pointer; font-size: 16px; color: #000; background-color: #F3F9FF; position: relative; padding-right: 34px !important; font-weight: 400; padding: 20px 18px;}
.faq_point{position: absolute; left: 0; top:0}
.accordion_border { position: relative; overflow: hidden; border-radius: 20px; margin-bottom: 15px; border: 1px solid #6CBFF3;}
.accordion_body{display:none; padding: 0px 20px 20px 20px; background-color: #F3F9FF;}
.accordion_body p{margin-bottom: 0px; color: #5A5A5A; font-size: 14px; font-weight: 400; width: 100%;}
.faq_open{display: block;}
.faq_box{max-width: 100%; margin: auto;}
.shadow_lien {height: 1px; background: radial-gradient(circle, #ffffff59 0, transparent 100%); margin-bottom: 15px}
.accordion_border i{color: #4AA1D8; font-size: 25px;}

.footer_bg_top{background: url(../img/footer-img.png) no-repeat; background-size: 100% 100%; height: 260px;}
.footer_img{width: 100%;}

.footer_logo_icon{position: absolute; max-width: 90px; margin: auto; display: block; left: 0; right: 0; top: 65px; transform-style: preserve-3d; animation: flip 3s linear infinite;}
@keyframes flip {
      0% {
        transform: rotateY(0deg);
      }
      100% {
        transform: rotateY(360deg);
      }
    }
.footer_bg{background: #AFD3F0;}
.contact_icon_bg{background: #fff ; height: 30px; width: 30px; border-radius: 20px; margin-right: 15px; display: flex; align-items: center; justify-content: center;}
.contact_icon_bg i{color: #37ACD7 ; font-size: 16px;}