
*{margin:0px; padding:0px;}



body{ font-weight: 500; font-family: 'Montserrat', sans-serif; color: #c4c4c4; background: #010101; 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;}

.container{max-width: 1200px;}

#return-to-top{display: flex; z-index: 11; justify-content: center;align-items: center; width: 40px; transition: all 0.3s ease; height: 40px; border-radius: 50%; position: fixed; right: 20px; bottom: 20px; background: #409edb; color: #fff;}
#return-to-top img{width: 13px; filter: brightness(0) invert(1);}

.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: #000; 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;}
.preload-item{ position: absolute; width: 15px; aspect-ratio: 1; background: #cccccc36; border-radius: 100vh; top: 50%; left: 50%; translate: -50% -50%; animation: preloader-animation 4s linear infinite var(--_delay, 0s);}
.preload-item:nth-child(2){--_delay: .5s;}
.preload-item:nth-child(3){--_delay: 1s;}
.preload-item:nth-child(4){--_delay: 1.5s;}
.preload-item:nth-child(5){--_delay: 2s;}
.preload-item:nth-child(6){--_delay: 2.5s;}
.preload-item:nth-child(7){--_delay: 3s;}
.preload-item:nth-child(8){--_delay: 3.5s;}
 @keyframes preloader-animation{
    from{
      opacity: 0;
    }
    20%, 60%{
      opacity: 1;
    }
    to{
      opacity: 0;
      width:100px;
    }
  }




h1, h2, h3, h4, h5, h6 {color: #b4bcd0;}
header{padding-top: 15px; z-index: 11; padding-bottom: 15px;  position: fixed; left: 0; right:0; }


header.menu_fixed{backdrop-filter: blur(5px); background-color: rgba(0, 0, 0, 0.5);}
.brand-logo{max-width: 240px; margin-right: 50px; transition: all 0.4s; position: relative;}
.brand-logo .light_logo{width: 80%;}
header .navbar{padding: 0px;}
.btn-block{width: 100%; display: block;}
.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;}

.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: 40px;  background-image: linear-gradient(to right, #409edb 0%, #0c72b3 51%, #409edb 100%); background-size: 200% 100%;}
.btn_style:hover {background-position: 100% 0;color: #fff;}
.btn_style.white_btn{color: #409edb; background-image: linear-gradient(to right, #fff 0%, #e3e3e3  51%, #fff 100%); background-size: 200% 100%;}

.big_btn {padding: 16px 45px;}

.heading_text{display: block;}
/* .heading_text h2{font-size:50px; font-weight: 600;} */
.heading_text h2{
  width: auto;
  background: url("../img/color-blue.png") bottom;
  background-position: 0px 0px;
  background-size: cover; font-weight: 700;
  background-repeat: no-repeat;

  font-size: 50px;
 -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.heading_text.yellow h2{
  background-image: url("../img/color-yellow.png");
  background-position: 0px 0px;
  background-size: cover;
}
.heading_text h6{line-height: 27px;}
.heading_text p{margin-bottom: 0px;}
.heading_middle{max-width: 800px; margin: auto; text-align: center;}
.heading_width{max-width: 900px;}

.play_store_btn{position: relative; text-align: left; color: #fff; opacity: .7; display: inline-block; border-radius: 10px; border: 1px solid #fff; padding: 6px 12px; padding-left: 40px;}
.play_store_btn img{filter: brightness(0) invert(1); width: 23px; top: 9px; position: absolute; left: 8px;}
.text1{text-transform: uppercase; display: block; font-size: 9px;line-height: 12px; font-weight: 400;}
.text2{display: block; font-size: 16px; line-height: 20px; font-weight: 500}
.play_store_btn:hover{color: #fff; opacity: 1;}

.green_shadow { width: 450px; height:450px; z-index: -1; border-radius: 50%; background: #409edb; opacity: 0.2; filter: blur(125px);}
.left_p_shadow {position: absolute; top: -10%; left: -10%;}
.right_p_shadow {position: absolute; top: -10%; right: -10%;}
.left_b_p_shadow {position: absolute; bottom: 0%; left: -10%;}
.green_shadow.b-0{bottom: 0; top: unset;}
.green_shadow_full_top { width: 100%; height:250px; z-index: -1; position: absolute; top: 0; left: 0; right: 0; background: #409edb; opacity: 0.2; filter: blur(125px);}


.trusted_box_content_Button{background-image: linear-gradient(to right, #4544ec, #1db0df);
  border: none;
  padding: 10px;
  width: 200px;
  color: #fff;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  border-radius: 10px;
  text-align: center;}
  .trusted_box_content_Button:hover{background-image: linear-gradient(to right, #1db0df, #4544ec);}
.banner_btm_bg{position: relative; min-height: 600px;}
.banner_btm_bg_img{width: 100%; z-index: -1; height: 100%; position: absolute; left: 0; right:0; top:0; bottom: 0;}
.banner_btm_right_img{z-index: 2; width: 300px; position: absolute; top: 0; bottom: 0%; left: auto; right: 0;}
.banner_content{margin-right: 70px;}
.banner_content h1{font-size: 48px; color: #fff; font-weight: 600;}
.banner_content h1 span{color: #779af9;}
.banner_content h4{color: #e3e3e3; font-size: 18px; max-width: 560px; line-height: 30px;}
.banner_img_box{padding-left: 20px;}
.banner_img_box img{width: 100%;  margin: auto; display: block;}
.banner_padding_t{padding-top: 100px; padding-bottom: 70px;}
.banner_shape1{position: absolute; top: 0; right: 0; z-index: -1; width:800px;}
.banner_shape2{position: absolute; bottom: 0; left: 0; z-index: -1; width:700px;}
.banner_bg{background: url(../img/banner_net.png) no-repeat; background-size: 100% 100%; height: 100vh;}

.download_step{text-align: center;}
.download_step span{background-image: linear-gradient(to right, #214a6b , #080c19); width: 30px; height: 30px; display: inline-block; padding: 4px; color: #fff; border-radius: 50px; border: .5px solid #409edb;}
.download_step h3{margin-bottom: 0px; margin-top: 20px; color: #e3e3e3; margin-bottom: 0px; font-size: 20px;}

.sticky_box1{box-sizing: border-box; overflow: hidden; border-radius: 40px; bottom: 0px;}

/* .sticky_bg1{z-index: 4; background: black linear-gradient(180deg, #FFE2C7 -22.35%, rgba(254, 213, 180, 0.328125) 47.17%, rgba(254, 208, 171, 0) 100%);}
.sticky_bg2{z-index: 3; background: black linear-gradient(180deg, #B0ADE9 -22.35%, rgba(176, 173, 233, 0.33) 47.17%, rgba(176, 173, 233, 0) 100%);}
.sticky_bg3{z-index: 2; background: black linear-gradient(180deg, #D7F3F6 -22.35%, rgba(215, 243, 246, 0.33) 47.17%, rgba(215, 243, 246, 0) 100%);}
.sticky_bg4{z-index: 1; background: black linear-gradient(180deg, #68C6F5 -22.35%, rgba(104, 198, 245, 0.33) 47.17%, rgba(104, 198, 245, 0) 100%);} */
.sticky_bg1{z-index: 4; background: black linear-gradient(180deg, #033e5c -22.35%, rgba(104, 198, 245, 0.33) 47.17%, rgba(254, 208, 171, 0) 100%);}
.sticky_bg2{z-index: 3; background: black linear-gradient(180deg, #033e5c -22.35%, rgba(104, 198, 245, 0.33) 47.17%, rgba(176, 173, 233, 0) 100%);}
.sticky_bg3{z-index: 2; background: black linear-gradient(180deg, #033e5c -22.35%, rgba(104, 198, 245, 0.33) 47.17%, rgba(215, 243, 246, 0) 100%);}
.sticky_bg4{z-index: 1; background: black linear-gradient(180deg, #033e5c -22.35%, rgba(104, 198, 245, 0.33) 47.17%, rgba(104, 198, 245, 0) 100%);}

.sticky_content{padding-left: 80px; padding-top: 100px;}
.sticky_content h2{font-size: 46px; font-weight: 700;}
.sticky_content p{margin-bottom: 0px; font-size: 27px; color: #fff; line-height: 40px;}
.sticky_content_img img{width: 320px; margin: auto; display: block;}
.sticky_content_img{width: 100%; padding-top: 70px;}

/* .sticky_bg1 .sticky_content h2{color: #FFDBC2;}
.sticky_bg2 .sticky_content h2{color: #B9B7F9;}
.sticky_bg3 .sticky_content h2{color: #a8c6cc;}
.sticky_bg4 .sticky_content h2{color: #a1e0ff;} */
.sticky_bg1 .sticky_content h2{color: #fff;}
.sticky_bg2 .sticky_content h2{color: #fff;}
.sticky_bg3 .sticky_content h2{color: #fff;}
.sticky_bg4 .sticky_content h2{color: #fff;}

.qr-playstore{display: inline-block;}
.qr-playstore img{width: 150px;}
.trusted_sticky{position: sticky; top:100px}
.trusted_box_content{margin-bottom: 40px; padding-left: 70px;}
.trusted_box_content h4{color: #e3e3e3; margin-bottom: 20px;}
.trusted_box_content h4 span{ margin-right: 10px;   -webkit-text-fill-color: transparent;
  background-image: linear-gradient(128deg, #eec5bd, #f3b1a5 26%, #c6caf6 74%, #dad9e9);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: -14px;
  margin-right: 10px;
  font-size: 50px;
  font-weight: 700;}
.trusted_box_content h6{line-height: 27px; width: 90%;}

.bma-token{position: absolute; width: 200px; top: 117px; margin: auto; left: 0px; right: -60px;}

.hand-screen_img{max-width: 400px; margin: auto;}
.hand-screen_img img{width: 100%; margin-left: 80px;}
.Security_gif{width: 90%;float: right;}
.duplication_box p{margin-bottom: 0px; font-size: 28px; color: #fff; line-height: 35px; font-weight: 500;}
.duplication_box{text-align: center; display: flex; align-items: center; height: 250px; padding: 5rem 1rem; border-radius: 40px;}
.bg1{background: linear-gradient(180deg, #DCB38C 5.29%, rgba(254, 213, 180, 0.328125) 59.1%, rgba(254, 208, 171, 0) 100%);}
.bg2{background: linear-gradient(180deg, #2B9ED8 -9.37%, rgba(104, 198, 245, 0.31) 53.66%, rgba(104, 198, 245, 0) 100%);}
.bg3{background: linear-gradient(180deg, #90D5DC 4.97%, rgba(215, 243, 246, 0.46) 54.86%, rgba(215, 243, 246, 0) 100%);}
.bg4{background: linear-gradient(180deg, #D2C0EF 9.73%, rgba(230, 223, 241, 0.36) 61.76%, rgba(230, 223, 241, 0) 100%);}
.mobile_menu_logo {width: 200px;}

footer{display: block;}
.footer_screen{max-width: 950px; margin: auto;}
.footer_copy_area{border-top:2px solid #424245; padding: 20px 0px; font-size: 12px;}
.terms_link{margin-bottom: 0px; padding: 0px; text-align: right;}
.terms_link li{display: inline-block; margin-left: 20px;}
.terms_link li a{display: inline-block; color: #86868b;}
.terms_link li a:hover{color: #409edb;}
.copy_text{margin-bottom: 0px; color: #616161;}
.footer_screen img{width: 100%; margin: auto; display: block;}
.footer_social_media{list-style: none; text-align: center; z-index: 1; padding: 0px; margin-bottom: 0px; }
.footer_social_media li{margin: 0px 10px; display: inline-block;}
.footer_social_media li a{color: #808080; text-align: center; font-size: 25px; }
.footer_social_media li a:hover{color: #fff;}
.modal_close{position: absolute; filter: brightness(0) invert(1); cursor: pointer; top:10px; right: 10px; z-index: 1; color: #fff; opacity: 1;}




