@font-face {
  font-family: "poppinsbold";
  src: url("poppins-bold-webfont.woff2") format("woff2"),
    url("poppins-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "poppinslight";
  src: url("poppins-light-webfont.woff2") format("woff2"),
    url("poppins-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "poppinsmedium";
  src: url("poppins-medium-webfont.woff2") format("woff2"),
    url("poppins-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "poppinsregular";
  src: url("poppins-regular-webfont.woff2") format("woff2"),
    url("poppins-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "poppinssemibold";
  src: url("poppins-semibold-webfont.woff2") format("woff2"),
    url("poppins-semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'poppinsextrabold';
  src: url('poppins-extrabold-webfont.woff2') format('woff2'),
       url('poppins-extrabold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

body{font-family: "poppinsregular";}
.topsocial {
  text-align: right;
}
img{max-width: 100%;}
.tophead{font-family: "poppinsregular"; color: #6e6e6e; margin:5px 0 0 0 ;}
.tophead i{color: #fff; font-size: 12px; text-align: center;}
.tophead .icons{border-radius: 100px; height: 25px; width: 25px; display: inline-block; text-align: center;}
.footsocial i{color: #fff;}
.footsocial .icons{border-radius: 100px; height: 28px; width: 28px; display: inline-block; text-align: center; padding: 3px;}
.gradient{background: linear-gradient(90deg, #E80A89 0%, #F15B2A 100%);}
.desktoplogo img {width: 250px;}
.navbar-nav{background: linear-gradient(90deg, #F15B2A 0%, #E80A89 100%); border-radius: 100px;
    padding: 0 20px;}
.bg-light{background: #fff !important;}
.navbar-light .navbar-nav .nav-link{color: #fff; margin: 0 7px;}
.mobilelogo{display: none;}
.navbar-light .navbar-toggler {
  color: #fff;
  border-color: rgba(151, 44, 44, 0.1);
}
.desktopslider{ display: block;}
.mobileslider{ display: none;}

.services{color: #fff;}
.services h6{color: #fff; font-family: "poppinssemibold"; font-size: 15px; font-weight: normal; margin: 0px; padding-left: 10px; margin-left: 10px;}
.servicedetails{display: flex;}
.servicedetails img{height: 40px; max-width: inherit;}

.orange{background: #ff6f00; box-shadow: 3px 8px 15px 0px #fdd7b4;}
.darkorange{background: #e65100; box-shadow: 3px 8px 15px 0px #f7c8af;}
.purple{background: #4a148c; box-shadow: 3px 8px 15px 0px #c6b5db;}
.blue{background: #311b92; box-shadow: 3px 8px 15px 0px #bcb5dc;}
.darkblue{background: #0f0666; box-shadow: 3px 8px 15px 0px #beb7dd;}

.bankingfeatures{margin-top:100px;}
.bankingfeatures h2, .multiservices h2, .downloadnow h2, .security h2{font-family: 'poppinsextrabold'; text-transform: uppercase; font-size: 40px;}
.bankingfeatures h6{font-family: "poppinssemibold"; color: #fff; font-size: 16px;}
.bankingfeatures img{height: 50px;}

.multiservices{margin-top:100px;}

.downloadnow{margin-top:100px;}

.security{margin-top:100px;}

.securitybox{background: #ebebeb;}
.securityinfo{padding: 20px;}
.securityinfo h5{font-family: "poppinsbold"; font-size: 24px;}

.getready{background: linear-gradient(90deg, #E80A89 0%, #F15B2A 100%); margin: 100px 0; padding: 50px 0; box-shadow: 3px 8px 15px 0px #f8b6d6;}

.getready h3{font-family: 'poppinsextrabold'; text-transform: uppercase; font-size: 40px; color: #fff;}
.getready h4{font-family: "poppinsregular"; color: #fff; font-size: 20px;}

.getstarted{font-family: "poppinsbold";
  background: #fff;
  text-decoration: none;
  padding: 12px 36px;
  border-radius: 3px;
  display: inline-block;
  font-size: 26px;}
  .getstarted:hover{background:#ffe400;}

  footer i{color:#e80b88;}
  .footlogo img{width: 300px; text-align: center;}

  ul.footmenu{display: inline-block;}
  ul.footmenu li{display: inline-block; margin: 0 10px;}
  ul.footmenu li a{color: #000; text-decoration: none; font-family: "poppinsmedium"; padding: 12px;}
  ul.footmenu li a:hover{background: #f2f2f2;}
  ul.footmenu li a i{color:#e80b88;}

  .copyright{background: #f2f2f2;}

  .innercontent{margin: 100px 0 0 0;}
  .supportcontact{background: #000; display: inline-block; font-family: "poppinssemibold"; font-size:34px;}
  .innercontent h4{font-family: 'poppinsextrabold'; text-transform: uppercase; font-size: 40px; color: #fff;}
  .contacticon{color: #ff6d00;}
  .headunderline{background: #e1e1e1; height: 5px; width: 120px; display: inline-block;}

  .bicycle{ border-bottom: 10px solid #3e3d51;}

  .aboutus{background: #eef7fc; padding: 25px;}

@media all and (min-width: 240px) and (max-width: 320px) {
  .mobilelogo{display: block; width: 210px;}
  .desktoplogo{display: none;}
  .navbar-nav{border-radius: 0px;}
  .tophead{display: none;}
  .desktopslider{ display: none;}
.mobileslider{ display: block;}
.servicedetails img{height: 40px;}
.services h6{font-size: 18px; line-height: 40px;}
}

@media all and (min-width: 320px) and (max-width: 480px) {
  .mobilelogo{display: block; width: 210px;}
  .desktoplogo{display: none;}
  .navbar-nav{border-radius: 0px;}
  .tophead{display: none;}
  .desktopslider{ display: none;}
.mobileslider{ display: block;}
.servicedetails img{height: 40px;}
.services h6{font-size: 18px; line-height: 40px;}
}

@media all and (min-width: 481px) and (max-width: 567px) {
  .mobilelogo{display: block; width: 210px;}
  .desktoplogo{display: none;}
  .navbar-nav{border-radius: 0px;}
  .tophead{display: none;}
  .desktopslider{ display: none;}
.mobileslider{ display: block;}
.servicedetails img{height: 40px;}
.services h6{font-size: 18px; line-height: 40px;}
}

@media all and (min-width: 568px) and (max-width: 767px) {
  .mobilelogo{display: block; width: 210px;}
  .desktoplogo{display: none;}
  .navbar-nav{border-radius: 0px;}
  .tophead{display: none;}
  .desktopslider{ display: none;}
.mobileslider{ display: block;}
.servicedetails img{height: 40px;}
.services h6{font-size: 18px; line-height: 40px;}
}

@media all and (min-width: 768px) and (max-width: 900px) {
  .mobilelogo{display: block; width: 210px;}
  .desktoplogo{display: none;}
  .navbar-nav{border-radius: 0px;}
  .tophead{display: none;}
  .desktopslider{ display: none;}
.mobileslider{ display: block;}
.servicedetails img{height: 40px;}
.services h6{font-size: 18px; line-height: 40px;}
}

@media all and (min-width: 901px) and (max-width: 1024px) {
}

@media all and (min-width: 1025px) and (max-width: 1280px) {
}

@media all and (min-width: 1025px) and (max-width: 1280px) {
}