@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
html{
  height:100%
}
body{
  font-size:16px;
  font-family: "Inter", sans-serif;
  color:#000000;
  font-weight:400;
}
body.theme-dark{
  color:#ffffff;
}
video, iframe{
  vertical-align:top;
}
/*width*/
::-webkit-scrollbar{
  width:8px;
  height:2px;
}
/*Track*/
::-webkit-scrollbar-track{
  box-shadow:inset 0 0 5px balck;
  border-radius:0px;
}
/*Handle*/
::-webkit-scrollbar-thumb{
  background:#000; 
  border-radius:0px;
}
h1{
  font-size:34px;
}
h2{
  font-size:32px;
}
h3{
  font-size:30px;
}
h4{
  font-size:28px;
}
h5{
  font-size:26px;
}
h6{
  font-size:24px;
}
h1, h2, h3, h4, h5, h6{
  font-weight:800;
  letter-spacing:2px;
  color:#0b6189;
  line-height:1.2;
}
.theme-dark h1, .theme-dark h2, .theme-dark h3, .theme-dark h4, .theme-dark h5, .theme-dark h6{
  color:#ffffff;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
  color:#09597e;
}
.theme-dark h1 a, .theme-dark h2 a, .theme-dark h3 a, .theme-dark h4 a, .theme-dark h5 a, .theme-dark h6 a{
  color:#d8f3ff;
}
p:last-of-type{
  margin-bottom:0;
}
a{
  color: #09597e !important;
  text-decoration:none;
}
.theme-dark a{
  color:#d8f3ff !important;
}
a:hover{
  color: #09597e !important;
}
.theme-dark a:hover{
  color:#d8f3ff !important;
}
.form-group{
  margin-bottom:20px;
}
.form-control, .form-select{
  border:2px solid #16697d !important;
  border-radius:5px;
  padding:12px 15px;
  color:#16697d !important;
  line-height:1.2;
  font-weight:600;
  height:auto;
  background-color:#fbb148 !important;
  box-shadow:none !important;
}
textarea.form-control{
  height:200px;
}
.form-control::-webkit-input-placeholder{
  color:#16697d7a;
}
.form-control::-moz-placeholder{
  color:#16697d7a;
}
.form-control:-ms-input-placeholder{
  color:#16697d7a;
}
.form-control:-moz-placeholder{
  color:#16697d7a;
}
.btn{
  color:#107daf;
  padding:0;
  background-color:transparent;
  border:none;
}
.btn-primary{
  border-radius: 0px;
  padding: 10px 15px;
  border: none;
  background: #107daf !important;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  text-align: center;
  font-weight: 700;
  color: #ffffff !important;
  transition: all ease-in-out 0.25s;
  -webkit-transition: all ease-in-out 0.25s;
  -moz-transition: all ease-in-out 0.25s;
  -ms-transition: all ease-in-out 0.25s;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  min-width: 160px;
  outline: 4px double #c6edff;
  outline-offset: -6px;
}
.btn-primary:hover, .theme-light .btn-primary:hover{
  color:#ffffff !important;
  -webkit-animation-name: hvr-pulse-grow;
  animation-name: hvr-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
@keyframes hvr-pulse-grow{
100% {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
}
.theme-dark .btn-primary{
  color: #ffffff !important;
  outline-color:#004a6c;
}
/*default-css-end*/
/*navbar*/
.navbar{
  padding:12px 0;
  top:0px;
  left:0px;
  transition:all ease-in-out 0.25s;
  -webkit-transition:all ease-in-out 0.25s;
  -moz-transition:all ease-in-out 0.25s;
  -ms-transition:all ease-in-out 0.25s;
  z-index:3;
}
.navbar.active{
  backdrop-filter:blur(10px);
  box-shadow: 0px 2px 6px rgb(11 97 137 / 50%);
}
.theme-dark .navbar.active {
  box-shadow:0px 2px 6px rgba(255 255 255 / 50%);
}
.navbar-brand{
  padding:0;
  font-size:44px;
  font-variant:petite-caps;
  font-weight:bold;
  line-height:0.8;
}
.navbar-brand img{
  max-width:60px;
  filter:drop-shadow(2px 2px 5px black);
}
.theme-change .light-theme {
  display: none;
}
.theme-dark .theme-change .dark-theme {
  display: none;
}
.theme-dark .theme-change .light-theme {
  display: block;
}
.theme-change img {
  max-width:22px;
  filter:unset;
}
.theme-dark .theme-change img {
  filter:brightness(0) invert(1);
}
.navbar-nav {
  background:#c8eeff;
  box-shadow:-1px 1px 3px rgb(9 89 126), -1px 1px 3px rgb(255 255 255) inset;
  padding: 12px 40px;
  border-radius: 30px;
}
.theme-dark .navbar-nav{
  background: #09597e;
  box-shadow: -1px 1px 3px rgb(106 167 197), -1px 1px 3px rgb(18 53 68) inset;
}
.navbar-nav .nav-item:not(:last-of-type){
  margin-right:24px;
}
.navbar-nav .nav-link{
  padding:0 !important;
}
.navbar-nav .nav-link:after{
  display: none;
}
.navbar-nav .dropdown-menu{
  background: #c8eeff;
  border-color: #107daf;
  transition:all ease-in-out 0.25s;
  -webkit-transition:all ease-in-out 0.25s;
  -moz-transition:all ease-in-out 0.25s;
  -ms-transition:all ease-in-out 0.25s;
}
.theme-dark .navbar-nav .dropdown-menu {
  background:#09597e;
  border-color: #107daf;
}
.navbar-nav .dropdown-menu .dropdown-item{
  transition:all ease-in-out 0.25s;
  -webkit-transition:all ease-in-out 0.25s;
  -moz-transition:all ease-in-out 0.25s;
  -ms-transition:all ease-in-out 0.25s;
}
.navbar-nav .dropdown-menu .dropdown-item:hover{
  background: #9de0ff !important;
}
.theme-dark .navbar-nav .dropdown-menu .dropdown-item:hover {
  background:#107daf !important;
}
/*hero-banner*/
.hero-banner{
  background-color:#ffffff;
  background-image:url(../images/light-hero-bg1.png), url(../images/light-hero-bg2.png);
  background-repeat:repeat-x !important;
  background-position:bottom center, top 120px center !important;
  background-size:auto, auto !important;
  padding:150px 0 80px;
}
.theme-dark .hero-banner{
  background-color:#0b6189;
  background-image:url(../images/hero-bg1.png), url(../images/hero-bg2.png);
}
.hero-right img{
  position:relative;
  z-index:1;
}
.hero-banner .hero-left{
  max-width:750px;
  position: relative;
  z-index: 2;
}
.hero-left h1 span {
  font-size: 100px;
  text-transform: uppercase;
  text-shadow: 3px 3px 0px rgb(135 217 255);
  color: #09597e;
  letter-spacing: 8px;
  line-height: 1.3;
}
.theme-dark .hero-left h1 span{
  text-shadow: 3px 3px 0px rgb(0 0 0);
  color: #ffffff;
}
.hero-banner .hero-left p{
  margin: 0 auto;
  max-width: 668px;
}
.hero-banner .download-buttons .btn-outer{
  padding:11px 14px 8px;
}
.hero-banner .hero-right{
  margin-top:-260px;
}
/*about-wallet*/
.about-wallet{
  padding:60px 0;
  background:linear-gradient(to bottom, #ffffff 0%, #c6edff 50%, #ffffff 100%);
}
.theme-dark .about-wallet{
  background:linear-gradient(to bottom, #0b6189 0%, #004566 50%, #0b6189 100%);
}
.about-outer {
  max-width: 896px;
  margin-left: auto;
  padding:40px 60px 40px 180px;
  background: linear-gradient(to right, #c6edff 0%, #139ddd00 100%);
  border-radius: 30px;
}
.theme-dark .about-outer {
  background:linear-gradient(to right, #0b6189 0%, #004e7200 100%);
}
.about-outer .about-img{
  left:-180px;
  top: 50%;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
}
.about-outer .about-img img{
  max-width:330px;
  filter:drop-shadow(2px 2px 6px #0000005e);
}
/*wallet-service*/
.wallet-service{
  background:#ffffff;
  padding:60px 0;
}
.theme-dark .wallet-service{
  background:#0a6088;
}
.wallet-service .section-heading{
  max-width: 770px;
  margin: 0 auto 36px;
}
.service-outer{
  border-width: 0px 0px 0px 2px;
  border-style: solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(to bottom, #ffffff, #04567c, #ffffff);
  background: linear-gradient(to right, #c8eeff 0%, #ffffff 100%);
  padding: 20px;
  margin-bottom: 24px;
}
.theme-dark .service-outer{
  border-image-source: linear-gradient(to bottom, #0a6088, #ffffff, #0a6088);
  background: linear-gradient(to right, #004e72 0%, #0a6088 100%);
}
.service-outer:last-of-type{
  margin-bottom:0px;
}
.service-outer.service-middle{
  border-width: 0px 2px 2px 2px;
  border-image-source: linear-gradient(to bottom, #ffffff00, #0a6088, #ffffff00);
  background: linear-gradient(to bottom, #ffffff 0%, #c8eeff 100%);
  display: flex;
  align-items: flex-end;
  padding: 10px 20px 0;
  height: 100%;
  position:relative;
  overflow:hidden;
}
.theme-dark .service-outer.service-middle {
  border-image-source: linear-gradient(to bottom, #0a6088, #0a6088, #ffffff);
  background: linear-gradient(to bottom, #0a6088 0%, #014f73 100%);
}
.service-outer.service-middle:before{
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  content: "";
  width: 220px;
  height: 226px;
  background: url(../images/service-bg1.png) no-repeat;
  background-size: 220px auto;
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
}
.service-outer.service-right{
  border-width: 0px 2px 0px 0px;
  border-image-source: linear-gradient(to bottom, #ffffff, #10648b, #ffffff);
  background: linear-gradient(to right, #ffffff 0%, #c9eeff 100%);
  text-align: right;
}
.theme-dark .service-outer.service-right {
  border-image-source: linear-gradient(to bottom, #0a6088, #ffffff, #0a6088);
  background: linear-gradient(to right, #0a6088 0%, #004e72 100%);
}
.service-outer .img-outer{
  margin-bottom:14px;
}
.service-outer .img-outer img{
  max-width:32px;
}
/*download-app*/
.download-app{
  padding:60px 0;
  background-image: url(../images/light-download-bg1.png), linear-gradient(to bottom, #ffffff 0%, #c6edff 50%, #ffffff 100%);
  background-repeat: no-repeat;
  background-position:top -60px right -100px, top left;
  background-size:480px auto, cover;
  overflow: hidden;
}
.theme-dark .download-app {
  background-image:url(../images/download-bg1.png), linear-gradient(to bottom, #0b6189 0%, #004566 50%, #0b6189 100%);
}
.download-app:before, .download-app:after{
  position: absolute;
  bottom: 0;
  left:-60px;
  display: block;
  content: "";
  width: 340px;
  height: 340px;
  border-radius:100%;
  border:2px solid #ffffff;
}
.download-app:after{
  bottom:20px;
  width:280px;
  height:280px;
}
.theme-dark .download-app:before, .theme-dark .download-app:after {
  border-color:#0b628b;
}
.download-app .section-heading{
  max-width: 714px;
  margin: 0 auto 50px;
}
.download-buttons{
  margin-top:40px;
}
.download-left span{
  display: block;
  font-size: 56px;
  text-shadow: 5px 5px 8px rgb(0 0 0 / 31%);
  line-height: 0.9;
}
.theme-dark .download-left span {
  text-shadow: 5px 5px 8px rgb(0 0 0);
}
.download-buttons .btn-outer{
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #0b6189;
  padding: 14px 14px 11px;
  margin-right:16px;
  transition:all ease-in-out 0.10s;
}
.theme-dark .download-buttons .btn-outer {
  background: #01283a;
  border-color:#0a5e85;
}
.download-buttons .img-outer{
  width: 24px;
  margin-right:10px;
}
.download-buttons .img-outer img{
  filter: unset;
  max-height: 40px;
  transition:all ease-in-out 0.25s;
}
.theme-dark .download-buttons .img-outer img {
  filter: brightness(0) invert(1);
}
.download-buttons .content-outer{
  width:calc(100% - 34px);
  width:-webkit-calc(100% - 34px);
  width:-moz-calc(100% - 34px);
  width:-ms-calc(100% - 34px);
  text-align: left;
}
.download-buttons h4{
  margin:0;
}
.download-buttons h4 span {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
}
.download-right .dark-img{
  display:none;
}
.theme-dark .download-right .dark-img{
  display:block;
}
.theme-dark .download-right .light-img{
  display:none;
}
/*platform-asset*/
.platform-asset{
  padding:60px 0;
  background-color:#ffffff;
}
.theme-dark .platform-asset {
  background-image:linear-gradient(to bottom, #0b6189 0%, #0b6189 100%);
  background-color:transparent;
}
.platform-asset .section-heading{
  margin:0 auto 50px;
  max-width: 768px;
}
.asset-outer{
  background:linear-gradient(to bottom, #c7eeff 0%, #ffffff00 100%);
  padding:16px 10px;
  border-radius:14px;
}
.theme-dark .asset-outer {
  background:linear-gradient(to bottom, #136d97 0%, #ffffff00 100%);
}
.asset-main .more-space{
  transition:all ease-in-out 0.25s;
  -webkit-transition:all ease-in-out 0.25s;
  -moz-transition:all ease-in-out 0.25s;
  -ms-transition:all ease-in-out 0.25s;
}
.asset-main .more-space:hover{
  margin-top:-20px;
}
.asset-main .more-space:nth-of-type(2n+2){
  margin-top: 40px;
}
.asset-main .more-space:nth-of-type(2n+2):hover{
  margin-top:20px;
}
.asset-outer .img-outer{
  text-align:center;
}
.asset-outer .img-outer img {
  max-width:68px;
  max-height:54px;
  filter:drop-shadow(1px 1px 2px #000000a3);
  margin-bottom:6px;
}
.asset-outer .content-outer{
  background:linear-gradient(to bottom, #ffffff 0%, #ffffff00 100%);
  padding:12px 10px;
  border-radius: 14px;
  margin-top: 20px;
}
.theme-dark .asset-outer .content-outer{
  background:linear-gradient(to bottom, #0b4b68 0%, #ffffff00 100%);
}
.asset-outer .content-outer li{
  text-align: center;
  margin-right: 2%;
  width: 49%;
  margin-bottom:10px;
}
.asset-outer .content-outer li:nth-of-type(2n+2){
  margin-right:0;
}
.asset-outer .content-outer li img {
  max-width: 18px;
  filter:unset;
}
.theme-dark .asset-outer .content-outer li img {
  filter: brightness(0) invert(1);
}
/*zero-tracking*/
.zero-tracking{
  padding:60px 0;
  background-image:linear-gradient(to bottom, #ffffff 0%, #c6edff 50%, #ffffff 100%);
}
.theme-dark .zero-tracking{
  background-image:linear-gradient(to bottom, #0b6189 0%, #004566 50%, #0b6189 100%);
}
.zero-tracking .section-heading{
  margin: 0 auto 40px;
  max-width: 568px;
}
.tracking-main .more-space{
  margin-bottom: 24px;
}
.tracking-outer {
  background:#bde4f5;
  padding: 20px;
  height: 100%;
  border-radius: 20px; 
}
.theme-dark .tracking-outer {
  background:#0000001a;
}
.tracking-outer img {
  max-width: 200px;
}
.tracking-main .content-outer.space-bottom{
  margin-bottom: 15px;
}
.tracking-main .content-outer.space-top{
  margin-top:15px;
}
.tracking-outer .content-outer h3{
  font-size: 22px;
}
/*user-review*/
.user-review{
  padding:80px 0;
  background-image:url(../images/light-testimonial-bg1.png), linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #ffffff 100%);
  background-repeat: no-repeat;
  background-position: right 20px bottom 20px, top left;
  background-size: 220px auto, cover;
}
.theme-dark .user-review{
  background-image:url(../images/testimonial-bg1.png), linear-gradient(to bottom, #0b6189 0%, #0b6189 100%);
}
.user-review:before{
  position: absolute;
  top: 0;
  left: 30px;
  display: block;
  content: "";
  width: 200px;
  height: 280px;
  background: linear-gradient(to bottom, #ffffff 0%, #c9efff 100%);
  border-radius: 0px 0px 120px 120px;
}
.theme-dark .user-review:before{
  background:linear-gradient(to bottom, #0b6189 0%, #095173 100%);
}
.user-review .heading-left h2{
  font-size: 20px;
  font-weight: 500;
}
.user-review .heading-left h2 span{
  font-size:40px;
  font-weight:800;
  text-shadow: 3px 3px 6px rgb(0 0 0 / 31%);
}
.theme-dark .user-review .heading-left h2 span{
  text-shadow:3px 3px 6px rgb(0 0 0);
}
.review-slider{
  margin-top:36px;
}
.review-slide{
  background: #c6edff;
  padding:20px 14px;
  border-radius:14px;
  margin-right:14px;
}
.theme-dark .review-slide {
  background:#00000029;
}
.review-slide .user-img {
  background: #094b6a;
  padding: 10px 8px 0;
  border-radius: 10px;
  width: 46px;
  margin-right: 14px;
}
.review-slide .user-img img{
  max-width: 30px;
  filter:brightness(0) invert(1);
}
.review-slide .user-name {
  width:calc(100% - 60px);
  width:-webkit-calc(100% - 60px);
  width:-moz-calc(100% - 60px);
  width:-ms-calc(100% - 60px);
}
.review-slide .user-name h3{
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0;
}
.review-slide .review-middle{
  margin:12px 0;
}
.review-slide .review-time {
  width:calc(100% - 160px);
  width:-webkit-calc(100% - 160px);
  width:-moz-calc(100% - 160px);
  width:-ms-calc(100% - 160px);
}
.review-slide .rating-img{
  width:140px;
  margin-left:20px;
}
.review-slide .rating-img img {
  filter: unset;
}
.theme-dark .review-slide .rating-img img {
  filter:brightness(0) invert(1);
}
/*footer*/
.main-footer{
  background:linear-gradient(to bottom, #ffffff 0%, #c6edff 80%);
  padding:60px 0 0;
}
.theme-dark .main-footer {
  background:linear-gradient(to bottom, #0b6189 0%, #04364c 80%);
}
.footer-logo img{
  max-width: 90px;
  margin-bottom:10px;
}
.footer-wallet{
  display: inline-block;
  text-align: left;
}
.main-footer h6 {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
}
.footer-link{
  padding: 0;
  margin:12px 0 0;
  list-style:none;
}
.footer-link li:not(:last-of-type){
  margin-bottom:6px;
}
.copy-social{
  border-top:1px solid;
  border-image-slice: 1;
  border-image-source:linear-gradient(to right, #06435f00, #ffffff, #06435f00);
  margin-top: 54px;
  padding: 20px 0;
}
.footer-social{
  width:306px;
  margin-right:34px;
}
.footer-social li {
  margin-right: 20px;
  background: #0a4864;
  padding: 8px 0 10px;
  border-radius: 10px;
  min-width: 45px;
  text-align: center;
  transition:all ease-in-out 0.60s;
  -webkit-transition:all ease-in-out 0.60s;
  -moz-transition:all ease-in-out 0.60s;
  -ms-transition:all ease-in-out 0.60s;
}
.footer-social li:hover{
  transform:rotate(360deg);
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  -ms-transform:rotate(360deg);
}
.footer-social li:last-of-type{
  margin-right:0px;
}
.footer-social li img{
  filter: brightness(0) invert(1);
  max-height: 18px;
  max-width: 25px;
}
.copyright{
  width:calc(100% - 340px);
  width:-webkit-calc(100% - 340px);
  width:-moz-calc(100% - 340px);
  width:-ms-calc(100% - 340px);
  text-align:right;
}
@media only screen and (min-width: 992px) {
.navbar-nav .dropdown-menu{
  display: block;
  opacity: 0;
  visibility: hidden;
}
.navbar-nav .nav-item:hover .dropdown-menu{
  opacity:1;
  visibility:visible;
}
}