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


html{overflow-x: hidden;}
body{overflow-x: hidden; font-weight: 500; font-family: 'Montserrat', sans-serif; color: #171717; background: #fff; font-size: 14px;}
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: #00071b; 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;}


header{z-index: 11; position: fixed; top:0; left: 0; right:0; }


header.menu_fixed{background: #00071a; box-shadow: 0px 14px 34px 0px rgba(0, 0, 0, 0.45); border-radius: 0px 0px 20px 20px; backdrop-filter: blur(45px);}
.brand-logo{max-width: 250px; transition: all 0.4s; position: relative;}
.brand-logo .light_logo{width: 100%;}

.menu_list_icon {color: #fff; background: #00a6c4; width: 40px; height: 40px; font-size: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}


.btn_style{border: none;color: #fff; cursor: pointer; font-weight: 600; text-align: center; display: inline-block; font-size: 14px; padding: 10px 30px; text-align: center; border-radius: 40px; background: #00a6c4;}
.btn_style:hover {background-position: 100% 0;color: #fff;}
.btn_style.white_btn{color: #00a6c4; background-image: linear-gradient(to right, #fff 0%, #e3e3e3  51%, #fff 100%); background-size: 200% 100%;}
.big_btn {padding: 16px 45px; font-size: 18px;}
.set-off-btn {display: inline-block; animation-duration: 4s; animation-iteration-count: infinite; background: #ffffff1f; border-radius: 100px; padding: 8px; -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out;  animation-timing-function: ease-in-out;}
.set-off-btn a{background: #fff; font-weight: 500; text-align: center; color: #1d1d1d; display: inline-block;font-size: 14px; padding: 8px 25px; border-radius: 100px; animation-duration: 4s; animation-iteration-count: infinite;}
.set-off-btn a:hover, .set-off-btn a.active{background: #00a6c4; color: #fff;}
.btn_100{display: block; width: 100%;}
.set-off-btn button{background: #fff; border: none; font-weight: 500; text-align: center; color: #1d1d1d; display: inline-block;font-size: 14px; padding: 8px 25px; border-radius: 100px; animation-duration: 4s; animation-iteration-count: infinite;}
.set-off-btn button:hover{background: #00a6c4; color: #fff;}

@keyframes pulse {
    0% {
      -webkit-transform:scaleX(1);
      transform:scaleX(1)
    }
    50% {
      -webkit-transform:scale3d(1.05,1.05,1.05);
      transform:scale3d(1.05,1.05,1.05)
    }
    to {
      -webkit-transform:scaleX(1);
      transform:scaleX(1)
    }
  }


.banner_section{background: #00071a; padding-top: 140px; border-radius: 0px 0px 30px 30px; overflow: hidden; z-index: 1; position: relative; height: 100vh;}
.banner_lien_img{position: absolute; width: 100%; left: 0; right: 0; top:0; bottom: 0; z-index: -1;}
.banner_img_box{padding-left: 40px;}
.banner_img_box img{width: 100%;}
.banner_content{color: #fff;}
.banner_content h1{font-size: 65px; color: #cde4ff; font-weight: 700;}
.banner_content p{font-size: 15px; line-height: 25px; width: 90%;}
.animation-rotate{opacity: .5; animation: rotateAndTransform 15s linear infinite; filter: blur(162.012px); perspective: 2000px; position: absolute; top: 0rem; z-index: -1; bottom: auto; left: -22.156rem; right: auto; transform: rotate(-75deg);}
@keyframes rotateAndTransform {
  0% {
      transform: rotate(0deg) scale(1);
  }
  100% {
      transform: rotate(360deg) scale(1);
  }
}

.md_container{max-width: 1100px; margin: auto;}
.sm_container{max-width: 900px; margin: auto;}
.heading_text{display: block;}
.heading_text h2{font-size:35px; color: #000; font-weight: 600;}
.heading_text.heding_white h2{color: #fff;}
.heading_text h2 span{font-weight: 300;}
.heading_text p{margin-bottom: 0px;}
.heading_middle{max-width: 800px; margin: auto; text-align: center;}
.heading_width{max-width: 900px;}
.mobile_menu_logo {width: 220px;}

.digit-card5{width: 500px;}
.green_shadow_full_top {width: 100%; height: 250px; z-index: -1; position: absolute; bottom: 0; left: 0; right: 0; background: #030f33; filter: blur(125px);}

.steps_box{border: 1px solid #cccccc7a; padding: 20px; border-radius: 10px;}
.steps_box .steps_number{position: relative; padding-left: 55px; min-height: 70px;}
.steps_box .steps_number h2{font-size: 20px; margin-bottom: 0px;}
.steps_box .steps_number span{background-color: transparent;
  background-image: linear-gradient(to top, #00071b 30%, #0cc8ea 81%, #0cc8ea 100%);
  -webkit-text-fill-color: transparent;
  background-clip: text;
  -webkit-background-clip: text; font-size: 70px;
  position: absolute;
  left: 0;
  top: -24px;
  font-weight: 800;}
.steps_text{min-height: 90px; margin-top: 20px;}
.steps_text p{margin-bottom: 0px; opacity: .8;}

.plusminus{position: absolute; z-index: 1; right: 10px; font-size: 16px; top: 17px; color: #00a6c4; height: 25px; width: 25px; text-align: center; border: 1.5px solid #00a6c4; border-radius: 50%}
.accordion_head {cursor: pointer; transition: all .25s; color: #000; position: relative; padding-right: 34px !important; font-size: 18px; font-weight: 600; padding: 20px 0px;}
.accordion_head:hover {padding-left: 10px; padding-right: 10px; color: #00a6c4;}
.faq_point{position: absolute; left: 0; top:0}
.accordion_border{position: relative; border-bottom: 1px solid #ccc;  overflow: hidden; margin-bottom: 10px;}
.accordion_body{display:none; font-size: 14px; padding-bottom:20px;}
.accordion_body p{margin-bottom: 0px; width: 100%; }
.faq_open{display: block;}
.faq_box{max-width: 800px; margin: auto;}

.offcanvas {
  background: #1b1b1b;
}
.offcanvas.offcanvas-bottom {
  border-radius: 15px 15px 0px 0px;
}
.lien_box{text-align: center; box-shadow: 0px 8px 8px 0px #cccccc7a; position: relative; background: #fff; margin-top: -50px; z-index: 1; border-radius: 13px; }
.lien_box::before{content: ""; border: 1px solid #cde4ffab; position: absolute; left: 15px; right: 15px; top: -12px; bottom: 0; border-radius: 10px; z-index: -1;}
.lien_box_body{background: #fff; padding: 20px 25px; border-radius: 13px;}
.lien_box img{margin-bottom: 20px; width: 70px;}
.lien_box h4{color: #1e2948; margin-bottom: 15px; font-size: 22px; font-weight: 700;}
.lien_box p{margin-bottom: 0px;}

.list_ul{padding: 0px; list-style: none; margin-bottom: 0px;}
.list_ul li{position: relative; padding-left: 30px; font-size: 19px; color: #000; margin-bottom: 25px;}
.list_ul li::before{content: ""; height: 10px; width: 10px; display: inline-block; background: #000; border-radius: 50%; position: absolute; left: 0; top: 10px;}
.list_ul li:last-child{margin-bottom: 0px;}

.about_img img{width: 100%; margin: auto; display: block;}
.about_img.padding_left{padding-left: 50px;}
.about_img.padding_right{padding-right: 50px;}


.logo-water-marks{width: 600px; z-index: -1; position: absolute; left: -210px; top: -40px;}
.logo-water-marks.right_marks{right: -210px; left:unset; transform: scaleX(-1);}


.dark_bg{background: #00071b; z-index: 1; position: relative; color: #fff;}
.light_bg{background: #f5f5f5;}
.single-services-item {position: relative; z-index: 1; display: block; padding: 35px 30px; text-align: center; border-radius: 10px; background-color: #ffffff; overflow: hidden;box-shadow: 0px 2px 25px 0px rgb(110, 110, 110, 0.12); transition: all 500ms ease-out;}
.single-services-item:hover{color: #fff;}
.single-services-item::before {content: "";position: absolute; width: 100%; height: 100%;top: 0px;left: 0px; z-index: -1; background-image: linear-gradient(-135deg, #020d2e 0%, #00061a 100%); transition: all 0.3s ease 0s; opacity: 0;}
.single-services-item:hover::before {opacity: 1;}
.services-icon::before {content: ""; background: #cccccc4d; width: 50px; display: inline-block; height: 13px; border-radius: 50%; position: absolute; bottom: 18px; left: 0; right: 0; margin: auto;}
.services-icon {position: relative; display: block;  padding-bottom: 30px;  transition: 0.5s; will-change: transform;}
.single-services-item:hover img { filter: brightness(0) invert(1);}
.services-icon img {width: 40px; filter: brightness(0) invert(0);}