* {
    font-family: 'Open Sans', sans-serif;
    padding: 0;
    margin: 0;
    scroll-behavior: smooth;
}

/*** Global ***/
.container {
    width: 80%;
    margin: auto;
    overflow: hidden;
}

a {
    text-decoration: none;
}

a:hover
  {
    text-decoration: none;
    color: #009899;
}


/*** Header ***/
.header-bg {
    width: 65%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}


header {
    /*padding-top: 40px;*/
    min-height: 100px;
    position: relative;
    z-index: 99999999;
}


header li{
    float: left;
    display: inline;
    padding: 0 0 0 80px;
}


header li a {
    font-size: 14px;
    font-weight: 400;
    color: #5B5B5B;
}

header #branding{
    float:left;
}

.logo {
    width: 70%;
    height: auto;
}

header nav{
    /*float: right;*/
    margin-top: 10px;
}

header .li-nav {
    white-space: nowrap;
}

.sticky {
      position: fixed;
    background: white;
    top: -1px;
    /*right: -1px;*/
    width: 100%;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,.5);
    border: 01px solid white;
}

/* #showcase {
    width: 100%;
} */

.h1-showcase {
    font-size: 40px;
    font-weight: 300;
}

.span-showcase {
    font-weight: 600;
}

.p-showcase {
    padding-top: 10px;
    font-weight: 300;
}

.showcase-mockup {
    width: 80%;
    height: auto;
    right: 0;
    position: absolute;
}

.showcase-mockup-mobile {
        width: 88%;
        height: auto;
        right: 0;
        position: absolute;
    }

.scrolldown-icon-row {
    position: relative;
    top: 230px;
}

.side-bar-blob {
    width: 70%;
    position: absolute;
    left: 0;
}

.scrolldown-icon {
    z-index: 999;
}

.bodymovinanim {
    width: 20px;
    height: auto;
    margin: auto;
    text-align: center;
    cursor: pointer;
}

/*.bodymovinanim-icon {*/
/*    width: 20px;*/
/*    height: auto;*/
/*}*/


/*Carousel*/
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: inherit;
}

.carousel-height {
    height: 45vh;
}


.easy-to-track-img {
    position: relative;
}

.feature-buit-text {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 07px;
    padding-bottom: 10px;
    padding-left: 04px;
    text-transform: uppercase;
}

.easy-to-track-text {
    font-size: 50px;
    font-weight: 700;
    padding-bottom: 15px;
}

.giving-users-text {
    font-size: 25px;
    font-weight: 400;
    padding-bottom: 30px;
    padding-left: 04px;
}

.easy-to-analyze-img {
    position: relative;
}

.sectionb-ul {
    list-style-type: none;
}

.sectionb-li {
    float: left;
}

.side-bar-text {
    width: 100%;
    position: relative;
}

.li-a {
    padding-right: 50px;
    padding-left: 04px;
}

.sectionb-icona {
    width: 63.75px;
    height: auto;
    padding-bottom: 29px;
}

.account-aggregation-text {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px;
}

.account-aggregation-paragraph {
    font-size: 17px;
    font-weight: 400;
    color: #858585;
}

.li-b {
    padding-right: 45px;
}

.sectionb-iconb {
    width: 39.13px;
    height: auto;
    padding-bottom: 29px;
}

.engaging-notifications-text {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px;
}

.engaging-notifications-paragraph {
    font-size: 17px;
    font-weight: 400;
    color: #858585;
}

.li-c {
    padding-right: 45px;
}

.sectionb-iconc {
    width: 39.13px;
    height: auto;
    padding-bottom: 29px;
}

.scan-upload-text {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px;
}

.scan-upload-paragraph {
    font-size: 17px;
    font-weight: 400;
    color: #858585;
}

.li-d {}

.sectionb-icond {
    width: 55.41px;
    height: auto;
    padding-bottom: 29px;
}

.merchant-identification-text {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px;

}

.merchant-identification-paragraph {
    font-size: 17px;
    font-weight: 400;
    color: #858585;
}

.sectionc-blob-bg {
    position: absolute;
    z-index: 999999;
    left: 5%;
}

.sectionc-mockups-bg {
    position: relative;
    z-index: 999999;
    top: 20%;
}

.for-banks-text-sectionc {
    font-size: 48px;
    font-weight: 700;
    color: black;
    padding-bottom: 50px;
}

.section-tra {
    padding-top: 30px;
}

.sectionc-icona {
    width: 70px;
    height: auto;
    padding-bottom: 25px;
}

.sectionc-td-text {
    padding-left: 40px;
}

.sectionc-icona-text {
    font-size: 18px;
    font-weight: 400;
    color: black;
    margin: 0;
    padding-bottom: 15px;
}

.sectionc-iconb {
    width: 69px;
    height: auto;
    padding-bottom: 25px;
    
}


.sectionc-iconb-text {
    font-size: 18px;
    font-weight: 400;
    color: black;
    margin: 0;
}

.sectionc-iconc {
    width: 70px;
    height: auto;
}

.sectionc-iconc-text {
    font-size: 18px;
    font-weight: 400;
    color: black;
    margin: 0;
    padding-top: 06px;
}

.sectiond-bg {
    position: relative;
    z-index: 999999;
    width: 85%;
    float: right;
    top: 10%;
}

.sectiond-side-text {
    /*top: 40%;*/
    position: relative;
}

.for-customers-text-sectiond {
    font-size: 48px;
    font-weight: 700;
    color: black;
    padding-bottom: 50px;
}

.sectiond-icona {
    width: 70px;
    height: auto;
    padding-bottom: 25px;
}

.sectiond-td-text {
    padding-left: 40px;
}

.sectiond-icona-text {
    font-size: 18px;
    font-weight: 400;
    color: black;
    margin: 0;
    padding-bottom: 15px;
}

.sectiond-iconb {
    width: 85px;
    height: auto;
    padding-bottom: 25px;
}


.sectiond-iconb-text {
    font-size: 18px;
    font-weight: 400;
    color: black;
    margin: 0;
}

.sectiond-iconc {
    width: 72.27px;
    height: auto;
}

.sectiond-iconc-text {
    font-size: 18px;
    font-weight: 400;
    color: black;
    margin: 0;
    padding-top: 06px;
}

.sectione-blob-bg {
    position: absolute;
    right: 0;
}

.sectione-mockup {
    position: relative;
    top: 50%;
}

.sectione-side-text {
    position: relative;
    z-index: 99999;
    top: 80%;
    right: 10%;
    width: 100%;
}

.sectione-get-in-touch-text {
    font-size: 24px;
    font-weight: 400;
}

.sectione-would-love-to-text {
    font-size: 48px;
    font-weight: 700;
}

.btn-section-sub {
    background: #48C1C6;
    font-size: 24px;
    font-weight: 300;
    color: white;
    border: none;
    border-radius: 50px;
    width: 240px;
    height: 65px;
    position: relative;
    top: 45%;
    left: 10%;
}

.nav {
    display: inline;
}

.nav ul {
    list-style-type: none;
    text-align: center;
    padding: 0;
    margin: 0;
}

.nav li {
    display: inline-block;
}

.nav-li-a {
    padding-right: 80px;
}

.nav-li-b {
    padding-right: 80px;
}

.nav-li-c {
    padding-right: 80px;
}

.nav li a {
    font-size: 20px;
    font-weight: 400;
    color: black;
}

.footer-line {
    text-align: center;
    position: relative;
}

.footer-ul-icon {
    position: relative;
    top: 50px;
}

.nav-li-icona {
    padding-right: 36px;
}

.nav-li-iconb {
    padding-right: 36px;
}

.footer-copyright {
    font-size: 18px;
    font-weight: 400;
    color: black;
    position: relative;
    top: 120px;
    padding-bottom: 50px;
}


/**********   *** Animated Play Button Code Starts Here ***   **********/

/*.video-play-button {*/
/*  position: absolute;*/
/*  z-index: 10;*/
/*  top: 50%;*/
/*  left: 50%;*/
/*  transform: translateX(-50%) translateY(-50%);*/
/*  box-sizing: content-box;*/
/*  display: block;*/
/*  width: 32px;*/
/*  height: 44px;*/
  /* background: #fa183d; */
/*  border-radius: 50%;*/
/*  padding: 18px 20px 18px 28px;*/
/*}*/

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #48C1C6;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #48C1C6;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  /*background-color: darken(#48C1C6, 15%);*/
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
  border-radius: 04px
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #fff;
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}



.video-overlay {
  position: fixed;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.80);
  opacity: 0;
  transition: all ease 500ms;
}

.video-overlay.open {
  position: fixed;
  z-index: 1000;
  opacity: 1;
}

.video-overlay-close {
  position: absolute;
  z-index: 1000;
  top: 15px;
  right: 20px;
  font-size: 36px;
  line-height: 1;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  transition: all 200ms;
}

.video-overlay-close:hover {
  color: #fa183d;
}

.video-overlay iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  /* width: 90%; */
  /* height: auto; */
  box-shadow: 0 0 15px rgba(0,0,0,0.75);
}


/**********   *** Animated Play Button Code End's Here  ***   **********/


/*Envelop Button*/
#email {
    position:fixed;
    right:30px;
    bottom:30px;
    cursor:pointer;
    width:130px;
    height:40px;
    background-color:#fff;
    /*text-indent:-9999px;*/
    /*display:none;*/
    border: 1px solid #707070;
    border-radius: 50px;
    z-index: 999999;
}

.emailIcon {
    width: 17px;
    position: absolute;
    top: 6px;
    left: 20px;
}


#email span {
    position:absolute;
    top: 22%;
    left: 36%;
    font-size: 15px;
    font-weight: 300;
    color: #000;
}


#email:hover {
    background-color:#48C1C6;
    color: #fff;
    border: #fff;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}



/*Scroll Button*/
#scroll {
    position:fixed;
    right:30px;
    bottom:30px;
    cursor:pointer;
    width:130px;
    height:40px;
    background-color:#fff;
    /*text-indent:-9999px;*/
    display:none;
    border: 1px solid #707070;
    border-radius: 50px;
    z-index: 999999;
}

.scrollUpIcon {
    width: 17px;
    position: absolute;
    top: 6px;
    left: 20px;
}


#scroll span {
    position:absolute;
    top: 22%;
    left: 36%;
    font-size: 15px;
    font-weight: 300;
    color: #000;
}


#scroll:hover {
    background-color:#48C1C6;
    color: #fff;
    border: #fff;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}


/*** Media Queries ***/

/* For width: 2500px - 2000px */
@media (min-width: 2000px) and (max-width: 2500px) {
    .pad-l {
        padding-left: 10%;
    }
    
    .pad-r {
        padding-right: 10%;
    }

    .pad-t {
        padding-top: 15%;
    }
    
    .header-bg {
        width: 74%;
        height: 580px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .logo {
        width: 90%;
    }

    .ul-nav {
        padding-top: 10px;
    }

    .li-nav {
        font-size: 18px;
    }

    .h1-showcase {
        font-size: 52px;
    }

    .p-showcase {
        font-size: 20px;
        padding-top: 16px;
    }
    
    #sectiona {
        margin-bottom: 08%;
    }
    
    .showcase-mockup-mobile {
        width: 88%;
        height: auto;
        right: 0;
        position: absolute;
        display: none;
    }
    
    .video-play-button {
      position: absolute;
      z-index: 10;
      top: 87%;
      left: 55%;
      transform: translateX(-50%) translateY(-50%);
      box-sizing: content-box;
      display: block;
      width: 32px;
      height: 44px;
      /* background: #fa183d; */
      border-radius: 50%;
      padding: 18px 20px 18px 28px;
    }

    
    #sectionb {
        margin-bottom: 35%;
    }
    
    /*Section-b Slides Icons*/
    
    
    /*Section-b Slide-a Icons*/
    
    .sectionb-slidea-icona {
        padding-bottom: 29px;
        height: auto;
        width: 55px;
    }
    
    .sectionb-slidea-iconb {
        padding-bottom: 24px;
        height: auto;
        width: 40px;
    }
    
    .sectionb-slidea-iconc {
        padding-bottom: 20px;
        height: auto;
        width: 35px;

    }
    
    .sectionb-slidea-icond {
        padding-bottom: 25px;
        height: auto;
        width: 55px;
    }
    
    
    
     /*Section-b Slide-b Icons*/
    
    .sectionb-slideb-icona {
        padding-bottom: 29px;
        height: auto;
        width: 40px;
    }
    
    .sectionb-slideb-iconb {
        padding-bottom: 24px;
        height: auto;
        width: 45px;
    }
    
    .sectionb-slideb-iconc {
        padding-bottom: 20px;
        height: auto;
        width: 48px;
    }
    
    .sectionb-slideb-icond {
        padding-bottom: 20px;
        height: auto;
        width: 48px;

    }
    
    
    
    /*Section-b Slide-c Icons*/
    
    .sectionb-slidec-icona {
        padding-bottom: 29px;
        height: auto;
        width: 40px;
    }
    
    .sectionb-slidec-iconb {
        padding-bottom: 24px;
        height: auto;
        width: 45px;
    }
    
    .sectionb-slidec-iconc {
        padding-bottom: 20px;
        height: auto;
        width: 48px;

    }
    
    .sectionb-slidec-icond {
        padding-bottom: 24px;
        height: auto;
        width: 48px;

    }
    
    
    
    /*Section-b Slide-d Icons*/
    
    .sectionb-slided-icona {
        padding-bottom: 29px;
        height: auto;
        width: 40px;
    }
    
    .sectionb-slided-iconb {
        padding-bottom: 37px;
        height: auto;
        width: 50px;
    }
    
    .sectionb-slided-iconc {
        padding-bottom: 22px;
        height: auto;
        width: 48px;

    }
    
    .sectionb-slided-icond {
        padding-bottom: 22px;
        height: auto;
        width: 40px;

    }
    
    
    /*Section-b Slide-e Icons*/
    
    .sectionb-slidee-icona {
        padding-bottom: 29px;
        height: auto;
        width: 50px;
    }
    
    .sectionb-slidee-iconb {
        padding-bottom: 29px;
        height: auto;
        width: 50px;
    }
    
    .sectionb-slidee-iconc {
        padding-bottom: 38px;
        height: auto;
        width: 55px;
    }
    
    .bodymovinanim {
        width: 34px;
        height: auto;
        margin: auto;
        text-align: center;
    }
    
    .side-bar-blob {
        width: 64%;
        position: absolute;
        left: 0;
    }
    

    .easy-to-track-img {
        width: 55%;
        position: relative;
        top: 70%;
        left: 35%;
    }
    
    
    
    .easy-to-analyze-img {
        width: 62%;
        position: relative;
        top: 68%;
        left: 25%;
    }
    
    .easy-to-analyze-sectionb-icona {
        width: 37.75px;
        height: auto;
        padding-bottom: 29px;
    }
    
    .plan-save-img {
        width: 72%;
        position: relative;
        top: 66%;
        left: 18%;

    }
    
    .innovation-img {
        width: 66%;
        position: relative;
        top: 70%;
        left: 25%;
    }
    
    .simplifying-experience-img {
        width: 55%;
        position: relative;
        top: 68%;
        left: 40%;
    }
    
    
    .carousel-indicators {
        position: relative;
        top: 500px;
        
    }
    
    .carousel-indicators li {
        background-color: #48C1C6;
        height: 15px;
        width: 15px;
        border-radius: 50%;
        /*opacity: 1 !important;*/
        border-top: 0 !important;
        border-bottom: 0 !important;
    }
        
    #sectionc {
        margin-bottom: 5%;
    }
    
    #mob-res-swap-b {
         display: none;
     }
    
    .tab-mob {
        display: none;
    }
    
    .sectionc-blob-bg {
        position: absolute;
        z-index: 999999;
        left: 5%;
        width: 90%;
    }
    
    .sectionc-mockups-bg {
        position: relative;
        z-index: 999999;
        top: 06%;
        right: 0%;
        float: right;
    }

    .side-bar-text {
        position: relative;
        top: 75%;
        left: 0;
        padding: 0;
    }
    
    .sectionc-side-text {
        position: relative;
        top: 15%;
        left: 25%;
        z-index: 999999;
    }
    
    .sectiond-side-text {
        top: 25%;
        position: relative;
    }
    
    #sectione {
        margin-bottom: 40%;
    }
    
        .nav li a {
        font-size: 22px;
        font-weight: 400;
        color: black;
    }
    
    #pt-40 {
        padding-top: 40px;
    }
    
    .footer-copyright {
        font-size: 20px;
        font-weight: 400;
        color: black;
        position: relative;
        top: 120px;
        padding-bottom: 50px;
    }
    
    .br-footer-li {
        display: none;
    }
}

/* DONE */
/* For width: 2000px - 1900px */
@media (min-width: 1900px) and (max-width: 2000px) {
    .pad-l {
        padding-left: 10%;
    }
    
    .pad-l-md {
        padding-left: 09%;
    }
    
    .pad-r {
        padding-right: 10%;
    }

    .pad-t {
        padding-top: 15%;
    }
    
    .m-0 {
        margin: 0;
    }
    
    .header-bg {
        width: 74%;
        height: 580px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .logo {
        width: 90%;
    }

    .ul-nav {
        padding-top: 10px;
    }

    .li-nav {
        font-size: 18px;
    }

    .h1-showcase {
        font-size: 52px;
    }

    .p-showcase {
        font-size: 20px;
        padding-top: 16px;
    }
    
    #sectiona {
        margin-bottom: 08%;
    }
    
    .showcase-mockup-mobile {
        width: 88%;
        height: auto;
        right: 0;
        position: absolute;
        display: none;
    }
    
    .video-play-button {
      position: absolute;
      z-index: 10;
      top: 87%;
      left: 55%;
      transform: translateX(-50%) translateY(-50%);
      box-sizing: content-box;
      display: block;
      width: 32px;
      height: 44px;
      /* background: #fa183d; */
      border-radius: 50%;
      padding: 18px 20px 18px 28px;
    }

    
    #sectionb {
        margin-bottom: 35%;
    }
    
    /*Section-b Slides Icons*/
    
    
    /*Section-b Slide-a Icons*/
    
    .sectionb-slidea-icona {
        padding-bottom: 29px;
        height: auto;
        width: 55px;
    }
    
    .sectionb-slidea-iconb {
        padding-bottom: 24px;
        height: auto;
        width: 40px;
    }
    
    .sectionb-slidea-iconc {
        padding-bottom: 20px;
        height: auto;
        width: 35px;

    }
    
    .sectionb-slidea-icond {
        padding-bottom: 25px;
        height: auto;
        width: 55px;
    }
    
    
    
     /*Section-b Slide-b Icons*/
    
    .sectionb-slideb-icona {
        padding-bottom: 29px;
        height: auto;
        width: 40px;
    }
    
    .sectionb-slideb-iconb {
        padding-bottom: 24px;
        height: auto;
        width: 45px;
    }
    
    .sectionb-slideb-iconc {
        padding-bottom: 20px;
        height: auto;
        width: 48px;
    }
    
    .sectionb-slideb-icond {
        padding-bottom: 20px;
        height: auto;
        width: 48px;

    }
    
    
    
    /*Section-b Slide-c Icons*/
    
    .sectionb-slidec-icona {
        padding-bottom: 29px;
        height: auto;
        width: 40px;
    }
    
    .sectionb-slidec-iconb {
        padding-bottom: 24px;
        height: auto;
        width: 45px;
    }
    
    .sectionb-slidec-iconc {
        padding-bottom: 20px;
        height: auto;
        width: 48px;

    }
    
    .sectionb-slidec-icond {
        padding-bottom: 24px;
        height: auto;
        width: 48px;

    }
    
    
    
    /*Section-b Slide-d Icons*/
    
    .sectionb-slided-icona {
        padding-bottom: 29px;
        height: auto;
        width: 40px;
    }
    
    .sectionb-slided-iconb {
        padding-bottom: 37px;
        height: auto;
        width: 50px;
    }
    
    .sectionb-slided-iconc {
        padding-bottom: 22px;
        height: auto;
        width: 48px;

    }
    
    .sectionb-slided-icond {
        padding-bottom: 22px;
        height: auto;
        width: 40px;

    }
    
    
    /*Section-b Slide-e Icons*/
    
    .sectionb-slidee-icona {
        padding-bottom: 29px;
        height: auto;
        width: 50px;
    }
    
    .sectionb-slidee-iconb {
        padding-bottom: 29px;
        height: auto;
        width: 50px;
    }
    
    .sectionb-slidee-iconc {
        padding-bottom: 38px;
        height: auto;
        width: 55px;
    }
    
    .bodymovinanim {
        width: 34px;
        height: auto;
        margin: auto;
        text-align: center;
    }
    
    .side-bar-blob {
        width: 64%;
        position: absolute;
        left: 0;
    }
    

    .easy-to-track-img {
        width: 55%;
        position: relative;
        top: 70%;
        left: 35%;
    }
    
    
    
    .easy-to-analyze-img {
        width: 62%;
        position: relative;
        top: 68%;
        left: 25%;
    }
    
    .easy-to-analyze-sectionb-icona {
        width: 37.75px;
        height: auto;
        padding-bottom: 29px;
    }
    
    .plan-save-img {
        width: 72%;
        position: relative;
        top: 66%;
        left: 18%;

    }
    
    .innovation-img {
        width: 66%;
        position: relative;
        top: 70%;
        left: 25%;
    }
    
    .simplifying-experience-img {
        width: 55%;
        position: relative;
        top: 68%;
        left: 40%;
    }
    
    
    .carousel-indicators {
        position: relative;
        top: 500px;
        
    }
    
    .carousel-indicators li {
        background-color: #48C1C6;
        height: 15px;
        width: 15px;
        border-radius: 50%;
        /*opacity: 1 !important;*/
        border-top: 0 !important;
        border-bottom: 0 !important;
    }
        
    #sectionc {
        margin-bottom: 5%;
    }
    
    #mob-res-swap-b {
         display: none;
     }
    
    .tab-mob {
        display: none;
    }
    
    .sectionc-blob-bg {
        position: absolute;
        z-index: 999999;
        left: 5%;
        width: 90%;
    }
    
    .sectionc-mockups-bg {
        position: relative;
        z-index: 999999;
        top: 06%;
        right: 0%;
        float: right;
    }

    .side-bar-text {
        position: relative;
        top: 75%;
        left: 0;
        padding: 0;
    }
    
    .sectionc-side-text {
        position: relative;
        top: 15%;
        left: 21%;
        z-index: 999999;
        margin: 0;
    }
    
    .sectiond-side-text {
        top: 25%;
        position: relative;
        margin-right: 0;
        left: 7%;
    }
    
    #sectione {
        margin-bottom: 40%;
    }
    
        .nav li a {
        font-size: 22px;
        font-weight: 400;
        color: black;
    }
    
    #pt-40 {
        padding-top: 40px;
    }
    
    .footer-copyright {
        font-size: 20px;
        font-weight: 400;
        color: black;
        position: relative;
        top: 120px;
        padding-bottom: 150px;
    }
    
    .br-footer-li {
        display: none;
    }
}


/* For width: 1900px - 1800px */
@media (min-width: 1800px) and (max-width: 1900px) {
    .pad-l {
        padding-left: 10%;
    }
    
    .pad-l-md {
        padding-left: 09%;
    }
    
    .pad-r {
        padding-right: 10%;
    }

    .pad-t {
        padding-top: 15%;
    }
    
    .m-0 {
        margin: 0;
    }
    
    .header-bg {
        width: 68%;
        height: 520px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .logo {
        width: 90%;
    }

    .ul-nav {
        padding-top: 10px;
    }

    .li-nav {
        font-size: 18px;
    }

    .h1-showcase {
        font-size: 52px;
    }

    .p-showcase {
        font-size: 20px;
        padding-top: 16px;
    }
    
    #sectiona {
        margin-bottom: 08%;
    }
    
    .showcase-mockup-mobile {
        width: 88%;
        height: auto;
        right: 0;
        position: absolute;
        display: none;
    }
    
    .video-play-button {
      position: absolute;
      z-index: 10;
      top: 87%;
      left: 55%;
      transform: translateX(-50%) translateY(-50%);
      box-sizing: content-box;
      display: block;
      width: 32px;
      height: 44px;
      /* background: #fa183d; */
      border-radius: 50%;
      padding: 18px 20px 18px 28px;
    }

    
    #sectionb {
        margin-bottom: 35%;
    }
    
    /*Section-b Slides Icons*/
    
    
    /*Section-b Slide-a Icons*/
    
    .sectionb-slidea-icona {
        padding-bottom: 29px;
        height: auto;
        width: 55px;
    }
    
    .sectionb-slidea-iconb {
        padding-bottom: 24px;
        height: auto;
        width: 40px;
    }
    
    .sectionb-slidea-iconc {
        padding-bottom: 20px;
        height: auto;
        width: 35px;

    }
    
    .sectionb-slidea-icond {
        padding-bottom: 25px;
        height: auto;
        width: 55px;
    }
    
    
    
     /*Section-b Slide-b Icons*/
    
    .sectionb-slideb-icona {
        padding-bottom: 29px;
        height: auto;
        width: 40px;
    }
    
    .sectionb-slideb-iconb {
        padding-bottom: 24px;
        height: auto;
        width: 45px;
    }
    
    .sectionb-slideb-iconc {
        padding-bottom: 20px;
        height: auto;
        width: 48px;
    }
    
    .sectionb-slideb-icond {
        padding-bottom: 20px;
        height: auto;
        width: 48px;

    }
    
    
    
    /*Section-b Slide-c Icons*/
    
    .sectionb-slidec-icona {
        padding-bottom: 29px;
        height: auto;
        width: 40px;
    }
    
    .sectionb-slidec-iconb {
        padding-bottom: 24px;
        height: auto;
        width: 45px;
    }
    
    .sectionb-slidec-iconc {
        padding-bottom: 20px;
        height: auto;
        width: 48px;

    }
    
    .sectionb-slidec-icond {
        padding-bottom: 24px;
        height: auto;
        width: 48px;

    }
    
    
    
    /*Section-b Slide-d Icons*/
    
    .sectionb-slided-icona {
        padding-bottom: 29px;
        height: auto;
        width: 40px;
    }
    
    .sectionb-slided-iconb {
        padding-bottom: 37px;
        height: auto;
        width: 50px;
    }
    
    .sectionb-slided-iconc {
        padding-bottom: 22px;
        height: auto;
        width: 48px;

    }
    
    .sectionb-slided-icond {
        padding-bottom: 22px;
        height: auto;
        width: 40px;

    }
    
    
    /*Section-b Slide-e Icons*/
    
    .sectionb-slidee-icona {
        padding-bottom: 29px;
        height: auto;
        width: 50px;
    }
    
    .sectionb-slidee-iconb {
        padding-bottom: 29px;
        height: auto;
        width: 50px;
    }
    
    .sectionb-slidee-iconc {
        padding-bottom: 38px;
        height: auto;
        width: 55px;
    }
    
    .bodymovinanim {
        width: 34px;
        height: auto;
        margin: auto;
        text-align: center;
    }
    
    .side-bar-blob {
        width: 64%;
        position: absolute;
        left: 0;
    }
    

    .easy-to-track-img {
        width: 55%;
        position: relative;
        top: 70%;
        left: 35%;
    }
    
    
    
    .easy-to-analyze-img {
        width: 62%;
        position: relative;
        top: 68%;
        left: 25%;
    }
    
    .easy-to-analyze-sectionb-icona {
        width: 37.75px;
        height: auto;
        padding-bottom: 29px;
    }
    
    .plan-save-img {
        width: 72%;
        position: relative;
        top: 66%;
        left: 18%;

    }
    
    .innovation-img {
        width: 66%;
        position: relative;
        top: 70%;
        left: 25%;
    }
    
    .simplifying-experience-img {
        width: 55%;
        position: relative;
        top: 68%;
        left: 40%;
    }
    
    
    .carousel-indicators {
        position: relative;
        top: 500px;
        
    }
    
    .carousel-indicators li {
        background-color: #48C1C6;
        height: 15px;
        width: 15px;
        border-radius: 50%;
        /*opacity: 1 !important;*/
        border-top: 0 !important;
        border-bottom: 0 !important;
    }
        
    #sectionc {
        margin-bottom: 5%;
    }
    
    #mob-res-swap-b {
         display: none;
     }
    
    .tab-mob {
        display: none;
    }
    
    .sectionc-blob-bg {
        position: absolute;
        z-index: 999999;
        left: 5%;
        width: 90%;
    }
    
    .sectionc-mockups-bg {
        position: relative;
        z-index: 999999;
        top: 06%;
        right: 0%;
        float: right;
    }

    .side-bar-text {
        position: relative;
        top: 75%;
        left: 0;
        padding: 0;
    }
    
    .sectionc-side-text {
        position: relative;
        top: 15%;
        left: 22%;
        z-index: 999999;
        margin: 0;
    }
    
    .sectiond-side-text {
        top: 25%;
        position: relative;
        left: 15%;
    }
    
    #sectione {
        margin-bottom: 40%;
    }
    
        .nav li a {
        font-size: 22px;
        font-weight: 400;
        color: black;
    }
    
    #pt-40 {
        padding-top: 40px;
    }
    
    .footer-copyright {
        font-size: 20px;
        font-weight: 400;
        color: black;
        position: relative;
        top: 120px;
        padding-bottom: 150px;
    }
    
    .br-footer-li {
        display: none;
    }
}


/* For width: 1800px - 1700px */
@media (min-width: 1700px) and (max-width: 1800px) {
    .pad-l {
        padding-left: 10%;
    }
    
    .pad-l-md {
        padding-left: 09%;
    }
    
    .pad-r {
        padding-right: 10%;
    }

    .pad-t {
        padding-top: 15%;
    }
    
    .m-0 {
        margin: 0;
    }
    
    .header-bg {
        width: 68%;
        height: 520px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .logo {
        width: 90%;
    }

    .ul-nav {
        padding-top: 10px;
    }

    .li-nav {
        font-size: 18px;
    }

    .h1-showcase {
        font-size: 52px;
    }

    .p-showcase {
        font-size: 20px;
        padding-top: 16px;
    }
    
    #sectiona {
        margin-bottom: 08%;
    }
    
    .showcase-mockup-mobile {
        width: 88%;
        height: auto;
        right: 0;
        position: absolute;
        display: none;
    }
    
    .video-play-button {
      position: absolute;
      z-index: 10;
      top: 87%;
      left: 55%;
      transform: translateX(-50%) translateY(-50%);
      box-sizing: content-box;
      display: block;
      width: 32px;
      height: 44px;
      /* background: #fa183d; */
      border-radius: 50%;
      padding: 18px 20px 18px 28px;
    }

    
    #sectionb {
        margin-bottom: 35%;
    }
    
    /*Section-b Slides Icons*/
    
    
    /*Section-b Slide-a Icons*/
    
    .sectionb-slidea-icona {
        padding-bottom: 29px;
        height: auto;
        width: 55px;
    }
    
    .sectionb-slidea-iconb {
        padding-bottom: 24px;
        height: auto;
        width: 40px;
    }
    
    .sectionb-slidea-iconc {
        padding-bottom: 20px;
        height: auto;
        width: 35px;

    }
    
    .sectionb-slidea-icond {
        padding-bottom: 25px;
        height: auto;
        width: 55px;
    }
    
    
    
     /*Section-b Slide-b Icons*/
    
    .sectionb-slideb-icona {
        padding-bottom: 29px;
        height: auto;
        width: 40px;
    }
    
    .sectionb-slideb-iconb {
        padding-bottom: 24px;
        height: auto;
        width: 45px;
    }
    
    .sectionb-slideb-iconc {
        padding-bottom: 20px;
        height: auto;
        width: 48px;
    }
    
    .sectionb-slideb-icond {
        padding-bottom: 20px;
        height: auto;
        width: 48px;

    }
    
    
    
    /*Section-b Slide-c Icons*/
    
    .sectionb-slidec-icona {
        padding-bottom: 29px;
        height: auto;
        width: 40px;
    }
    
    .sectionb-slidec-iconb {
        padding-bottom: 24px;
        height: auto;
        width: 45px;
    }
    
    .sectionb-slidec-iconc {
        padding-bottom: 20px;
        height: auto;
        width: 48px;

    }
    
    .sectionb-slidec-icond {
        padding-bottom: 24px;
        height: auto;
        width: 48px;

    }
    
    
    
    /*Section-b Slide-d Icons*/
    
    .sectionb-slided-icona {
        padding-bottom: 29px;
        height: auto;
        width: 40px;
    }
    
    .sectionb-slided-iconb {
        padding-bottom: 37px;
        height: auto;
        width: 50px;
    }
    
    .sectionb-slided-iconc {
        padding-bottom: 22px;
        height: auto;
        width: 48px;

    }
    
    .sectionb-slided-icond {
        padding-bottom: 22px;
        height: auto;
        width: 40px;

    }
    
    
    /*Section-b Slide-e Icons*/
    
    .sectionb-slidee-icona {
        padding-bottom: 29px;
        height: auto;
        width: 50px;
    }
    
    .sectionb-slidee-iconb {
        padding-bottom: 29px;
        height: auto;
        width: 50px;
    }
    
    .sectionb-slidee-iconc {
        padding-bottom: 38px;
        height: auto;
        width: 55px;
    }
    
    .bodymovinanim {
        width: 34px;
        height: auto;
        margin: auto;
        text-align: center;
    }
    
    .side-bar-blob {
        width: 64%;
        position: absolute;
        left: 0;
    }
    

    .easy-to-track-img {
        width: 55%;
        position: relative;
        top: 70%;
        left: 35%;
    }
    
    
    
    .easy-to-analyze-img {
        width: 62%;
        position: relative;
        top: 68%;
        left: 25%;
    }
    
    .easy-to-analyze-sectionb-icona {
        width: 37.75px;
        height: auto;
        padding-bottom: 29px;
    }
    
    .plan-save-img {
        width: 72%;
        position: relative;
        top: 66%;
        left: 18%;

    }
    
    .innovation-img {
        width: 66%;
        position: relative;
        top: 70%;
        left: 25%;
    }
    
    .simplifying-experience-img {
        width: 55%;
        position: relative;
        top: 68%;
        left: 40%;
    }
    
    
    .carousel-indicators {
        position: relative;
        top: 500px;
        
    }
    
    .carousel-indicators li {
        background-color: #48C1C6;
        height: 15px;
        width: 15px;
        border-radius: 50%;
        /*opacity: 1 !important;*/
        border-top: 0 !important;
        border-bottom: 0 !important;
    }
        
    #sectionc {
        margin-bottom: 5%;
    }
    
    #mob-res-swap-b {
         display: none;
     }
    
    .tab-mob {
        display: none;
    }
    
    .sectionc-blob-bg {
        position: absolute;
        z-index: 999999;
        left: 5%;
        width: 90%;
    }
    
    .sectionc-mockups-bg {
        position: relative;
        z-index: 999999;
        top: 06%;
        right: 0%;
        float: right;
    }

    .side-bar-text {
        position: relative;
        top: 75%;
        left: 0;
        padding: 0;
    }
    
    .sectionc-side-text {
        position: relative;
        top: 15%;
        left: 21%;
        z-index: 999999;
        margin: 0;
    }
    
    .sectiond-side-text {
        top: 25%;
        position: relative;
        left: 11%;
    }
    
    #sectione {
        margin-bottom: 40%;
    }
    
        .nav li a {
        font-size: 22px;
        font-weight: 400;
        color: black;
    }
    
    #pt-40 {
        padding-top: 40px;
    }
    
    .footer-copyright {
        font-size: 20px;
        font-weight: 400;
        color: black;
        position: relative;
        top: 120px;
        padding-bottom: 150px;
    }
    
    .br-footer-li {
        display: none;
    }
}


/* DONE */
/* For width: 1700px - 1600px */
@media (min-width: 1600px) and (max-width: 1700px) {
    .pad-l {
        padding-left: 14%;
    }
    
    .pad-l-md {
        padding-left: 12.5%;
    }
    
    .pad-r {
        padding-right: 14%;
    }

    .pad-t {
        padding-top: 14%;
    }
    
    .logo {
        width: 85%;
        height: auto;
    }
    
    .ul-nav {
        padding-top: 10px;
    }

    .li-nav {
        font-size: 20px;
    }
    
    #sectiona {
        margin-bottom: 5%;
    }
    
    .showcase-mockup-mobile {
        width: 88%;
        height: auto;
        right: 0;
        position: absolute;
        display: none;
    }

    .h1-showcase {
        font-size: 46px;
    }

    .p-showcase {
        font-size: 22px;
        padding-top: 20px;
        width: 620px;
    }
    
       /*Section-b Slides Icons*/
    
    
    /*Section-b Slide-a Icons*/
    
    .sectionb-slidea-icona {
        padding-bottom: 29px;
        height: auto;
        width: 55px;
    }
    
    .sectionb-slidea-iconb {
        padding-bottom: 24px;
        height: auto;
        width: 40px;
    }
    
    .sectionb-slidea-iconc {
        padding-bottom: 20px;
        height: auto;
        width: 35px;

    }
    
    .sectionb-slidea-icond {
        padding-bottom: 25px;
        height: auto;
        width: 55px;
    }
    
    
    
     /*Section-b Slide-b Icons*/
    
    .sectionb-slideb-icona {
        padding-bottom: 29px;
        height: auto;
        width: 40px;
    }
    
    .sectionb-slideb-iconb {
        padding-bottom: 24px;
        height: auto;
        width: 45px;
    }
    
    .sectionb-slideb-iconc {
        padding-bottom: 20px;
        height: auto;
        width: 48px;
    }
    
    .sectionb-slideb-icond {
        padding-bottom: 20px;
        height: auto;
        width: 48px;

    }
    
    
    
    /*Section-b Slide-c Icons*/
    
    .sectionb-slidec-icona {
        padding-bottom: 29px;
        height: auto;
        width: 40px;
    }
    
    .sectionb-slidec-iconb {
        padding-bottom: 24px;
        height: auto;
        width: 45px;
    }
    
    .sectionb-slidec-iconc {
        padding-bottom: 20px;
        height: auto;
        width: 48px;

    }
    
    .sectionb-slidec-icond {
        padding-bottom: 24px;
        height: auto;
        width: 48px;

    }
    
    
    
    /*Section-b Slide-d Icons*/
    
    .sectionb-slided-icona {
        padding-bottom: 29px;
        height: auto;
        width: 40px;
    }
    
    .sectionb-slided-iconb {
        padding-bottom: 37px;
        height: auto;
        width: 50px;
    }
    
    .sectionb-slided-iconc {
        padding-bottom: 22px;
        height: auto;
        width: 48px;

    }
    
    .sectionb-slided-icond {
        padding-bottom: 22px;
        height: auto;
        width: 40px;

    }
    
    
    /*Section-b Slide-e Icons*/
    
    .sectionb-slidee-icona {
        padding-bottom: 29px;
        height: auto;
        width: 50px;
    }
    
    .sectionb-slidee-iconb {
        padding-bottom: 29px;
        height: auto;
        width: 50px;
    }
    
    .sectionb-slidee-iconc {
        padding-bottom: 38px;
        height: auto;
        width: 55px;
    }
    
    

    .video-play-button {
        position: absolute;
        z-index: 10;
        top: 85.5%;
        left: 55%;
        transform: translateX(-50%) translateY(-50%);
        box-sizing: content-box;
        display: block;
        width: 32px;
        height: 44px;
        /* background: #fa183d; */
         border-radius: 50%;
        padding: 18px 20px 18px 28px;
    }      

    .scrolldown-icon-row {
        top: 140px;
    }
    
    #sectionb {
        margin-bottom: 18%;
    }
    
       /*Section-b Slides Icons*/
    
    
    /*Section-b Slide-a Icons*/
    
    .sectionb-slidea-icona {
        padding-bottom: 29px;
        height: auto;
        width: 55px;
    }
    
    .sectionb-slidea-iconb {
        padding-bottom: 24px;
        height: auto;
        width: 40px;
    }
    
    .sectionb-slidea-iconc {
        padding-bottom: 20px;
        height: auto;
        width: 35px;

    }
    
    .sectionb-slidea-icond {
        padding-bottom: 25px;
        height: auto;
        width: 55px;
    }
    
    
    
     /*Section-b Slide-b Icons*/
    
    .sectionb-slideb-icona {
        padding-bottom: 29px;
        height: auto;
        width: 40px;
    }
    
    .sectionb-slideb-iconb {
        padding-bottom: 24px;
        height: auto;
        width: 45px;
    }
    
    .sectionb-slideb-iconc {
        padding-bottom: 20px;
        height: auto;
        width: 48px;
    }
    
    .sectionb-slideb-icond {
        padding-bottom: 20px;
        height: auto;
        width: 48px;

    }
    
    
    
    /*Section-b Slide-c Icons*/
    
    .sectionb-slidec-icona {
        padding-bottom: 29px;
        height: auto;
        width: 40px;
    }
    
    .sectionb-slidec-iconb {
        padding-bottom: 24px;
        height: auto;
        width: 45px;
    }
    
    .sectionb-slidec-iconc {
        padding-bottom: 20px;
        height: auto;
        width: 48px;

    }
    
    .sectionb-slidec-icond {
        padding-bottom: 24px;
        height: auto;
        width: 48px;

    }
    
    
    
    /*Section-b Slide-d Icons*/
    
    .sectionb-slided-icona {
        padding-bottom: 29px;
        height: auto;
        width: 40px;
    }
    
    .sectionb-slided-iconb {
        padding-bottom: 37px;
        height: auto;
        width: 50px;
    }
    
    .sectionb-slided-iconc {
        padding-bottom: 22px;
        height: auto;
        width: 48px;

    }
    
    .sectionb-slided-icond {
        padding-bottom: 22px;
        height: auto;
        width: 40px;

    }
    
    
    /*Section-b Slide-e Icons*/
    
    .sectionb-slidee-icona {
        padding-bottom: 29px;
        height: auto;
        width: 50px;
    }
    
    .sectionb-slidee-iconb {
        padding-bottom: 29px;
        height: auto;
        width: 50px;
    }
    
    .sectionb-slidee-iconc {
        padding-bottom: 38px;
        height: auto;
        width: 55px;
    }

    .bodymovinanim {
        width: 32px;
        height: auto;
        margin: auto;
        text-align: center;
    }
    
    
    .carousel-indicators {
        position: relative;
        top: 500px;
    }
    
    .carousel-indicators li {
        background-color: #48C1C6;
        height: 15px;
        width: 15px;
        border-radius: 50%;
        /*opacity: 1 !important;*/
        border-top: 0 !important;
        border-bottom: 0 !important;
    }
    
    .side-bar-blob {
        width: 70%;
        position: absolute;
        left: 0;
    }
    
    .sectionc-blob-bg {
        position: absolute;
        z-index: 999999;
        left: 5%;
        width: 90%;
    }
    
    .sectionc-mockups-bg {
        position: relative;
        z-index: 999999;
        top: 50%;
        right: 0;
        left: 65px;
        width: 95%;
    }
    
    .easy-to-track-img {
        width: 78%;
        position: relative;
        top: 65%;
        left: 30%;
    }
    

    .easy-to-track-text {
        font-size: 54px;
        font-weight: 700;
        padding-bottom: 10px;
    }
    
    .giving-users-text {
        font-size: 22px;
        font-weight: 400;
        padding-bottom: 30px;
    }
    
    .feature-buit-text {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 06px;
        padding-bottom: 05px;
        text-transform: uppercase;
    }
    
    .side-bar-text {
        position: relative;
        top: 71%;
        left: 8%;
    }
    
    .easy-to-analyze-img {
        width: 78%;
        position: relative;
        top: 65%;
        left: 30%;
    }
    
    .plan-save-img {
        width: 78%;
        position: relative;
        top: 62%;
        left: 30%;
    }
    
    .innovation-img {
        width: 78%;
        position: relative;
        top: 62%;
        left: 30%;
    }
    
    .simplifying-experience-img {
        width: 78%;
        position: relative;
        top: 62%;
        left: 30%;
    }
    
    .sectionc-side-text {
        z-index: 999999;
        position: relative;
        left: 30%;
        top: 58%;
        margin: 0;
    }
    
    .for-banks-text-sectionc {
        font-size: 36px;
        font-weight: 700;
        color: black;
        padding-bottom: 25px;
    }
    
    .tab-mob {
        display: none;
    }
    
    .sectionc-icona {
        width: 66.27px;
        height: auto;
        padding-bottom: 35px;
    }
    
    .sectionc-icona-text {
        font-size: 20px;
        font-weight: 400;
        color: black;
    }
    
    .sectionc-iconb {
        width: 63px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .sectionc-iconb-text {
        font-size: 20px;
        font-weight: 400;
        color: black;
    }
    
    .sectionc-td-text {
        padding-left: 40px;
        padding-top: 0px;
        padding-bottom: 20px;
    }
    
    .sectionc-iconc {
        width: 66.27px;
        height: auto;
    }
    
    .sectionc-iconc-text {
        font-size: 20px;
        font-weight: 400;
        color: black;
        margin: 0;
        padding-top: 15px;
    }
    
    #sectionc {
        margin-bottom: 25%;
    }
    
    #mob-res-swap-b {
         display: none;
     }
    
    .sectiond-bg {
        position: relative;
        z-index: 999999;
        width: 90%;
        left: 8%;
    }
    
    .sectiond-side-text {
        top: 25%;
        position: relative;
    }
    
    .for-customers-text-sectiond {
        font-size: 36px;
        font-weight: 700;
        color: black;
        padding-bottom: 30px;
    }
    
    .sectiond-icona {
        width: 72px;
        height: auto;
        padding-bottom: 35px;
    }
    
    .sectiond-icona-text {
        font-size: 20px;
        font-weight: 400;
        color: black;
    }
    
    .sectiond-iconb {
        width: 88px;
        height: auto;
        padding-bottom: 20px;
    }
    
    .sectiond-iconb-text {
        font-size: 20px;
        font-weight: 400;
        color: black;
    }
    
    .sectiond-iconc {
        width: 64.27px;
        height: auto;
    }
    
    .sectiond-iconc-text {
        font-size: 19px;
        font-weight: 400;
        color: black;
        margin: 0;
    }
    
    .sectiond-td-text {
        padding-left: 40px;
        padding-bottom: 20px;
    }
    
    #sectiond {
        margin-bottom: 0;
    }
    
    .sectione-blob-bg {
        position: absolute;
        right: 0;
        width: 68%;
    }
    
    .sectione-mockup {
        position: relative;
        top: 40%;
        right: 15%;
        height: 100%;
    }
    
        
    .sectione-side-text {
        position: relative;
        z-index: 99999;
        top: 70%;
        right: 15%;
        width: 100%;
    }
    
    
    .sectione-would-love-to-text {
        font-size: 40px;
        font-weight: 700;
        width: 115%;
    }
    
    .btn-section-sub {
        background: #48C1C6;
        font-size: 24px;
        font-weight: 300;
        color: white;
        border: none;
        border-radius: 50px;
        width: 230px;
        height: 60px;
        position: relative;
        top: 45%;
        left: 15%;
    }
    
    #sectione {
        margin-bottom: 36%;
    }
    
    #pt-40 {
        padding-top: 40px;
    }
    
    .br-footer-li {
        display: none;
    }
    
    #footer {
        padding-bottom: 08%;
    }
    
}


/* DONE */
/* For width: 1600px - 1500px */
@media (min-width: 1500px) and (max-width: 1600px) {
    .pad-l {
        padding-left: 14%;
    }
    
    .pad-l-md {
        padding-left: 12.5%;
    }
    
    .pad-r {
        padding-right: 14%;
    }

    .pad-t {
        padding-top: 15%;
    }
    
    .header-bg {
        width: 66%;
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .easy-to-track-img {
        width: 100%;
        position: relative;
        top: 35%;
        left: 0%;
    }
    
    .logo {
        width: 80%;
        height: auto;
    }
    
    .ul-nav {
        padding-top: 10px;
    }

    .li-nav {
        font-size: 18px;
    }

    .h1-showcase {
        font-size: 40px;
    }
    
    .showcase-mockup-mobile {
        width: 88%;
        height: auto;
        right: 0;
        position: absolute;
        display: none;
    }

    .p-showcase {
        font-size: 20px;
        padding-top: 10px;
        width: 620px;
    }
    
    .video-play-button {
      position: absolute;
      z-index: 10;
      top: 84%;
      left: 55%;
      transform: translateX(-50%) translateY(-50%);
      box-sizing: content-box;
      display: block;
      width: 32px;
      height: 44px;
      /* background: #fa183d; */
      border-radius: 50%;
      padding: 18px 20px 18px 28px;
    }

    .scrolldown-icon-row {
        top: 150px;
    }
    
    #sectiona {
        margin-bottom: 06%;
    }
    
    #sectionb {
        margin-bottom: 30%;
    }
    
    
       /*Section-b Slides Icons*/
    
    
    /*Section-b Slide-a Icons*/
    
    .sectionb-slidea-icona {
        padding-bottom: 29px;
        height: auto;
        width: 55px;
    }
    
    .sectionb-slidea-iconb {
        padding-bottom: 24px;
        height: auto;
        width: 40px;
    }
    
    .sectionb-slidea-iconc {
        padding-bottom: 20px;
        height: auto;
        width: 35px;

    }
    
    .sectionb-slidea-icond {
        padding-bottom: 25px;
        height: auto;
        width: 55px;
    }
    
    
    
     /*Section-b Slide-b Icons*/
    
    .sectionb-slideb-icona {
        padding-bottom: 29px;
        height: auto;
        width: 40px;
    }
    
    .sectionb-slideb-iconb {
        padding-bottom: 24px;
        height: auto;
        width: 45px;
    }
    
    .sectionb-slideb-iconc {
        padding-bottom: 20px;
        height: auto;
        width: 48px;
    }
    
    .sectionb-slideb-icond {
        padding-bottom: 20px;
        height: auto;
        width: 48px;

    }
    
    
    
    /*Section-b Slide-c Icons*/
    
    .sectionb-slidec-icona {
        padding-bottom: 29px;
        height: auto;
        width: 40px;
    }
    
    .sectionb-slidec-iconb {
        padding-bottom: 24px;
        height: auto;
        width: 45px;
    }
    
    .sectionb-slidec-iconc {
        padding-bottom: 20px;
        height: auto;
        width: 48px;

    }
    
    .sectionb-slidec-icond {
        padding-bottom: 24px;
        height: auto;
        width: 48px;

    }
    
    
    
    /*Section-b Slide-d Icons*/
    
    .sectionb-slided-icona {
        padding-bottom: 29px;
        height: auto;
        width: 40px;
    }
    
    .sectionb-slided-iconb {
        padding-bottom: 37px;
        height: auto;
        width: 50px;
    }
    
    .sectionb-slided-iconc {
        padding-bottom: 22px;
        height: auto;
        width: 48px;

    }
    
    .sectionb-slided-icond {
        padding-bottom: 22px;
        height: auto;
        width: 40px;

    }
    
    
    /*Section-b Slide-e Icons*/
    
    .sectionb-slidee-icona {
        padding-bottom: 29px;
        height: auto;
        width: 50px;
    }
    
    .sectionb-slidee-iconb {
        padding-bottom: 29px;
        height: auto;
        width: 50px;
    }
    
    .sectionb-slidee-iconc {
        padding-bottom: 38px;
        height: auto;
        width: 55px;
    }
    
    
    .side-bar-blob {
        width: 70%;
        position: absolute;
        left: 0;
    }

    .bodymovinanim {
        width: 30px;
        height: auto;
        margin: auto;
        text-align: center;
    }
    
    .easy-to-track-img {
        width: 75%;
        position: relative;
        top: 65%;
        left: 30%;
    }
    
    .easy-to-track-text {
        font-size: 44px;
        font-weight: 700;
        padding-bottom: 10px;
        margin-bottom: 0;
    }
    
    .giving-users-text {
        font-size: 20px;
        font-weight: 400;
        padding-bottom: 30px;
    }
    
    .feature-buit-text {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 06px;
        padding-bottom: 05px;
        text-transform: uppercase;
    }
    
    .sectionb-icona {
        width: 62.75px;
        height: auto;
        padding-bottom: 29px;
    }
    
    .account-aggregation-text {
        font-size: 19px;
        font-weight: 600;
        padding-bottom: 10px;
    }
    
    .account-aggregation-paragraph {
        font-size: 15px;
        font-weight: 400;
        color: #858585;
    }
    
    .sectionb-iconb {
        width: 38.13px;
        height: auto;
        padding-bottom: 29px;
    }
    
    .engaging-notifications-text {
        font-size: 19px;
        font-weight: 600;
        padding-bottom: 10px;
    }
    
    .engaging-notifications-paragraph {
        font-size: 15px;
        font-weight: 400;
        color: #858585;
    }
    
    .sectionb-iconc {
        width: 38.13px;
        height: auto;
        padding-bottom: 20px;
    }
    
    .scan-upload-text {
        font-size: 19px;
        font-weight: 600;
        padding-bottom: 10px;
    }
    
    .scan-upload-paragraph {
        font-size: 15px;
        font-weight: 400;
        color: #858585;
    }
    
    .sectionb-icond {
        width: 55.41px;
        height: auto;
        padding-bottom: 29px;
    }
    
    .merchant-identification-text {
        font-size: 19px;
        font-weight: 600;
        padding-bottom: 10px;
    }
    
    .merchant-identification-paragraph {
        font-size: 15px;
        font-weight: 400;
        color: #858585;
    }
    
    .easy-to-analyze-img {
        width: 75%;
        position: relative;
        top: 65%;
        left: 30%;
    }
    
    .plan-save-img {
        width: 75%;
        position: relative;
        top: 65%;
        left: 30%;
    }
    
    .innovation-img {
        width: 75%;
        position: relative;
        top: 65%;
        left: 30%;
    }
    
    .simplifying-experience-img {
        width: 75%;
        position: relative;
        top: 65%;
        left: 30%;
    }
    
    .carousel-indicators {
        position: relative;
        top: 500px;
    }
    
    .carousel-indicators li {
        background-color: #48C1C6;
        height: 15px;
        width: 15px;
        border-radius: 50%;
        /*opacity: 1 !important;*/
        border-top: 0 !important;
        border-bottom: 0 !important;
    }
    

    #sectionc {
        margin-bottom: 15%;
    }
    
    #mob-res-swap-b {
         display: none;
     }
    
    .sectionc-blob-bg {
        position: absolute;
        z-index: 999999;
        left: 5%;
        width: 90%;
    }
    
    
    .sectionc-mockups-bg {
        position: relative;
        z-index: 999999;
        top: 30%;
        right: 0;
        left: 70px;
        width: 94%;

    }
        
    .side-bar-text {
        /*width: 118%;*/
        position: relative;
        top: 76%;
        left: 8%;
        /*right: 10%;*/
    }
    
    .sectionc-side-text {
        z-index: 999999;
        position: relative;
        left: 20%;
        top: 37%;
    }
    
    .for-banks-text-sectionc {
        font-size: 36px;
        font-weight: 700;
        color: black;
        padding-bottom: 25px;
    }
    
    .tab-mob {
        display: none;
    }
    
    .sectionc-icona {
        width: 66.27px;
        height: auto;
        padding-bottom: 35px;
    }
    
    .sectionc-icona-text {
        font-size: 19px;
        font-weight: 400;
        color: black;
    }
    
    .sectionc-iconb {
        width: 63px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .sectionc-iconb-text {
        font-size: 19px;
        font-weight: 400;
        color: black;
        /* margin: 0px; */
    }
    
    .sectionc-td-text {
        padding-left: 40px;
        padding-top: 0px;
        padding-bottom: 20px;
    }
    
    .sectionc-iconc {
        width: 66.27px;
        height: auto;
    }
    
    .sectionc-iconc-text {
        font-size: 19px;
        font-weight: 400;
        color: black;
        margin: 0;
        padding-top: 15px;
    }
    
    
    .sectiond-bg {
        position: relative;
        z-index: 999999;
        width: 94%;
        left: 10%;
    }
    
    .sectiond-side-text {
        top: 25%;
        position: relative;
    }
    
    .for-customers-text-sectiond {
        font-size: 36px;
        font-weight: 700;
        color: black;
        padding-bottom: 30px;
    }
    
    .sectiond-icona {
        width: 72px;
        height: auto;
        padding-bottom: 35px;
    }
    
    .sectiond-icona-text {
        font-size: 19px;
        font-weight: 400;
        color: black;
        /* margin: 0; */
    }
    
    .sectiond-iconb {
        width: 82px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .sectiond-iconb-text {
        font-size: 19px;
        font-weight: 400;
        color: black;
        /* margin: 0; */
    }
    
    .sectiond-iconc {
        width: 64.27px;
        height: auto;
    }
    
    .sectiond-iconc-text {
        font-size: 19px;
        font-weight: 400;
        color: black;
        margin: 0;
    }
    
    .sectiond-td-text {
        padding-left: 40px;
        padding-bottom: 20px;
    }
    
    .sectione-blob-bg {
        position: absolute;
        right: 0;
        width: 70%;
    }
    
    .sectione-mockup {
        position: relative;
        top: 50%;
        right: 15%;
        height: 800px;
        width: auto;
    }
    
    .sectione-side-text {
        position: relative;
        z-index: 99999;
        top: 82%;
        right: 10%;
        width: 100%;
    }
    
    .sectione-get-in-touch-text {
        font-size: 22px;
        font-weight: 400;
    }
    
    .sectione-would-love-to-text {
        font-size: 38px;
        font-weight: 700;
        width: 115%;
    }
    
    .btn-section-sub {
        background: #48C1C6;
        font-size: 24px;
        font-weight: 300;
        color: white;
        border: none;
        border-radius: 50px;
        width: 230px;
        height: 54px;
        position: relative;
        top: 45%;
        left: 15%;
    }
    
    #sectione {
        margin-bottom: 35%;
    }
    
    #pt-40 {
        padding-top: 40px;
    }
    
    .br-footer-li {
        display: none;
    }
    
    .footer-copyright {
        font-size: 16px;
        font-weight: 400;
        color: black;
        position: relative;
        top: 120px;
        padding-bottom: 50px;
    }
    
    #footer {
        padding-bottom: 08%;
    }
    
}


/*For width: 1536px and height: 864px*/
/*@media (min-height: 864px) and (min-width: 1536px) {*/
/*    .pad-l {*/
/*        padding-left: 14%;*/
/*    }*/
    
/*    .pad-r {*/
/*        padding-right: 14%;*/
/*    }*/

/*    .pad-t {*/
/*        padding-top: 14%;*/
/*    }*/
    
/*    .header-bg {*/
/*        width: 66%;*/
/*        height: auto;*/
/*        position: absolute;*/
/*        top: 0;*/
/*        left: 0;*/
/*    }*/
    
/*    .easy-to-track-img {*/
/*        width: 100%;*/
/*        position: relative;*/
/*        top: 35%;*/
/*        left: 0%;*/
/*    }*/
    
/*    .logo {*/
/*        width: 80%;*/
/*        height: auto;*/
/*    }*/
    
/*    .ul-nav {*/
/*        padding-top: 10px;*/
/*    }*/

/*    .li-nav {*/
/*        font-size: 18px;*/
/*    }*/

/*    .h1-showcase {*/
/*        font-size: 40px;*/
/*    }*/

/*    .p-showcase {*/
/*        font-size: 20px;*/
/*        padding-top: 10px;*/
/*        width: 620px;*/
/*    }*/
    
/*    .video-play-button {*/
/*      position: absolute;*/
/*      z-index: 10;*/
/*      top: 86.5%;*/
/*      left: 55%;*/
/*      transform: translateX(-50%) translateY(-50%);*/
/*      box-sizing: content-box;*/
/*      display: block;*/
/*      width: 32px;*/
/*      height: 44px;*/
      /* background: #fa183d; */
/*      border-radius: 50%;*/
/*      padding: 18px 20px 18px 28px;*/
/*    }*/

/*    .scrolldown-icon-row {*/
/*        top: 150px;*/
/*    }*/
    
    
/*    #sectiona {*/
/*        margin-bottom: 06%;*/
/*    }*/
    
/*    #sectionb {*/
/*        margin-bottom: 31%;*/
/*    }*/
    
    
       /*Section-b Slides Icons*/
    
    
    /*Section-b Slide-a Icons*/
    
/*    .sectionb-slidea-icona {*/
/*        padding-bottom: 29px;*/
/*        height: auto;*/
/*        width: 55px;*/
/*    }*/
    
/*    .sectionb-slidea-iconb {*/
/*        padding-bottom: 24px;*/
/*        height: auto;*/
/*        width: 40px;*/
/*    }*/
    
/*    .sectionb-slidea-iconc {*/
/*        padding-bottom: 20px;*/
/*        height: auto;*/
/*        width: 35px;*/

/*    }*/
    
/*    .sectionb-slidea-icond {*/
/*        padding-bottom: 25px;*/
/*        height: auto;*/
/*        width: 55px;*/
/*    }*/
    
    
    
     /*Section-b Slide-b Icons*/
    
/*    .sectionb-slideb-icona {*/
/*        padding-bottom: 29px;*/
/*        height: auto;*/
/*        width: 40px;*/
/*    }*/
    
/*    .sectionb-slideb-iconb {*/
/*        padding-bottom: 24px;*/
/*        height: auto;*/
/*        width: 45px;*/
/*    }*/
    
/*    .sectionb-slideb-iconc {*/
/*        padding-bottom: 20px;*/
/*        height: auto;*/
/*        width: 48px;*/
/*    }*/
    
/*    .sectionb-slideb-icond {*/
/*        padding-bottom: 20px;*/
/*        height: auto;*/
/*        width: 48px;*/

/*    }*/
    
    
    
    /*Section-b Slide-c Icons*/
    
/*    .sectionb-slidec-icona {*/
/*        padding-bottom: 29px;*/
/*        height: auto;*/
/*        width: 40px;*/
/*    }*/
    
/*    .sectionb-slidec-iconb {*/
/*        padding-bottom: 24px;*/
/*        height: auto;*/
/*        width: 45px;*/
/*    }*/
    
/*    .sectionb-slidec-iconc {*/
/*        padding-bottom: 20px;*/
/*        height: auto;*/
/*        width: 48px;*/

/*    }*/
    
/*    .sectionb-slidec-icond {*/
/*        padding-bottom: 24px;*/
/*        height: auto;*/
/*        width: 48px;*/

/*    }*/
    
    
    
    /*Section-b Slide-d Icons*/
    
/*    .sectionb-slided-icona {*/
/*        padding-bottom: 29px;*/
/*        height: auto;*/
/*        width: 40px;*/
/*    }*/
    
/*    .sectionb-slided-iconb {*/
/*        padding-bottom: 37px;*/
/*        height: auto;*/
/*        width: 50px;*/
/*    }*/
    
/*    .sectionb-slided-iconc {*/
/*        padding-bottom: 22px;*/
/*        height: auto;*/
/*        width: 48px;*/

/*    }*/
    
/*    .sectionb-slided-icond {*/
/*        padding-bottom: 22px;*/
/*        height: auto;*/
/*        width: 40px;*/

/*    }*/
    
    
    /*Section-b Slide-e Icons*/
    
/*    .sectionb-slidee-icona {*/
/*        padding-bottom: 29px;*/
/*        height: auto;*/
/*        width: 50px;*/
/*    }*/
    
/*    .sectionb-slidee-iconb {*/
/*        padding-bottom: 29px;*/
/*        height: auto;*/
/*        width: 50px;*/
/*    }*/
    
/*    .sectionb-slidee-iconc {*/
/*        padding-bottom: 38px;*/
/*        height: auto;*/
/*        width: 55px;*/
/*    }*/
    
    
/*    .side-bar-blob {*/
/*        width: 70%;*/
/*        position: absolute;*/
/*        left: 0;*/
/*    }*/

/*    .bodymovinanim {*/
/*        width: 30px;*/
/*        height: auto;*/
/*        margin: auto;*/
/*        text-align: center;*/
/*    }*/
    
/*    .easy-to-track-img {*/
/*        width: 75%;*/
/*        position: relative;*/
/*        top: 65%;*/
/*        left: 30%;*/
/*    }*/
    
/*    .easy-to-track-text {*/
/*        font-size: 46px;*/
/*        font-weight: 700;*/
/*        padding-bottom: 10px;*/
/*        margin-bottom: 0;*/
/*    }*/
    
/*    .giving-users-text {*/
/*        font-size: 20px;*/
/*        font-weight: 400;*/
/*        padding-bottom: 30px;*/
/*    }*/
    
/*    .feature-buit-text {*/
/*        font-size: 12px;*/
/*        font-weight: 400;*/
/*        letter-spacing: 06px;*/
/*        padding-bottom: 05px;*/
/*        text-transform: uppercase;*/
/*    }*/
    
/*    .sectionb-icona {*/
/*        width: 62.75px;*/
/*        height: auto;*/
/*        padding-bottom: 29px;*/
/*    }*/
    
/*    .account-aggregation-text {*/
/*        font-size: 19px;*/
/*        font-weight: 600;*/
/*        padding-bottom: 10px;*/
/*    }*/
    
/*    .account-aggregation-paragraph {*/
/*        font-size: 15px;*/
/*        font-weight: 400;*/
/*        color: #858585;*/
/*    }*/
    
/*    .sectionb-iconb {*/
/*        width: 38.13px;*/
/*        height: auto;*/
/*        padding-bottom: 29px;*/
/*    }*/
    
/*    .engaging-notifications-text {*/
/*        font-size: 19px;*/
/*        font-weight: 600;*/
/*        padding-bottom: 10px;*/
/*    }*/
    
/*    .engaging-notifications-paragraph {*/
/*        font-size: 15px;*/
/*        font-weight: 400;*/
/*        color: #858585;*/
/*    }*/
    
/*    .sectionb-iconc {*/
/*        width: 38.13px;*/
/*        height: auto;*/
/*        padding-bottom: 20px;*/
/*    }*/
    
/*    .scan-upload-text {*/
/*        font-size: 19px;*/
/*        font-weight: 600;*/
/*        padding-bottom: 10px;*/
/*    }*/
    
/*    .scan-upload-paragraph {*/
/*        font-size: 15px;*/
/*        font-weight: 400;*/
/*        color: #858585;*/
/*    }*/
    
/*    .sectionb-icond {*/
/*        width: 55.41px;*/
/*        height: auto;*/
/*        padding-bottom: 29px;*/
/*    }*/
    
/*    .merchant-identification-text {*/
/*        font-size: 19px;*/
/*        font-weight: 600;*/
/*        padding-bottom: 10px;*/
/*    }*/
    
/*    .merchant-identification-paragraph {*/
/*        font-size: 15px;*/
/*        font-weight: 400;*/
/*        color: #858585;*/
/*    }*/
    
/*    .easy-to-analyze-img {*/
/*        width: 75%;*/
/*        position: relative;*/
/*        top: 65%;*/
/*        left: 30%;*/
/*    }*/
    
/*    .plan-save-img {*/
/*        width: 75%;*/
/*        position: relative;*/
/*        top: 65%;*/
/*        left: 30%;*/
/*    }*/
    
/*    .innovation-img {*/
/*        width: 75%;*/
/*        position: relative;*/
/*        top: 65%;*/
/*        left: 30%;*/
/*    }*/
    
/*    .simplifying-experience-img {*/
/*        width: 75%;*/
/*        position: relative;*/
/*        top: 65%;*/
/*        left: 30%;*/
/*    }*/
    
/*    .carousel-indicators {*/
/*        position: relative;*/
/*        top: 500px;*/
/*    }*/
    
/*    .carousel-indicators li {*/
/*        background-color: #48C1C6;*/
/*        height: 15px;*/
/*        width: 15px;*/
/*        border-radius: 50%;*/
        /*opacity: 1 !important;*/
/*        border-top: 0 !important;*/
/*        border-bottom: 0 !important;*/
/*    }*/
    

/*    #sectionc {*/
/*        margin-bottom: 15%;*/
/*    }*/
    
/*    .sectionc-blob-bg {*/
/*        position: absolute;*/
/*        z-index: 999999;*/
/*        left: 5%;*/
/*        width: 90%;*/
/*    }*/
    
    
/*    .sectionc-mockups-bg {*/
/*        position: relative;*/
/*        z-index: 999999;*/
/*        top: 30%;*/
/*        right: 0;*/
/*        left: 15px;*/
/*        width: 100%;*/
/*    }*/
        
/*    .side-bar-text {*/
        /*width: 118%;*/
/*        position: relative;*/
/*        top: 76%;*/
/*        left: 8%;*/
        /*right: 10%;*/
/*    }*/
    
/*    .sectionc-side-text {*/
/*        z-index: 999999;*/
/*        position: relative;*/
/*        left: 25%;*/
/*        top: 37%;*/
/*    }*/
    
/*    .for-banks-text-sectionc {*/
/*        font-size: 36px;*/
/*        font-weight: 700;*/
/*        color: black;*/
/*        padding-bottom: 25px;*/
/*    }*/
    
/*    .sectionc-icona {*/
/*        width: 66.27px;*/
/*        height: auto;*/
/*        padding-bottom: 35px;*/
/*    }*/
    
/*    .sectionc-icona-text {*/
/*        font-size: 19px;*/
/*        font-weight: 400;*/
/*        color: black;*/
/*    }*/
    
/*    .sectionc-iconb {*/
/*        width: 63px;*/
/*        height: auto;*/
/*        padding-bottom: 25px;*/
/*    }*/
    
/*    .sectionc-iconb-text {*/
/*        font-size: 19px;*/
/*        font-weight: 400;*/
/*        color: black;*/
        /* margin: 0px; */
/*    }*/
    
/*    .sectionc-td-text {*/
/*        padding-left: 40px;*/
/*        padding-top: 0px;*/
/*        padding-bottom: 20px;*/
/*    }*/
    
/*    .sectionc-iconc {*/
/*        width: 66.27px;*/
/*        height: auto;*/
/*    }*/
    
/*    .sectionc-iconc-text {*/
/*        font-size: 19px;*/
/*        font-weight: 400;*/
/*        color: black;*/
/*        margin: 0;*/
/*        padding-top: 15px;*/
/*    }*/
    
    
/*    .sectiond-bg {*/
/*        position: relative;*/
/*        z-index: 999999;*/
/*        width: 100%;*/
/*        left: 10%;*/
/*    }*/
    
/*    .sectiond-side-text {*/
/*        top: 25%;*/
/*        position: relative;*/
/*    }*/
    
/*    .for-customers-text-sectiond {*/
/*        font-size: 36px;*/
/*        font-weight: 700;*/
/*        color: black;*/
/*        padding-bottom: 30px;*/
/*    }*/
    
/*    .sectiond-icona {*/
/*        width: 72px;*/
/*        height: auto;*/
/*        padding-bottom: 35px;*/
/*    }*/
    
/*    .sectiond-icona-text {*/
/*        font-size: 19px;*/
/*        font-weight: 400;*/
/*        color: black;*/
        /* margin: 0; */
/*    }*/
    
/*    .sectiond-iconb {*/
/*        width: 82px;*/
/*        height: auto;*/
/*        padding-bottom: 25px;*/
/*    }*/
    
/*    .sectiond-iconb-text {*/
/*        font-size: 19px;*/
/*        font-weight: 400;*/
/*        color: black;*/
        /* margin: 0; */
/*    }*/
    
/*    .sectiond-iconc {*/
/*        width: 64.27px;*/
/*        height: auto;*/
/*    }*/
    
/*    .sectiond-iconc-text {*/
/*        font-size: 19px;*/
/*        font-weight: 400;*/
/*        color: black;*/
/*        margin: 0;*/
/*    }*/
    
/*    .sectiond-td-text {*/
/*        padding-left: 40px;*/
/*        padding-bottom: 20px;*/
/*    }*/
    
/*    .sectione-blob-bg {*/
/*        position: absolute;*/
/*        right: 0;*/
/*        width: 70%;*/
/*    }*/
    
/*    .sectione-mockup {*/
/*        position: relative;*/
/*        top: 50%;*/
/*        right: 15%;*/
/*        height: 800px;*/
/*        width: auto;*/
/*    }*/
    
/*    .sectione-side-text {*/
/*        position: relative;*/
/*        z-index: 99999;*/
/*        top: 82%;*/
/*        right: 10%;*/
/*        width: 100%;*/
/*    }*/
    
/*    .sectione-get-in-touch-text {*/
/*        font-size: 22px;*/
/*        font-weight: 400;*/
/*    }*/
    
/*    .sectione-would-love-to-text {*/
/*        font-size: 38px;*/
/*        font-weight: 700;*/
/*        width: 115%;*/
/*    }*/
    
/*    .btn-section-sub {*/
/*        background: #48C1C6;*/
/*        font-size: 24px;*/
/*        font-weight: 300;*/
/*        color: white;*/
/*        border: none;*/
/*        border-radius: 50px;*/
/*        width: 230px;*/
/*        height: 54px;*/
/*        position: relative;*/
/*        top: 45%;*/
/*        left: 15%;*/
/*    }*/
    
/*    #sectione {*/
/*        margin-bottom: 40%;*/
/*    }*/
    
/*    #pt-40 {*/
/*        padding-top: 40px;*/
/*    }*/
    
/*}*/


/* DONE */
/* For width: 1500px - 1400px */
@media (min-width: 1400px) and (max-width: 1500px) {
    .pad-l {
        padding-left: 12%;
    }
    
    .pad-l-md {
        padding-left: 10.5%;
    }
    
    .pad-r {
        padding-right: 12%;
    }

    .pad-t {
        padding-top: 17%;
    }
    
    header {
        /* padding-top: 40px; */
        min-height: 90px !important;
        position: relative;
        z-index: 99999999;
    }

    .header-bg {
        width: 65%;
        height: 475px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .logo {
        width: 70%;
        height: auto;
    }
    
    .ul-nav {
        padding-top: 20px;
    }

    .li-nav {
        font-size: 14px;
    }

    .h1-showcase {
        font-size: 36px;
    }

    .p-showcase {
        font-size: 16px;
        padding-top: 10px;
        width: 620px;
    }
    
    .showcase-mockup {
        width: 85%;
        height: auto;
        right: 0;
        position: absolute;
    }
    
    .showcase-mockup-mobile {
        width: 88%;
        height: auto;
        right: 0;
        position: absolute;
        display: none;
    }
    
    .video-play-button:after {
        content: "";
        position: absolute;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 70px;
        height: 70px;
        background: #48C1C6;
        border-radius: 50%;
        transition: all 200ms;
    }
    
    .video-play-button {
        position: absolute;
        margin-top: 52.6%;
        margin-left: 50%;
        z-index: 10;
        transform: translateX(-50%) translateY(-50%);
        box-sizing: content-box;
        display: block;
        width: 32px;
        height: 44px;
        /* background: #fa183d; */
         border-radius: 50%;
        padding: 18px 20px 18px 28px;
    }

    .scrolldown-icon-row {
        top: 140px;
    }
    
    #sectiona {
        margin-bottom: 05%
    }
    
    .side-bar-blob {
        width: 75%;
        position: absolute;
        left: 0;
    }
    
    .easy-to-track-img {
        width: 75%;
        position: relative;
        top: 66%;
        left: 30%;
    }
    
    .easy-to-analyze-img {
        width: 75%;
        position: relative;
        top: 66%;
        left: 30%;
    }
    
    .plan-save-img {
        width: 75%;
        position: relative;
        top: 64%;
        left: 30%;
    }
    
    .innovation-img {
        width: 75%;
        position: relative;
        top: 66%;
        left: 30%;
    }
    
    .simplifying-experience-img {
        width: 75%;
        position: relative;
        top: 64%;
        left: 30%;
    }
    
    #sectionb {
        margin-bottom: 34%;
    }
    
    
       /*Section-b Slides Icons*/
    
    
    /*Section-b Slide-a Icons*/
    
    .sectionb-slidea-icona {
        padding-bottom: 20px;
        height: auto;
        width: 42px;
    }
    
    .sectionb-slidea-iconb {
        padding-bottom: 20px;
        height: auto;
        width: 29px;
    }
    
    .sectionb-slidea-iconc {
        padding-bottom: 20px;
        height: auto;
        width: 24px;

    }
    
    .sectionb-slidea-icond {
        padding-bottom: 20px;
        height: auto;
        width: 44px;
    }
    
    
    
     /*Section-b Slide-b Icons*/
    
    .sectionb-slideb-icona {
        padding-bottom: 20px;
        height: auto;
        width: 29px;
    }
    
    .sectionb-slideb-iconb {
        padding-bottom: 16px;
        height: auto;
        width: 34px;
    }
    
    .sectionb-slideb-iconc {
        padding-bottom: 13px;
        height: auto;
        width: 37px;
    }
    
    .sectionb-slideb-icond {
        padding-bottom: 20px;
        height: auto;
        width: 37px;

    }
    
    
    
    /*Section-b Slide-c Icons*/
    
    .sectionb-slidec-icona {
        padding-bottom: 20px;
        height: auto;
        width: 29px;
    }
    
    .sectionb-slidec-iconb {
        padding-bottom: 15px;
        height: auto;
        width: 34px;
    }
    
    .sectionb-slidec-iconc {
        padding-bottom: 10px;
        height: auto;
        width: 37px;

    }
    
    .sectionb-slidec-icond {
        padding-bottom: 17px;
        height: auto;
        width: 35px;

    }
    
    
    
    /*Section-b Slide-d Icons*/
    
    .sectionb-slided-icona {
        padding-bottom: 20px;
        height: auto;
        width: 29px;
    }
    
    .sectionb-slided-iconb {
        padding-bottom: 24px;
        height: auto;
        width: 39px;
    }
    
    .sectionb-slided-iconc {
        padding-bottom: 14px;
        height: auto;
        width: 37px;

    }
    
    .sectionb-slided-icond {
        padding-bottom: 17px;
        height: auto;
        width: 29px;

    }
    
    
    /*Section-b Slide-e Icons*/
    
    .sectionb-slidee-icona {
        padding-bottom: 20px;
        height: auto;
        width: 39px;
    }
    
    .sectionb-slidee-iconb {
        padding-bottom: 20px;
        height: auto;
        width: 39px;
    }
    
    .sectionb-slidee-iconc {
        padding-bottom: 32px;
        height: auto;
        width: 38px;
    }

    .bodymovinanim {
        width: 30px;
        height: auto;
        margin: auto;
        text-align: center;
    }
    
    .side-bar-blob {
        width: 70%;
        position: absolute;
        left: 0;
    }

    #sectionc {
        margin-bottom: 10%;
    }
    
    .sectionc-blob-bg {
        position: absolute;
        z-index: 999999;
        left: 5%;
        width: 90%;
    }
    
    .sectionc-mockups-bg {
        position: relative;
        z-index: 999999;
        right: 0;
        left: 70px;
        width: 94%;
    }
        
    .side-bar-text {
        width: 100%;
        position: relative;
        top: 72%;
    }
    
    .sectionc-side-text {
        z-index: 999999;
        position: relative;
        left: 25%;
        top: 28%;
        margin: 0;
    }
    
    .feature-buit-text {
        font-size: 10px;
        font-weight: 400;
        letter-spacing: 05px;
        padding-bottom: 05px;
        text-transform: uppercase;
    }
    
    .easy-to-track-text {
        font-size: 36px;
        font-weight: 700;
        padding-bottom: 10px;
    }
    
    .giving-users-text {
        font-size: 17px;
        font-weight: 400;
        padding-bottom: 25px;
    }
    
    .sectionb-ul {
        list-style-type: none;
        width: 115%;
    }
    
    .sectionb-icona {
        width: 57.75px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .account-aggregation-text {
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 10px;
    }
    
    .account-aggregation-paragraph {
        font-size: 12px;
        font-weight: 400;
    }
    
    .sectionb-iconb {
        width: 35.13px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .engaging-notifications-text {
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 10px;
    }
    
    .engaging-notifications-paragraph {
        font-size: 12px;
        font-weight: 400;
    }
    
    .sectionb-iconc {
        width: 33.13px;
        height: auto;
        padding-bottom: 16px;
    }
    
    .scan-upload-text {
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 10px;
    }
    
    .scan-upload-paragraph {
        font-size: 12px;
        font-weight: 400;
    }
    
    .sectionb-icond {
        width: 50.41px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .merchant-identification-text {
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 10px;
    }
    
    .merchant-identification-paragraph {
        font-size: 12px;
        font-weight: 400;
    }
    
    .li-a {
        padding-right: 34px;
    }
    
    .li-b {
        padding-right: 34px;
    }
    
    .li-c {
        padding-right: 34px;
    }
    
    .carousel-indicators li {
        background-color: #48C1C6;
        height: 12px;
        width: 12px;
        border-radius: 50%;
        /* opacity: 1 !important; */
        border-top: 0 !important;
        border-bottom: 0 !important;
    }
    
    .carousel-indicators {
        position: relative;
        top: 400px;
    }
    
    .for-banks-text-sectionc {
        font-size: 30px;
        font-weight: 700;
        color: black;
        padding-bottom: 30px;
    }
    
    #mob-res-swap-b {
         display: none;
     }
    
    .tab-mob {
        display: none;
    }
    
    .sectionc-icona {
        width: 56.27px;
        height: auto;
        padding-bottom: 33px;
    }
    
    .sectionc-icona-text {
        font-size: 14px;
        font-weight: 400;
        color: black;
    }
        
    .sectionc-iconb {
        width: 53px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .sectionc-iconb-text {
        font-size: 14px;
        font-weight: 400;
        color: black;
        /* margin: 0px; */
    }
    
    .sectionc-td-text {
        padding-left: 25px;
        padding-top: 0px;
        padding-bottom: 20px;
    }
    
    .sectionc-iconc {
        width: 56.27px;
        height: auto;
    }
    
    .sectionc-iconc-text {
        font-size: 14px;
        font-weight: 400;
        color: black;
        margin: 0;
        padding-top: 15px;
    }
    
    .sectiond-bg {
        position: relative;
        z-index: 999999;
        width: 94%;
        left: 10%;
    }
    
    .sectiond-side-text {
        top: 22%;
        position: relative;
        margin-right: 0;
    }
    
    .for-customers-text-sectiond {
        font-size: 30px;
        font-weight: 700;
        color: black;
        padding-bottom: 30px;
    }
    
    #sectiond {
        /*height: 86vh !important;*/
    }
    
    .sectiond-icona {
        width: 60px;
        height: auto;
        padding-bottom: 33px;
    }
    
    .sectiond-icona-text {
        font-size: 14px;
        font-weight: 400;
        color: black;
        /* margin: 0; */
    }
    
    .sectiond-iconb {
        width: 70px;
        height: auto;
        padding-bottom: 20px;
    }
    
    .sectiond-iconb-text {
        font-size: 14px;
        font-weight: 400;
        color: black;
        /* margin: 0; */
    }
    
    .sectiond-iconc {
        width: 54.27px;
        height: auto;
    }
    
    .sectiond-iconc-text {
        font-size: 14px;
        font-weight: 400;
        color: black;
        margin: 0;
    }
    
    .sectiond-td-text {
        padding-left: 30px;
        padding-bottom: 20px;
    }
    
    #sectione {
        margin-bottom: 40%;
    }
    
    .sectione-blob-bg {
        position: absolute;
        right: 0;
        width: 68%;
    }
    
    .sectione-mockup {
        position: relative;
        top: 40%;
        right: 15%;
        height: 750px;
        width: auto;
    }
    
    .sectione-side-text {
        position: relative;
        z-index: 99999;
        top: 70%;
        right: 10%;
        width: 100%;
    }
    
    .sectione-get-in-touch-text {
        font-size: 20px;
        font-weight: 400;
    }
    
    .sectione-would-love-to-text {
        font-size: 32px;
        font-weight: 700;
        width: 110%;
    }
    
    .btn-section-sub {
        background: #48C1C6;
        font-size: 20px;
        font-weight: 300;
        color: white;
        border: none;
        border-radius: 50px;
        width: 190px;
        height: 48px;
        position: relative;
        top: 44%;
        left: 15%;
    }
    
    .footer-line {
        height: 03px;
    }
    
    .footer-li {
        font-size: 14px !important;
        font-weight: 400 !important;
        color: black !important;
    }
    
    .nav-li-a {
        padding-right: 50px !important;
    }
    
    .nav-li-b {
        padding-right: 50px !important;
    }
    
    .nav-li-c {
        padding-right: 50px !important;
    }
    
    .nav-li-d {
        /*padding-right: 50px !important;*/
    }
    
    
    .br-footer-li {
        display: none;
    }


    
    .footer-copyright {
        font-size: 16px;
        font-weight: 400;
        color: black;
        position: relative;
        top: 120px;
        padding-bottom: 50px;
    }
    
    #pt-40 {
        padding-top: 40px;
    }
    
    
    .footer-icon-a {
        width: 20px;
    }
    .footer-icon-b {
        width: 27px;
    }
    .footer-icon-c {
        width: 10px;
    }
    
    .nav-li-icona {
        padding-right: 28px;
    }
    
    .nav-li-iconb {
        padding-right: 28px;
    }
    
    .nav-li-iconc {
        /*padding-right: 28px;*/
    }
    
    
    #footer {
        padding-bottom: 08%;
    }



    
}


/* DONE */
/* For width: 1400px - 1300px */
@media (min-width: 1300px) and (max-width: 1400px) {
    .pad-l {
        padding-left: 12%;
    }
    
    .pad-l-md {
        padding-left: 10%;
    }
    
    .pad-r {
        padding-right: 12%;
    }

    .pad-t {
        padding-top: 17%;
    }

    .header-bg {
        width: 65%;
        height: 475px;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    header {
        /* padding-top: 40px; */
        min-height: 90px;
        position: relative;
        z-index: 99999999;
    }


    .logo {
        width: 70%;
        height: auto;
    }
    
    .ul-nav {
        padding-top: 20px;
    }

    .li-nav {
        font-size: 14px;
    }

    .h1-showcase {
        font-size: 36px;
    }

    .p-showcase {
        font-size: 16px;
        padding-top: 10px;
        width: 620px;
    }
    
    .showcase-mockup {
        width: 85%;
        height: auto;
        right: 0;
        position: absolute;
    }
    
    .showcase-mockup-mobile {
        width: 88%;
        height: auto;
        right: 0;
        position: absolute;
        display: none;
    }
    
    .video-play-button:after {
        content: "";
        position: absolute;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 70px;
        height: 70px;
        background: #48C1C6;
        border-radius: 50%;
        transition: all 200ms;
    }
    
    .video-play-button {
        position: absolute;
        margin-top: 52.6%;
        margin-left: 50%;
        z-index: 10;
        transform: translateX(-50%) translateY(-50%);
        box-sizing: content-box;
        display: block;
        width: 32px;
        height: 44px;
        /* background: #fa183d; */
         border-radius: 50%;
        padding: 18px 20px 18px 28px;
    }

    .scrolldown-icon-row {
        top: 120px;
    }
    
    #sectiona {
        margin-bottom: 05%
    }
    
    .side-bar-blob {
        width: 75%;
        position: absolute;
        left: 0;
    }
    
    .easy-to-track-img {
        width: 75%;
        position: relative;
        top: 66%;
        left: 30%;
    }
    
    .easy-to-analyze-img {
        width: 75%;
        position: relative;
        top: 66%;
        left: 30%;
    }
    
    .plan-save-img {
        width: 75%;
        position: relative;
        top: 64%;
        left: 30%;
    }
    
    .innovation-img {
        width: 75%;
        position: relative;
        top: 66%;
        left: 30%;
    }
    
    .simplifying-experience-img {
        width: 75%;
        position: relative;
        top: 64%;
        left: 30%;
    }
    
    #sectionb {
        margin-bottom: 37%;
    }
    
    
       /*Section-b Slides Icons*/
    
    
    /*Section-b Slide-a Icons*/
    
    .sectionb-slidea-icona {
        padding-bottom: 20px;
        height: auto;
        width: 42px;
    }
    
    .sectionb-slidea-iconb {
        padding-bottom: 20px;
        height: auto;
        width: 29px;
    }
    
    .sectionb-slidea-iconc {
        padding-bottom: 20px;
        height: auto;
        width: 24px;

    }
    
    .sectionb-slidea-icond {
        padding-bottom: 20px;
        height: auto;
        width: 44px;
    }
    
    
    
     /*Section-b Slide-b Icons*/
    
    .sectionb-slideb-icona {
        padding-bottom: 20px;
        height: auto;
        width: 29px;
    }
    
    .sectionb-slideb-iconb {
        padding-bottom: 17px;
        height: auto;
        width: 34px;
    }
    
    .sectionb-slideb-iconc {
        padding-bottom: 16px;
        height: auto;
        width: 37px;
    }
    
    
    
    /*Section-b Slide-c Icons*/
    
    .sectionb-slidec-icona {
        padding-bottom: 20px;
        height: auto;
        width: 29px;
    }
    
    .sectionb-slidec-iconb {
        padding-bottom: 15px;
        height: auto;
        width: 34px;
    }
    
    .sectionb-slidec-iconc {
        padding-bottom: 10px;
        height: auto;
        width: 37px;

    }
    
    .sectionb-slidec-icond {
        padding-bottom: 15px;
        height: auto;
        width: 37px;

    }
    
    
    
    /*Section-b Slide-d Icons*/
    
    .sectionb-slided-icona {
        padding-bottom: 20px;
        height: auto;
        width: 30px;
    }
    
    .sectionb-slided-iconb {
        padding-bottom: 25px;
        height: auto;
        width: 39px;
    }
    
    .sectionb-slided-iconc {
        padding-bottom: 15px;
        height: auto;
        width: 37px;


    }
    
    .sectionb-slided-icond {
        padding-bottom: 18px;
        height: auto;
        width: 29px;

    }
    
    
    /*Section-b Slide-e Icons*/
    
    .sectionb-slidee-icona {
        padding-bottom: 20px;
        height: auto;
        width: 39px;
    }
    
    .sectionb-slidee-iconb {
        padding-bottom: 20px;
        height: auto;
        width: 39px;
    }
    
    .sectionb-slidee-iconc {
        padding-bottom: 23px;
        padding-top: 10px;
        height: auto;
        width: 36px;
    }

    .bodymovinanim {
        width: 30px;
        height: auto;
        margin: auto;
        text-align: center;
    }
    
    .side-bar-blob {
        width: 70%;
        position: absolute;
        left: 0;
    }

    #sectionc {
        margin-bottom: 10%;
    }
    
    .sectionc-blob-bg {
        position: absolute;
        z-index: 999999;
        left: 5%;
        width: 90%;
    }
    
    .sectionc-mockups-bg {
        position: relative;
        z-index: 999999;
        right: 0;
        left: 50px;
        width: 96%;
    }
        
    .side-bar-text {
        width: 100%;
        position: relative;
        top: 72%;
    }
    
    .sectionc-side-text {
        z-index: 999999;
        position: relative;
        left: 24%;
        top: 28%;
        margin: 0;
    }
    
    .feature-buit-text {
        font-size: 10px;
        font-weight: 400;
        letter-spacing: 05px;
        padding-bottom: 05px;
        text-transform: uppercase;
    }
    
    .easy-to-track-text {
        font-size: 36px;
        font-weight: 700;
        padding-bottom: 10px;
    }
    
    .giving-users-text {
        font-size: 17px;
        font-weight: 400;
        padding-bottom: 25px;
    }
    
    .sectionb-ul {
        list-style-type: none;
        width: 115%;
    }
    
    .sectionb-icona {
        width: 57.75px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .account-aggregation-text {
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 10px;
    }
    
    .account-aggregation-paragraph {
        font-size: 12px;
        font-weight: 400;
    }
    
    .sectionb-iconb {
        width: 35.13px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .engaging-notifications-text {
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 10px;
    }
    
    .engaging-notifications-paragraph {
        font-size: 12px;
        font-weight: 400;
    }
    
    .sectionb-iconc {
        width: 33.13px;
        height: auto;
        padding-bottom: 16px;
    }
    
    .scan-upload-text {
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 10px;
    }
    
    .scan-upload-paragraph {
        font-size: 12px;
        font-weight: 400;
    }
    
    .sectionb-icond {
        width: 50.41px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .merchant-identification-text {
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 10px;
    }
    
    .merchant-identification-paragraph {
        font-size: 12px;
        font-weight: 400;
    }
    
    .li-a {
        padding-right: 34px;
    }
    
    .li-b {
        padding-right: 34px;
    }
    
    .li-c {
        padding-right: 34px;
    }
    
    .carousel-indicators li {
        background-color: #48C1C6;
        height: 12px;
        width: 12px;
        border-radius: 50%;
        /* opacity: 1 !important; */
        border-top: 0 !important;
        border-bottom: 0 !important;
    }
    
    .carousel-indicators {
        position: relative;
        top: 400px;
    }
    
    #mob-res-swap-b {
         display: none;
     }
    
    .for-banks-text-sectionc {
        font-size: 30px;
        font-weight: 700;
        color: black;
        padding-bottom: 30px;
    }
    
    .tab-mob {
        display: none;
    }
    
    .sectionc-icona {
        width: 56.27px;
        height: auto;
        padding-bottom: 33px;
    }
    
    .sectionc-icona-text {
        font-size: 14px;
        font-weight: 400;
        color: black;
    }
        
    .sectionc-iconb {
        width: 53px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .sectionc-iconb-text {
        font-size: 14px;
        font-weight: 400;
        color: black;
        /* margin: 0px; */
    }
    
    .sectionc-td-text {
        padding-left: 25px;
        padding-top: 0px;
        padding-bottom: 20px;
    }
    
    .sectionc-iconc {
        width: 56.27px;
        height: auto;
    }
    
    .sectionc-iconc-text {
        font-size: 14px;
        font-weight: 400;
        color: black;
        margin: 0;
        padding-top: 15px;
    }
    
    .sectiond-bg {
        position: relative;
        z-index: 999999;
        width: 96%;
        left: 10%;
    }
    
    .sectiond-side-text {
        top: 22%;
        position: relative;
        left: 06%;
    }
    
    .for-customers-text-sectiond {
        font-size: 30px;
        font-weight: 700;
        color: black;
        padding-bottom: 30px;
    }
    
    #sectiond {
        /*height: 86vh !important;*/
    }
    
    .sectiond-icona {
        width: 60px;
        height: auto;
        padding-bottom: 33px;
    }
    
    .sectiond-icona-text {
        font-size: 14px;
        font-weight: 400;
        color: black;
        /* margin: 0; */
    }
    
    .sectiond-iconb {
        width: 70px;
        height: auto;
        padding-bottom: 20px;
    }
    
    .sectiond-iconb-text {
        font-size: 14px;
        font-weight: 400;
        color: black;
        /* margin: 0; */
    }
    
    .sectiond-iconc {
        width: 54.27px;
        height: auto;
    }
    
    .sectiond-iconc-text {
        font-size: 14px;
        font-weight: 400;
        color: black;
        margin: 0;
    }
    
    .sectiond-td-text {
        padding-left: 30px;
        padding-bottom: 20px;
    }
    
    #sectione {
        margin-bottom: 40%;
    }
    
    .sectione-blob-bg {
        position: absolute;
        right: 0;
        width: 68%;
    }
    
    .sectione-mockup {
        position: relative;
        top: 40%;
        right: 15%;
        height: 750px;
        width: auto;
    }
    
    .sectione-side-text {
        position: relative;
        z-index: 99999;
        top: 70%;
        right: 10%;
        width: 100%;
    }
    
    .sectione-get-in-touch-text {
        font-size: 20px;
        font-weight: 400;
    }
    
    .sectione-would-love-to-text {
        font-size: 32px;
        font-weight: 700;
        width: 110%;
    }
    
    .btn-section-sub {
        background: #48C1C6;
        font-size: 20px;
        font-weight: 300;
        color: white;
        border: none;
        border-radius: 50px;
        width: 190px;
        height: 48px;
        position: relative;
        top: 44%;
        left: 15%;
    }
    
    .footer-line {
        height: 03px;
    }
    
    .footer-li {
        font-size: 14px !important;
        font-weight: 400 !important;
        color: black !important;
    }
    
    .nav-li-a {
        padding-right: 50px !important;
    }
    
    .nav-li-b {
        padding-right: 50px !important;
    }
    
    .nav-li-c {
        padding-right: 50px !important;
    }
    
    .nav-li-d {
        padding-right: 50px !important;
    }
    
    
    .br-footer-li {
        display: none;
    }


    
    .footer-copyright {
        font-size: 16px;
        font-weight: 400;
        color: black;
        position: relative;
        top: 120px;
        padding-bottom: 50px;
    }
    
    #pt-40 {
        padding-top: 40px;
    }
    
    
    .footer-icon-a {
        width: 20px;
    }
    .footer-icon-b {
        width: 27px;
    }
    .footer-icon-c {
        width: 10px;
    }
    
    .nav-li-icona {
        padding-right: 28px;
    }
    
    .nav-li-iconb {
        padding-right: 28px;
    }
    
    .nav-li-iconc {
        /*padding-right: 28px;*/
    }

    #footer {
        padding-bottom: 08%;
    }

    
}


/*DONE*/
/* For width: 1300px - 1200px */
@media (min-width: 1200px) and (max-width: 1300px) {
    .pad-l {
        padding-left: 12%;
    }
    
    .pad-l-md {
        padding-left: 10%;
    }
    
    .pad-r {
        padding-right: 12%;
    }

    .pad-t {
        padding-top: 17%;
    }

    .header-bg {
        width: 65%;
        height: 450px;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    header {
        /* padding-top: 40px; */
        min-height: 90px;
        position: relative;
        z-index: 99999999;
    }

    .logo {
        width: 70%;
        height: auto;
    }
    
    .ul-nav {
        padding-top: 20px;
    }

    .li-nav {
        font-size: 14px;
    }
    
    header li {
        float: left;
        display: inline;
        padding: 0 0 0 70px;
    }

    .h1-showcase {
        font-size: 36px;
    }

    .p-showcase {
        font-size: 16px;
        padding-top: 10px;
        width: 620px;
    }
    
    .showcase-mockup {
        width: 85%;
        height: auto;
        right: 0;
        position: absolute;
    }
    
    .showcase-mockup-mobile {
        width: 88%;
        height: auto;
        right: 0;
        position: absolute;
        display: none;
    }
    
    .video-play-button:after {
        content: "";
        position: absolute;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 70px;
        height: 70px;
        background: #48C1C6;
        border-radius: 50%;
        transition: all 200ms;
    }
    
    .video-play-button {
        position: absolute;
        margin-top: 52.6%;
        margin-left: 50%;
        z-index: 10;
        transform: translateX(-50%) translateY(-50%);
        box-sizing: content-box;
        display: block;
        width: 32px;
        height: 44px;
        /* background: #fa183d; */
         border-radius: 50%;
        padding: 18px 20px 18px 28px;
    }

    .scrolldown-icon-row {
        top: 120px;
    }
    
    #sectiona {
        margin-bottom: 05%
    }
    
    .side-bar-blob {
        width: 75%;
        position: absolute;
        left: 0;
    }
    
    .easy-to-track-img {
        width: 75%;
        position: relative;
        top: 65%;
        left: 30%;
    }
    
    .easy-to-analyze-img {
        width: 75%;
        position: relative;
        top: 66%;
        left: 30%;
    }
    
    .plan-save-img {
        width: 75%;
        position: relative;
        top: 63%;
        left: 30%;
    }
    
    .innovation-img {
        width: 75%;
        position: relative;
        top: 65%;
        left: 30%;
    }
    
    .simplifying-experience-img {
        width: 75%;
        position: relative;
        top: 64%;
        left: 30%;
    }
    
    #sectionb {
        margin-bottom: 33%;
    }
    
    
       /*Section-b Slides Icons*/
    
    
    /*Section-b Slide-a Icons*/
    
    .sectionb-slidea-icona {
        padding-bottom: 20px;
        height: auto;
        width: 42px;
    }
    
    .sectionb-slidea-iconb {
        padding-bottom: 20px;
        height: auto;
        width: 29px;
    }
    
    .sectionb-slidea-iconc {
        padding-bottom: 20px;
        height: auto;
        width: 24px;

    }
    
    .sectionb-slidea-icond {
        padding-bottom: 20px;
        height: auto;
        width: 44px;
    }
    
    
    
     /*Section-b Slide-b Icons*/
    
    .sectionb-slideb-icona {
        padding-bottom: 20px;
        height: auto;
        width: 29px;
    }
    
    .sectionb-slideb-iconb {
        padding-bottom: 18px;
        height: auto;
        width: 34px;
    }
    
    .sectionb-slideb-iconc {
        padding-bottom: 14px;
        height: auto;
        width: 37px;
    }
    
    .sectionb-slideb-icond {
        padding-bottom: 20px;
        height: auto;
        width: 37px;

    }
    
    
    
    /*Section-b Slide-c Icons*/
    
    .sectionb-slidec-icona {
        padding-bottom: 20px;
        height: auto;
        width: 29px;
    }
    
    .sectionb-slidec-iconb {
        padding-bottom: 15px;
        height: auto;
        width: 34px;
    }
    
    .sectionb-slidec-iconc {
        padding-bottom: 14px;
        height: auto;
        width: 35px;

    }
    
    .sectionb-slidec-icond {
        padding-bottom: 20px;
        height: auto;
        width: 35px;

    }
    
    
    
    /*Section-b Slide-d Icons*/
    
    .sectionb-slided-icona {
        padding-bottom: 20px;
        height: auto;
        width: 29px;
    }
    
    .sectionb-slided-iconb {
        padding-bottom: 25px;
        height: auto;
        width: 39px;

    }
    
    .sectionb-slided-iconc {
        padding-bottom: 16px;
        height: auto;
        width: 37px;

    }
    
    .sectionb-slided-icond {
        padding-bottom: 20px;
        height: auto;
        width: 29px;

    }
    
    
    /*Section-b Slide-e Icons*/
    
    .sectionb-slidee-icona {
        padding-bottom: 20px;
        height: auto;
        width: 39px;
    }
    
    .sectionb-slidee-iconb {
        padding-bottom: 20px;
        height: auto;
        width: 39px;
    }
    
    .sectionb-slidee-iconc {
        padding-bottom: 21px;
        padding-top: 12px;
        height: auto;
        width: 36px;

    }

    .bodymovinanim {
        width: 30px;
        height: auto;
        margin: auto;
        text-align: center;
    }
    
    .side-bar-blob {
        width: 70%;
        position: absolute;
        left: 0;
    }

    #sectionc {
        margin-bottom: 10%;
    }
    
    .sectionc-blob-bg {
        position: absolute;
        z-index: 999999;
        left: 5%;
        width: 90%;
    }
    
    .sectionc-mockups-bg {
        position: relative;
        z-index: 999999;
        right: 0;
        left: 50px;
        width: 96%;
    }
        
    .side-bar-text {
        width: 100%;
        position: relative;
        top: 72%;
    }
    
    .sectionc-side-text {
        z-index: 999999;
        position: relative;
        left: 24%;
        top: 28%;
        margin: 0;
    }
    
    .feature-buit-text {
        font-size: 10px;
        font-weight: 400;
        letter-spacing: 05px;
        padding-bottom: 05px;
        text-transform: uppercase;
    }
    
    .easy-to-track-text {
        font-size: 36px;
        font-weight: 700;
        padding-bottom: 10px;
    }
    
    .giving-users-text {
        font-size: 17px;
        font-weight: 400;
        padding-bottom: 25px;
    }
    
    .sectionb-ul {
        list-style-type: none;
        width: 115%;
    }
    
    .sectionb-icona {
        width: 57.75px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .account-aggregation-text {
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 10px;
    }
    
    .account-aggregation-paragraph {
        font-size: 12px;
        font-weight: 400;
    }
    
    .sectionb-iconb {
        width: 35.13px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .engaging-notifications-text {
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 10px;
    }
    
    .engaging-notifications-paragraph {
        font-size: 12px;
        font-weight: 400;
    }
    
    .sectionb-iconc {
        width: 33.13px;
        height: auto;
        padding-bottom: 16px;
    }
    
    .scan-upload-text {
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 10px;
    }
    
    .scan-upload-paragraph {
        font-size: 12px;
        font-weight: 400;
    }
    
    .sectionb-icond {
        width: 50.41px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .merchant-identification-text {
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 10px;
    }
    
    .merchant-identification-paragraph {
        font-size: 12px;
        font-weight: 400;
    }
    
    .li-a {
        padding-right: 34px;
    }
    
    .li-b {
        padding-right: 34px;
    }
    
    .li-c {
        padding-right: 34px;
    }
    
    .carousel-indicators li {
        background-color: #48C1C6;
        height: 12px;
        width: 12px;
        border-radius: 50%;
        /* opacity: 1 !important; */
        border-top: 0 !important;
        border-bottom: 0 !important;
    }
    
    .carousel-indicators {
        position: relative;
        top: 400px;
    }
    
    #mob-res-swap-b {
         display: none;
     }
    
    .for-banks-text-sectionc {
        font-size: 30px;
        font-weight: 700;
        color: black;
        padding-bottom: 30px;
    }
    
    .tab-mob {
        display: none;
    }
    
    .sectionc-icona {
        width: 56.27px;
        height: auto;
        padding-bottom: 33px;
    }
    
    .sectionc-icona-text {
        font-size: 14px;
        font-weight: 400;
        color: black;
    }
        
    .sectionc-iconb {
        width: 53px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .sectionc-iconb-text {
        font-size: 14px;
        font-weight: 400;
        color: black;
        /* margin: 0px; */
    }
    
    .sectionc-td-text {
        padding-left: 25px;
        padding-top: 0px;
        padding-bottom: 20px;
    }
    
    .sectionc-iconc {
        width: 56.27px;
        height: auto;
    }
    
    .sectionc-iconc-text {
        font-size: 14px;
        font-weight: 400;
        color: black;
        margin: 0;
        padding-top: 15px;
    }
    
    .sectiond-bg {
        position: relative;
        z-index: 999999;
        width: 96%;
        left: 10%;
    }
    
    .sectiond-side-text {
        top: 22%;
        left: 02%;
        position: relative;
    }
    
    .for-customers-text-sectiond {
        font-size: 30px;
        font-weight: 700;
        color: black;
        padding-bottom: 30px;
    }
    
    #sectiond {
        /*height: 86vh !important;*/
    }
    
    .sectiond-icona {
        width: 60px;
        height: auto;
        padding-bottom: 33px;
    }
    
    .sectiond-icona-text {
        font-size: 14px;
        font-weight: 400;
        color: black;
        /* margin: 0; */
    }
    
    .sectiond-iconb {
        width: 70px;
        height: auto;
        padding-bottom: 20px;
    }
    
    .sectiond-iconb-text {
        font-size: 14px;
        font-weight: 400;
        color: black;
        /* margin: 0; */
    }
    
    .sectiond-iconc {
        width: 54.27px;
        height: auto;
    }
    
    .sectiond-iconc-text {
        font-size: 14px;
        font-weight: 400;
        color: black;
        margin: 0;
    }
    
    .sectiond-td-text {
        padding-left: 30px;
        padding-bottom: 20px;
    }
    
    #sectione {
        margin-bottom: 40%;
    }
    
    .sectione-blob-bg {
        position: absolute;
        right: 0;
        width: 68%;
    }
    
    .sectione-mockup {
        position: relative;
        top: 35%;
        right: 15%;
        height: 700px;
        width: auto;
    }
    
    .sectione-side-text {
        position: relative;
        z-index: 99999;
        top: 70%;
        right: 10%;
        width: 100%;
    }
    
    .sectione-get-in-touch-text {
        font-size: 18px;
        font-weight: 400;
    }
    
    .sectione-would-love-to-text {
        font-size: 28px;
        font-weight: 700;
        width: 110%;
    }
    
    .btn-section-sub {
        background: #48C1C6;
        font-size: 18px;
        font-weight: 300;
        color: white;
        border: none;
        border-radius: 50px;
        width: 170px;
        height: 42px;
        position: relative;
        top: 44%;
        left: 15%;
    }
    
    .footer-line {
        height: 03px;
    }
    
    .footer-li {
        font-size: 14px !important;
        font-weight: 400 !important;
        color: black !important;
    }
    
    .nav-li-a {
        padding-right: 50px !important;
    }
    
    .nav-li-b {
        padding-right: 50px !important;
    }
    
    .nav-li-c {
        padding-right: 50px !important;
    }
    
    .nav-li-d {
        padding-right: 50px !important;
    }
    
    
    .br-footer-li {
        display: none;
    }


    
    .footer-copyright {
        font-size: 16px;
        font-weight: 400;
        color: black;
        position: relative;
        top: 120px;
        padding-bottom: 50px;
    }
    
    #pt-40 {
        padding-top: 40px;
    }
    
    
    .footer-icon-a {
        width: 20px;
    }
    .footer-icon-b {
        width: 27px;
    }
    .footer-icon-c {
        width: 10px;
    }
    
    .nav-li-icona {
        padding-right: 28px;
    }
    
    .nav-li-iconb {
        padding-right: 28px;
    }
    
    .nav-li-iconc {
        /*padding-right: 28px;*/
    }

    #footer {
        padding-bottom: 08%;
    }
    
}


/* DONE */
/* For width: 1200px - 1100px */
@media (min-width: 1100px) and (max-width: 1200px) {
    .pad-l {
        padding-left: 12%;
    }
    
    .pad-l-md {
        padding-left: 10%;
    }
    
    .pad-r {
        padding-right: 12%;
    }

    .pad-t {
        padding-top: 17%;
    }

    .header-bg {
        width: 65%;
        height: 395px;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    header {
        /* padding-top: 40px; */
        min-height: 90px;
        position: relative;
        z-index: 99999999;
    }

    .logo {
        width: 70%;
        height: auto;
    }
    
    .ul-nav {
        padding-top: 20px;
    }

    .li-nav {
        font-size: 14px;
    }
    
    header li {
        float: left;
        display: inline;
        padding: 0 0 0 70px;
    }

    .h1-showcase {
        font-size: 36px;
    }

    .p-showcase {
        font-size: 16px;
        padding-top: 10px;
        width: 620px;
    }
    
    .showcase-mockup {
        width: 85%;
        height: auto;
        right: 0;
        position: absolute;
    }
    
    .showcase-mockup-mobile {
        width: 88%;
        height: auto;
        right: 0;
        position: absolute;
        display: none;
    }
    
    .video-play-button:after {
        content: "";
        position: absolute;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 70px;
        height: 70px;
        background: #48C1C6;
        border-radius: 50%;
        transition: all 200ms;
    }
    
    .video-play-button {
        position: absolute;
        margin-top: 52.6%;
        margin-left: 50%;
        z-index: 10;
        transform: translateX(-50%) translateY(-50%);
        box-sizing: content-box;
        display: block;
        width: 32px;
        height: 44px;
        /* background: #fa183d; */
         border-radius: 50%;
        padding: 18px 20px 18px 28px;
    }

    .scrolldown-icon-row {
        top: 120px;
    }
    
    #sectiona {
        margin-bottom: 05%
    }
    
    .side-bar-blob {
        width: 75%;
        position: absolute;
        left: 0;
    }
    
    .easy-to-track-img {
        width: 75%;
        position: relative;
        top: 65%;
        left: 30%;
    }
    
    .easy-to-analyze-img {
        width: 75%;
        position: relative;
        top: 66%;
        left: 30%;
    }
    
    .plan-save-img {
        width: 75%;
        position: relative;
        top: 63%;
        left: 30%;
    }
    
    .innovation-img {
        width: 75%;
        position: relative;
        top: 65%;
        left: 30%;
    }
    
    .simplifying-experience-img {
        width: 75%;
        position: relative;
        top: 64%;
        left: 30%;
    }
    
    #sectionb {
        margin-bottom: 33%;
    }
    
    
       /*Section-b Slides Icons*/
    
    
    /*Section-b Slide-a Icons*/
    
    .sectionb-slidea-icona {
        padding-bottom: 20px;
        height: auto;
        width: 42px;
    }
    
    .sectionb-slidea-iconb {
        padding-bottom: 17px;
        height: auto;
        width: 29px;
    }
    
    .sectionb-slidea-iconc {
        padding-bottom: 17px;
        height: auto;
        width: 24px;

    }
    
    .sectionb-slidea-icond {
        padding-bottom: 17px;
        height: auto;
        width: 43px;
    }
    
    
    
     /*Section-b Slide-b Icons*/
    
    .sectionb-slideb-icona {
        padding-bottom: 20px;
        height: auto;
        width: 36px;
    }
    
    .sectionb-slideb-iconb {
        padding-bottom: 20px;
        height: auto;
        width: 37px;
    }
    
    .sectionb-slideb-iconc {
        padding-bottom: 20px;
        height: auto;
        width: 37px;
    }
    
    
    
    /*Section-b Slide-c Icons*/
    
    .sectionb-slidec-icona {
        padding-bottom: 20px;
        height: auto;
        width: 29px;
    }
    
    .sectionb-slidec-iconb {
        padding-bottom: 17px;
        height: auto;
        width: 34px;
    }
    
    .sectionb-slidec-iconc {
        padding-bottom: 13px;
        height: auto;
        width: 37px;

    }
    
    .sectionb-slidec-icond {
        padding-bottom: 18px;
        height: auto;
        width: 37px;

    }
    
    
    
    /*Section-b Slide-d Icons*/
    
    .sectionb-slided-icona {
        padding-bottom: 20px;
        height: auto;
        width: 29px;
    }
    
    .sectionb-slided-iconb {
        padding-bottom: 23px;
        height: auto;
        width: 39px;
    }
    
    .sectionb-slided-iconc {
        padding-bottom: 14px;
        height: auto;
        width: 37px;

    }
    
    .sectionb-slided-icond {
        padding-bottom: 18px;
        height: auto;
        width: 29px;

    }
    
    
    /*Section-b Slide-e Icons*/
    
    .sectionb-slidee-icona {
        padding-bottom: 20px;
        height: auto;
        width: 39px;
    }
    
    .sectionb-slidee-iconb {
        padding-bottom: 20px;
        height: auto;
        width: 39px;
    }
    
    .sectionb-slidee-iconc {
        padding-bottom: 25px;
        padding-top: 10px;
        height: auto;
        width: 34px;
    }

    .bodymovinanim {
        width: 30px;
        height: auto;
        margin: auto;
        text-align: center;
    }
    
    .side-bar-blob {
        width: 70%;
        position: absolute;
        left: 0;
    }

    #sectionc {
        margin-bottom: 10%;
    }
    
    .sectionc-blob-bg {
        position: absolute;
        z-index: 999999;
        left: 5%;
        width: 90%;
    }
    
    .sectionc-mockups-bg {
        position: relative;
        z-index: 999999;
        right: 0;
        left: 60px;
        width: 94%;
    }
        
    .side-bar-text {
        width: 100%;
        position: relative;
        top: 72%;
    }
    
    .sectionc-side-text {
        z-index: 999999;
        position: relative;
        left: 24%;
        top: 28%;
        margin: 0;
    }
    
    .feature-buit-text {
        font-size: 10px;
        font-weight: 400;
        letter-spacing: 05px;
        padding-bottom: 05px;
        text-transform: uppercase;
    }
    
    .easy-to-track-text {
        font-size: 36px;
        font-weight: 700;
        padding-bottom: 10px;
    }
    
    .giving-users-text {
        font-size: 17px;
        font-weight: 400;
        padding-bottom: 25px;
    }
    
    .sectionb-ul {
        list-style-type: none;
        width: 115%;
    }
    
    .sectionb-icona {
        width: 57.75px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .account-aggregation-text {
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 10px;
    }
    
    .account-aggregation-paragraph {
        font-size: 12px;
        font-weight: 400;
    }
    
    .sectionb-iconb {
        width: 35.13px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .engaging-notifications-text {
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 10px;
    }
    
    .engaging-notifications-paragraph {
        font-size: 12px;
        font-weight: 400;
    }
    
    .sectionb-iconc {
        width: 33.13px;
        height: auto;
        padding-bottom: 16px;
    }
    
    .scan-upload-text {
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 10px;
    }
    
    .scan-upload-paragraph {
        font-size: 12px;
        font-weight: 400;
    }
    
    .sectionb-icond {
        width: 50.41px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .merchant-identification-text {
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 10px;
    }
    
    .merchant-identification-paragraph {
        font-size: 12px;
        font-weight: 400;
    }
    
    .li-a {
        padding-right: 34px;
    }
    
    .li-b {
        padding-right: 34px;
    }
    
    .li-c {
        padding-right: 34px;
    }
    
    .carousel-indicators li {
        background-color: #48C1C6;
        height: 12px;
        width: 12px;
        border-radius: 50%;
        /* opacity: 1 !important; */
        border-top: 0 !important;
        border-bottom: 0 !important;
    }
    
    .carousel-indicators {
        position: relative;
        top: 400px;
    }
    
    #mob-res-swap-b {
         display: none;
     }
    
    .for-banks-text-sectionc {
        font-size: 30px;
        font-weight: 700;
        color: black;
        padding-bottom: 30px;
    }
    
    .tab-mob {
        display: none;
    }
    
    .sectionc-icona {
        width: 56.27px;
        height: auto;
        padding-bottom: 33px;
    }
    
    .sectionc-icona-text {
        font-size: 14px;
        font-weight: 400;
        color: black;
    }
        
    .sectionc-iconb {
        width: 53px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .sectionc-iconb-text {
        font-size: 14px;
        font-weight: 400;
        color: black;
        /* margin: 0px; */
    }
    
    .sectionc-td-text {
        padding-left: 25px;
        padding-top: 0px;
        padding-bottom: 20px;
    }
    
    .sectionc-iconc {
        width: 56.27px;
        height: auto;
    }
    
    .sectionc-iconc-text {
        font-size: 14px;
        font-weight: 400;
        color: black;
        margin: 0;
        padding-top: 15px;
    }
    
    .sectiond-bg {
        position: relative;
        z-index: 999999;
        width: 94%;
        left: 08%;
    }
    
    .sectiond-side-text {
        top: 22%;
        position: relative;
    }
    
    .for-customers-text-sectiond {
        font-size: 30px;
        font-weight: 700;
        color: black;
        padding-bottom: 30px;
    }
    
    #sectiond {
        /*height: 86vh !important;*/
    }
    
    .sectiond-icona {
        width: 60px;
        height: auto;
        padding-bottom: 33px;
    }
    
    .sectiond-icona-text {
        font-size: 14px;
        font-weight: 400;
        color: black;
        /* margin: 0; */
    }
    
    .sectiond-iconb {
        width: 70px;
        height: auto;
        padding-bottom: 20px;
    }
    
    .sectiond-iconb-text {
        font-size: 14px;
        font-weight: 400;
        color: black;
        /* margin: 0; */
    }
    
    .sectiond-iconc {
        width: 54.27px;
        height: auto;
    }
    
    .sectiond-iconc-text {
        font-size: 14px;
        font-weight: 400;
        color: black;
        margin: 0;
    }
    
    .sectiond-td-text {
        padding-left: 30px;
        padding-bottom: 20px;
    }
    
    #sectione {
        margin-bottom: 40%;
    }
    
    .sectione-blob-bg {
        position: absolute;
        right: 0;
        width: 68%;
    }
    
    .sectione-mockup {
        position: relative;
        top: 35%;
        right: 15%;
        height: 700px;
        width: auto;
    }
    
    .sectione-side-text {
        position: relative;
        z-index: 99999;
        top: 70%;
        right: 10%;
        width: 100%;
    }
    
    .sectione-get-in-touch-text {
        font-size: 18px;
        font-weight: 400;
    }
    
    .sectione-would-love-to-text {
        font-size: 28px;
        font-weight: 700;
        width: 110%;
    }
    
    .btn-section-sub {
        background: #48C1C6;
        font-size: 18px;
        font-weight: 300;
        color: white;
        border: none;
        border-radius: 50px;
        width: 170px;
        height: 42px;
        position: relative;
        top: 44%;
        left: 15%;
    }
    
    .footer-line {
        height: 03px;
    }
    
    .footer-li {
        font-size: 14px !important;
        font-weight: 400 !important;
        color: black !important;
    }
    
    .nav-li-a {
        padding-right: 50px !important;
    }
    
    .nav-li-b {
        padding-right: 50px !important;
    }
    
    .nav-li-c {
        padding-right: 50px !important;
    }
    
    .nav-li-d {
        padding-right: 50px !important;
    }
    
    .br-footer-li {
        display: none;
    }


    
    .footer-copyright {
        font-size: 16px;
        font-weight: 400;
        color: black;
        position: relative;
        top: 120px;
        padding-bottom: 50px;
    }
    
    #pt-40 {
        padding-top: 40px;
    }
    
    
    .footer-icon-a {
        width: 20px;
    }
    .footer-icon-b {
        width: 27px;
    }
    .footer-icon-c {
        width: 10px;
    }
    
    .nav-li-icona {
        padding-right: 28px;
    }
    
    .nav-li-iconb {
        padding-right: 28px;
    }
    
    .nav-li-iconc {
        /*padding-right: 28px;*/
    }


    #footer {
        padding-bottom: 10%;
    }
    
}


/* DONE */
/* For width: 1100px - 1000px */
@media (min-width: 1000px) and (max-width: 1100px) {
    .pad-l {
        padding-left: 7.5%;
    }
    
    .pad-l-md {
        padding-left: 5%;
    }
    
    .pad-r {
        padding-right: 7%;
    }

    .pad-t {
        padding-top: 17%;
    }

    .header-bg {
        width: 65%;
        height: 415px;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    header {
        /* padding-top: 40px; */
        min-height: 86px;
        position: relative;
        z-index: 99999999;
    }

    .logo {
        width: 70%;
        height: auto;
    }
    
    .ul-nav {
        padding-top: 20px;
    }

    .li-nav {
        font-size: 14px;
    }
    
    header li {
        float: left;
        display: inline;
        padding: 0 0 0 70px;
    }

    .h1-showcase {
        font-size: 36px;
    }

    .p-showcase {
        font-size: 16px;
        padding-top: 10px;
        width: 620px;
    }
    
    .showcase-mockup {
        width: 85%;
        height: auto;
        right: 0;
        position: absolute;
    }
    
    .showcase-mockup-mobile {
        width: 88%;
        height: auto;
        right: 0;
        position: absolute;
        display: none;
    }
    
    .video-play-button:after {
        content: "";
        position: absolute;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 50px;
        height: 50px;
        background: #48C1C6;
        border-radius: 50%;
        transition: all 200ms;
    }
    
    .video-play-button {
        position: absolute;
        margin-top: 52.6%;
        margin-left: 49.4%;
        z-index: 10;
        transform: translateX(-50%) translateY(-50%);
        box-sizing: content-box;
        display: block;
        width: 32px;
        height: 44px;
        /* background: #fa183d; */
         border-radius: 50%;
        padding: 18px 20px 18px 28px;
    }
    
    .video-play-button span {
        display: block;
        position: relative;
        z-index: 3;
        width: 0;
        height: 0;
        border-left: 16px solid #fff;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        top: 10px;
        left: 6px;
    }
    
    .video-play-button:before {
        content: "";
        position: absolute;
        z-index: 0;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 70px;
        height: 70px;
        background: #48C1C6;
        border-radius: 50%;
        animation: pulse-border 1500ms ease-out infinite;
    }

    .scrolldown-icon-row {
        top: 120px;
    }
    
    #sectiona {
        margin-bottom: 05%
    }
    
    .side-bar-blob {
        width: 75%;
        position: absolute;
        left: 0;
    }
    
    .easy-to-track-img {
        width: 75%;
        position: relative;
        top: 55%;
        left: 30%;
    }
    
    .easy-to-analyze-img {
        width: 85%;
        position: relative;
        top: 52%;
        left: 20%;
    }
    
    .plan-save-img {
        width: 75%;
        position: relative;
        top: 53%;
        left: 30%;
    }
    
    .innovation-img {
        width: 75%;
        position: relative;
        top: 54%;
        left: 30%;
    }
    
    .simplifying-experience-img {
        width: 75%;
        position: relative;
        top: 54%;
        left: 30%;
    }
    
    #sectionb {
        margin-bottom: 28%;
    }
    
    
       /*Section-b Slides Icons*/
    
    
    /*Section-b Slide-a Icons*/
    
    .sectionb-slidea-icona {
        padding-bottom: 20px;
        height: auto;
        width: 36px;
    }
    
    .sectionb-slidea-iconb {
        padding-bottom: 20px;
        height: auto;
        width: 23px;
    }
    
    .sectionb-slidea-iconc {
        padding-bottom: 20px;
        height: auto;
        width: 18px;

    }
    
    .sectionb-slidea-icond {
        padding-bottom: 18px;
        height: auto;
        width: 34px;
    }
    
    
    
     /*Section-b Slide-b Icons*/
    
    .sectionb-slideb-icona {
        padding-bottom: 20px;
        height: auto;
        width: 23px;
    }
    
    .sectionb-slideb-iconb {
        padding-bottom: 15px;
        height: auto;
        width: 29px;
    }
    
    .sectionb-slideb-iconc {
        padding-bottom: 13px;
        height: auto;
        width: 31px;
    }
    
    
    
    /*Section-b Slide-c Icons*/
    
    .sectionb-slidec-icona {
        padding-bottom: 20px;
        height: auto;
        width: 23px;
    }
    
    .sectionb-slidec-iconb {
        padding-bottom: 16px;
        height: auto;
        width: 28px;
    }
    
    .sectionb-slidec-iconc {
        padding-bottom: 12px;
        height: auto;
        width: 31px;

    }
    
    .sectionb-slidec-icond {
        padding-bottom: 17px;
        height: auto;
        width: 31px;

    }
    
    
    
    /*Section-b Slide-d Icons*/
    
    .sectionb-slided-icona {
        padding-bottom: 20px;
        height: auto;
        width: 23px;
    }
    
    .sectionb-slided-iconb {
        padding-bottom: 20px;
        height: auto;
        width: 34px;
    }
    
    .sectionb-slided-iconc {
        padding-bottom: 14px;
        height: auto;
        width: 31px;

    }
    
    .sectionb-slided-icond {
        padding-bottom: 18px;
        height: auto;
        width: 23px;

    }
    
    
    /*Section-b Slide-e Icons*/
    
    .sectionb-slidee-icona {
        padding-bottom: 20px;
        height: auto;
        width: 33px;
    }
    
    .sectionb-slidee-iconb {
        padding-bottom: 20px;
        height: auto;
        width: 33px;
    }
    
    .sectionb-slidee-iconc {
        padding-bottom: 25px;
        padding-top: 10px;
        height: auto;
        width: 28px;
    }

    .bodymovinanim {
        width: 30px;
        height: auto;
        margin: auto;
        text-align: center;
    }
    
    .side-bar-blob {
        width: 70%;
        position: absolute;
        left: 0;
    }

    #sectionc {
        margin-bottom: 10%;
    }
    
    .sectionc-blob-bg {
        position: absolute;
        z-index: 999999;
        left: 5%;
        width: 90%;
    }
    
    .sectionc-mockups-bg {
        position: relative;
        z-index: 999999;
        right: 0;
        left: 50px;
        width: 95%;
    }
        
    .side-bar-text {
        width: 100%;
        position: relative;
        top: 60%;
    }
    
    .sectionc-side-text {
        z-index: 999999;
        position: relative;
        left: 13%;
        top: 28%;
        margin: 0;

    }
    
    .feature-buit-text {
        font-size: 10px;
        font-weight: 400;
        letter-spacing: 3px;
        padding-bottom: 4px;
        text-transform: uppercase;
    }
    
    .easy-to-track-text {
        font-size: 26px;
        font-weight: 700;
        padding-bottom: 06px;
    }
    
    .giving-users-text {
        font-size: 15px;
        font-weight: 400;
        padding-bottom: 18px;
    }
    
    .sectionb-ul {
        list-style-type: none;
        width: 115%;
    }
    
    .sectionb-icona {
        width: 57.75px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .account-aggregation-text {
        font-size: 14px;
        font-weight: 600;
        padding-bottom: 10px;
    }
    
    .account-aggregation-paragraph {
        font-size: 12px;
        font-weight: 400;
    }
    
    .sectionb-iconb {
        width: 35.13px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .engaging-notifications-text {
        font-size: 14px;
        font-weight: 600;
        padding-bottom: 10px;
    }
    
    .engaging-notifications-paragraph {
        font-size: 12px;
        font-weight: 400;
    }
    
    .sectionb-iconc {
        width: 33.13px;
        height: auto;
        padding-bottom: 16px;
    }
    
    .scan-upload-text {
        font-size: 14px;
        font-weight: 600;
        padding-bottom: 10px;
    }
    
    .scan-upload-paragraph {
        font-size: 12px;
        font-weight: 400;
    }
    
    .sectionb-icond {
        width: 50.41px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .merchant-identification-text {
        font-size: 14px;
        font-weight: 600;
        padding-bottom: 10px;
    }
    
    .merchant-identification-paragraph {
        font-size: 12px;
        font-weight: 400;
    }
    
    .li-a {
        padding-right: 34px;
    }
    
    .li-b {
        padding-right: 34px;
    }
    
    .li-c {
        padding-right: 34px;
    }
    
    .carousel-indicators li {
        background-color: #48C1C6;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        /* opacity: 1 !important; */
        border-top: 0 !important;
        border-bottom: 0 !important;
    }
    
    .carousel-indicators {
        position: relative;
        top: 250px;
    }
    
    #mob-res-swap-b {
         display: none;
     }
    
    .for-banks-text-sectionc {
        font-size: 24px;
        font-weight: 700;
        color: black;
        padding-bottom: 30px;
    }
    
    .tab-mob {
        display: none;
    }
    
    .sectionc-icona {
        width: 46.27px;
        height: auto;
        padding-bottom: 33px;
    }
    
    .sectionc-icona-text {
        font-size: 12px;
        font-weight: 400;
        color: black;
    }
        
    .sectionc-iconb {
        width: 42px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .sectionc-iconb-text {
        font-size: 12px;
        font-weight: 400;
        color: black;
        /* margin: 0px; */
    }
    
    .sectionc-td-text {
        padding-left: 20px;
        padding-top: 0px;
        padding-bottom: 20px;
    }
    
    .sectionc-iconc {
        width: 46.27px;
        height: auto;
    }
    
    .sectionc-iconc-text {
        font-size: 12px;
        font-weight: 400;
        color: black;
        margin: 0;
        padding-top: 15px;
    }
    
    .sectiond-bg {
        position: relative;
        z-index: 999999;
        width: 95%;
        left: 1%;
    }
    
    .sectiond-side-text {
        top: 22%;
        position: relative;
        left: 11%;
    }
    
    .for-customers-text-sectiond {
        font-size: 24px;
        font-weight: 700;
        color: black;
        padding-bottom: 30px;
    }
    
    #sectiond {
        /*height: 86vh !important;*/
    }
    
    .sectiond-icona {
        width: 46px;
        height: auto;
        padding-bottom: 33px;
    }
    
    .sectiond-icona-text {
        font-size: 12px;
        font-weight: 400;
        color: black;
        /* margin: 0; */
    }
    
    .sectiond-iconb {
        width: 50px;
        height: auto;
        padding-bottom: 20px;
    }
    
    .sectiond-iconb-text {
        font-size: 12px;
        font-weight: 400;
        color: black;
        /* margin: 0; */
    }
    
    .sectiond-iconc {
        width: 42.27px;
        height: auto;
    }
    
    .sectiond-iconc-text {
        font-size: 12px;
        font-weight: 400;
        color: black;
        margin: 0;
    }
    
    .sectiond-td-text {
        padding-left: 20px;
        padding-bottom: 20px;
    }
    
    #sectione {
        margin-bottom: 45%;
    }
    
    .sectione-blob-bg {
        position: absolute;
        right: 0;
        width: 68%;
    }
    
    .sectione-mockup {
        position: relative;
        top: 35%;
        right: 15%;
        height: 550px;
        width: auto;
    }
    
    .sectione-side-text {
        position: relative;
        z-index: 99999;
        top: 70%;
        right: 10%;
        width: 100%;
    }
    
    .sectione-get-in-touch-text {
        font-size: 16px;
        font-weight: 400;
    }
    
    .sectione-would-love-to-text {
        font-size: 24px;
        font-weight: 700;
        width: 110%;
    }
    
    .btn-section-sub {
        background: #48C1C6;
        font-size: 16px;
        font-weight: 300;
        color: white;
        border: none;
        border-radius: 50px;
        width: 140px;
        height: 36px;
        position: relative;
        top: 44%;
        left: 15%;
    }
    
    .footer-line {
        height: 03px;
    }
    
    .footer-li {
        font-size: 14px !important;
        font-weight: 400 !important;
        color: black !important;
    }
    
    .nav-li-a {
        padding-right: 50px !important;
    }
    
    .nav-li-b {
        padding-right: 50px !important;
    }
    
    .nav-li-c {
        padding-right: 50px !important;
    }
    
    .nav-li-d {
        /*padding-right: 50px !important;*/
    }
    
    .br-footer-li {
        display: none;
    }


    
    .footer-copyright {
        font-size: 16px;
        font-weight: 400;
        color: black;
        position: relative;
        top: 120px;
        padding-bottom: 50px;
    }
    
    #pt-40 {
        padding-top: 40px;
    }
    
    
    .footer-icon-a {
        width: 20px;
    }
    .footer-icon-b {
        width: 27px;
    }
    .footer-icon-c {
        width: 10px;
    }
    
    .nav-li-icona {
        padding-right: 28px;
    }
    
    .nav-li-iconb {
        padding-right: 28px;
    }
    
    .nav-li-iconc {
        /*padding-right: 28px;*/
    }

    #footer {
        padding-bottom: 10%;
    }
    
}


/* DONE */
/* For width: 1000px - 900px */
@media (min-width: 900px) and (max-width: 1000px) {
    .pad-l {
        padding-left: 7.7%;
    }
    
    .pad-l-md {
        padding-left: 5%;
    }
    
    .pad-r {
        padding-right: 5%;
    }

    .pad-t {
        padding-top: 15%;
    }

    .header-bg {
        width: 70%;
        height: 380px;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    header {
        /* padding-top: 40px; */
        min-height: 76px;
        position: relative;
        z-index: 99999999;
    }

    .logo {
        width: 60%;
        height: auto;
    }
    
    .ul-nav {
        padding-top: 10px;
    }

    .li-nav {
        font-size: 12px;
    }
    
    header li {
        float: left;
        display: inline;
        padding: 0 0 0 60px;
    }

    .h1-showcase {
        font-size: 30px;
    }

    .p-showcase {
        font-size: 14px;
        padding-top: 10px;
        width: 620px;
    }
    
    .showcase-mockup {
        width: 85%;
        height: auto;
        right: 0;
        position: absolute;
    }
    
    
    .showcase-mockup-mobile {
        width: 88%;
        height: auto;
        right: 0;
        position: absolute;
        display: none;
    }
    
    .video-play-button:after {
        content: "";
        position: absolute;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 50px;
        height: 50px;
        background: #48C1C6;
        border-radius: 50%;
        transition: all 200ms;
    }
    
    .video-play-button {
        position: absolute;
        margin-top: 52.7%;
        margin-left: 49%;
        z-index: 10;
        transform: translateX(-50%) translateY(-50%);
        box-sizing: content-box;
        display: block;
        width: 32px;
        height: 44px;
        /* background: #fa183d; */
         border-radius: 50%;
        padding: 18px 20px 18px 28px;
    }
    
    .video-play-button span {
        display: block;
        position: relative;
        z-index: 3;
        width: 0;
        height: 0;
        border-left: 16px solid #fff;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        top: 10px;
        left: 6px;
    }
    
    .video-play-button:before {
        content: "";
        position: absolute;
        z-index: 0;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 70px;
        height: 70px;
        background: #48C1C6;
        border-radius: 50%;
        animation: pulse-border 1500ms ease-out infinite;
    }

    .scrolldown-icon-row {
        top: 110px;
    }
    
    #sectiona {
        margin-bottom: 05%
    }
    
    .side-bar-blob {
        width: 75%;
        position: absolute;
        left: 0;
    }
    
    .easy-to-track-img {
        width: 75%;
        position: relative;
        top: 55%;
        left: 30%;
    }
    
    .easy-to-analyze-img {
        width: 85%;
        position: relative;
        top: 52%;
        left: 20%;
    }
    
    .plan-save-img {
        width: 75%;
        position: relative;
        top: 53%;
        left: 30%;
    }
    
    .innovation-img {
        width: 75%;
        position: relative;
        top: 54%;
        left: 30%;
    }
    
    .simplifying-experience-img {
        width: 75%;
        position: relative;
        top: 54%;
        left: 30%;
    }
    
    #sectionb {
        margin-bottom: 32%;
    }
    
    
       /*Section-b Slides Icons*/
    
    
    /*Section-b Slide-a Icons*/
    
    .sectionb-slidea-icona {
        padding-bottom: 16px;
        height: auto;
        width: 32px;
    }
    
    .sectionb-slidea-iconb {
        padding-bottom: 16px;
        height: auto;
        width: 19px;
    }
    
    .sectionb-slidea-iconc {
        padding-bottom: 16px;
        height: auto;
        width: 14px;

    }
    
    .sectionb-slidea-icond {
        padding-bottom: 16px;
        height: auto;
        width: 24px;
    }
    
    
    
     /*Section-b Slide-b Icons*/
    
    .sectionb-slideb-icona {
        padding-bottom: 16px;
        height: auto;
        width: 24px;
    }
    
    .sectionb-slideb-iconb {
        padding-bottom: 16px;
        height: auto;
        width: 25px;
    }
    
    .sectionb-slideb-iconc {
        padding-bottom: 16px;
        height: auto;
        width: 25px;
    }
    
    .sectionb-slideb-icond {
        padding-bottom: 16px;
        height: auto;
        width: 27px;

    }
    
    
    
    /*Section-b Slide-c Icons*/
    
    .sectionb-slidec-icona {
        padding-bottom: 16px;
        height: auto;
        width: 24px;
    }
    
    .sectionb-slidec-iconb {
        padding-bottom: 16px;
        height: auto;
        width: 24px;
    }
    
    .sectionb-slidec-iconc {
        padding-bottom: 16px;
        height: auto;
        width: 24px;

    }
    
    .sectionb-slidec-icond {
        padding-bottom: 16px;
        height: auto;
        width: 27px;

    }
    
    
    
    /*Section-b Slide-d Icons*/
    
    .sectionb-slided-icona {
        padding-bottom: 10px;
        height: auto;
        width: 25px;
    }
    
    .sectionb-slided-iconb {
        padding-bottom: 16px;
        height: auto;
        width: 29px;
    }
    
    .sectionb-slided-iconc {
        padding-bottom: 10px;
        height: auto;
        width: 28px;

    }
    
    .sectionb-slided-icond {
        padding-bottom: 16px;
        height: auto;
        width: 19px;

    }
    
    
    /*Section-b Slide-e Icons*/
    
    .sectionb-slidee-icona {
        padding-bottom: 16px;
        height: auto;
        width: 29px;
    }
    
    .sectionb-slidee-iconb {
        padding-bottom: 16px;
        height: auto;
        width: 29px;
    }
    
    .sectionb-slidee-iconc {
        padding-bottom: 22px;
        height: auto;
        width: 30px;
    }
    
    
    /*Scroll-down Icon*/

    .bodymovinanim {
        width: 26px;
        height: auto;
        margin: auto;
        text-align: center;
    }
    
    .side-bar-blob {
        width: 70%;
        position: absolute;
        left: 0;
    }

    #sectionc {
        margin-bottom: 10%;
    }
    
    .sectionc-blob-bg {
        position: absolute;
        z-index: 999999;
        left: 5%;
        width: 90%;
    }
    
    .sectionc-mockups-bg {
        position: relative;
        z-index: 999999;
        right: 0;
        left: 30px;
        width: 98%;
    }
        
    .side-bar-text {
        width: 100%;
        position: relative;
        top: 60%;
    }
    
    .sectionc-side-text {
        z-index: 999999;
        position: relative;
        left: 13%;
        top: 28%;
        margin: 0;
    }
    
    .feature-buit-text {
        font-size: 9px;
        font-weight: 400;
        letter-spacing: 2px;
        padding-bottom: 2px;
        text-transform: uppercase;
    }
    
    .easy-to-track-text {
        font-size: 18px;
        font-weight: 700;
        padding-left: 02px;
        padding-bottom: 02px;
    }
    
    .giving-users-text {
        font-size: 13px;
        font-weight: 400;
        padding-bottom: 18px;
    }
    
    .sectionb-ul {
        list-style-type: none;
        width: 115%;
    }
    
    .sectionb-icona {
        width: 57.75px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .account-aggregation-text {
        font-size: 13px;
        font-weight: 600;
        padding-bottom: 02px;
    }
    
    .account-aggregation-paragraph {
        font-size: 11px;
        font-weight: 400;
    }
    
    .sectionb-iconb {
        width: 35.13px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .engaging-notifications-text {
        font-size: 13px;
        font-weight: 600;
        padding-bottom: 02px;
    }
    
    .engaging-notifications-paragraph {
        font-size: 11px;
        font-weight: 400;
    }
    
    .sectionb-iconc {
        width: 33.13px;
        height: auto;
        padding-bottom: 16px;
    }
    
    .scan-upload-text {
        font-size: 13px;
        font-weight: 600;
        padding-bottom: 02px;
    }
    
    .scan-upload-paragraph {
        font-size: 11px;
        font-weight: 400;
    }
    
    .sectionb-icond {
        width: 50.41px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .merchant-identification-text {
        font-size: 13px;
        font-weight: 600;
        padding-bottom: 02px;
    }
    
    .merchant-identification-paragraph {
        font-size: 11px;
        font-weight: 400;
    }
    
    .li-a {
        padding-right: 34px;
    }
    
    .li-b {
        padding-right: 34px;
    }
    
    .li-c {
        padding-right: 34px;
    }
    
    .carousel-indicators li {
        background-color: #48C1C6;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        /* opacity: 1 !important; */
        border-top: 0 !important;
        border-bottom: 0 !important;
    }
    
    .carousel-indicators {
        position: relative;
        top: 250px;
    }
    
    #mob-res-swap-b {
         display: none;
     }
    
    .for-banks-text-sectionc {
        font-size: 22px;
        font-weight: 700;
        color: black;
        padding-bottom: 20px;
    }
    
    .tab-mob {
        display: none;
    }
    
    .sectionc-icona {
        width: 42.27px;
        height: auto;
        padding-bottom: 23px;
    }
    
    .sectionc-icona-text {
        font-size: 12px;
        font-weight: 400;
        color: black;
    }
        
    .sectionc-iconb {
        width: 38px;
        height: auto;
        padding-bottom: 15px;
    }
    
    .sectionc-iconb-text {
        font-size: 12px;
        font-weight: 400;
        color: black;
        /* margin: 0px; */
    }
    
    .sectionc-td-text {
        padding-left: 20px;
        padding-top: 0px;
        padding-bottom: 10px;
    }
    
    .sectionc-iconc {
        width: 42.27px;
        height: auto;
    }
    
    .sectionc-iconc-text {
        font-size: 12px;
        font-weight: 400;
        color: black;
        margin: 0;
        padding-top: 15px;
    }
    
    .sectiond-bg {
        position: relative;
        z-index: 999999;
        width: 98%;
        left: 4%;

    }
    
    .sectiond-side-text {
        top: 22%;
        position: relative;
        left: 10%;
    }
    
    .for-customers-text-sectiond {
        font-size: 22px;
        font-weight: 700;
        color: black;
        padding-bottom: 20px;;
    }
    
    #sectiond {
        /*height: 86vh !important;*/
    }
    
    .sectiond-icona {
        width: 42px;
        height: auto;
        padding-bottom: 23px;
    }
    
    .sectiond-icona-text {
        font-size: 12px;
        font-weight: 400;
        color: black;
        /* margin: 0; */
    }
    
    .sectiond-iconb {
        width: 46px;
        height: auto;
        padding-bottom: 10px;
    }
    
    .sectiond-iconb-text {
        font-size: 12px;
        font-weight: 400;
        color: black;
        /* margin: 0; */
    }
    
    .sectiond-iconc {
        width: 38.27px;
        height: auto;
    }
    
    .sectiond-iconc-text {
        font-size: 12px;
        font-weight: 400;
        color: black;
        margin: 0;
    }
    
    .sectiond-td-text {
        padding-left: 20px;
        padding-bottom: 10px;
    }
    
    #sectione {
        margin-bottom: 45%;
    }
    
    .sectione-blob-bg {
        position: absolute;
        right: 0;
        width: 68%;
    }
    
    .sectione-mockup {
        position: relative;
        top: 35%;
        right: 15%;
        height: 530px;
        width: auto;
    }
    
    .sectione-side-text {
        position: relative;
        z-index: 99999;
        top: 70%;
        right: 10%;
        width: 100%;
    }
    
    .sectione-get-in-touch-text {
        font-size: 14px;
        font-weight: 400;
    }
    
    .sectione-would-love-to-text {
        font-size: 20px;
        font-weight: 700;
        width: 110%;
    }
    
    .btn-section-sub {
        background: #48C1C6;
        font-size: 14px;
        font-weight: 300;
        color: white;
        border: none;
        border-radius: 50px;
        width: 130px;
        height: 34px;
        position: relative;
        top: 44%;
        left: 15%;
    }
    
    .footer-line {
        height: 03px;
    }
    
    .footer-li {
        font-size: 12px !important;
        font-weight: 400 !important;
        color: black !important;
    }
    
    .nav-li-a {
        padding-right: 40px !important;
    }
    
    .nav-li-b {
        padding-right: 40px !important;
    }
    
    .nav-li-c {
        padding-right: 40px !important;
    }
    
    .nav-li-d {
        padding-right: 40px !important;
    }
    
    .br-footer-li {
        display: none;
    }


    
    .footer-copyright {
        font-size: 12px;
        font-weight: 400;
        color: black;
        position: relative;
        top: 120px;
        padding-bottom: 50px;
    }
    
    #pt-40 {
        padding-top: 40px;
    }
    
    
    .footer-icon-a {
        width: 18px;
    }
    .footer-icon-b {
        width: 25px;
    }
    .footer-icon-c {
        width: 10px;
    }
    
    .nav-li-icona {
        padding-right: 26px;
    }
    
    .nav-li-iconb {
        padding-right: 26px;
    }
    
    .nav-li-iconc {
        /*padding-right: 26px;*/
    }
    
    
    #scroll {
        position: fixed;
        right: 30px;
        bottom: 30px;
        cursor: pointer;
        width: 110px;
        height: 32px;
        background-color: #fff;
        /* text-indent: -9999px; */
        display: none;
        border: 1px solid #707070;
        border-radius: 50px;
        z-index: 999999;
    }
    
    
    #scroll span {
        position: absolute;
        top: 20%;
        left: 40%;
        font-size: 12px;
        font-weight: 300;
        color: #000;
    }

    #footer {
        padding-bottom: 10%;
    }

    
}


/* DONE */
/* For width: 900px - 800px */
@media (min-width: 800px) and (max-width: 900px) {
    .pad-l {
        padding-left: 7.2%;
    }
    
    .pad-l-md {
        padding-left: 4%;
    }
    
    .pad-r {
        padding-right: 4%;
    }

    .pad-t {
        padding-top: 15%;
    }

    .header-bg {
        width: 70%;
        height: 340px;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    header {
        /* padding-top: 40px; */
        min-height: 0;
        position: relative;
        z-index: 99999999;
    }   

    .logo {
        width: 50%;
        height: auto;
    }
    
    /*.ul-nav {*/
    /*    padding-top: 20px;*/
    /*}*/

    .li-nav {
        font-size: 11px;
    }
    
    header li {
        float: left;
        display: inline;
        padding: 0 0 0 50px;
    }

    .h1-showcase {
        font-size: 26px;
    }

    .p-showcase {
        font-size: 12px;
        padding-top: 6px;
        width: 620px;
    }
    
    .showcase-mockup {
        width: 88%;
        height: auto;
        right: 0;
        position: absolute;
    }
    
    .showcase-mockup-mobile {
        width: 88%;
        height: auto;
        right: 0;
        position: absolute;
        display: none;
    }
    
    .video-play-button:after {
        content: "";
        position: absolute;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 45px;
        height: 45px;
        background: #48C1C6;
        border-radius: 50%;
        transition: all 200ms;
    }
    
    .video-play-button {
        position: absolute;
        margin-top: 54.7%;
        margin-left: 46.4%;
        z-index: 10;
        transform: translateX(-50%) translateY(-50%);
        box-sizing: content-box;
        display: block;
        width: 32px;
        height: 44px;
        /* background: #fa183d; */
         border-radius: 50%;
        padding: 18px 20px 18px 28px;
    }
    
    .video-play-button span {
        display: block;
        position: relative;
        z-index: 3;
        width: 0;
        height: 0;
        border-left: 16px solid #fff;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        top: 10px;
        left: 6px;
    }
    
    .video-play-button:before {
        content: "";
        position: absolute;
        z-index: 0;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 50px;
        height: 50px;
        background: #48C1C6;
        border-radius: 50%;
        animation: pulse-border 1500ms ease-out infinite;
    }

    .scrolldown-icon-row {
        top: 110px;
    }
    
    #sectiona {
        margin-bottom: 05%
    }
    
    .side-bar-blob {
        width: 75%;
        position: absolute;
        left: 0;
    }
    
    .easy-to-track-img {
        width: 75%;
        position: relative;
        top: 55%;
        left: 30%;
    }
    
    .easy-to-analyze-img {
        width: 85%;
        position: relative;
        top: 52%;
        left: 20%;
    }
    
    .plan-save-img {
        width: 75%;
        position: relative;
        top: 53%;
        left: 30%;
    }
    
    .innovation-img {
        width: 75%;
        position: relative;
        top: 54%;
        left: 30%;
    }
    
    .simplifying-experience-img {
        width: 75%;
        position: relative;
        top: 54%;
        left: 30%;
    }
    
    #sectionb {
        margin-bottom: 32%;
    }
    
    
       /*Section-b Slides Icons*/
    
    
    /*Section-b Slide-a Icons*/
    
    .sectionb-slidea-icona {
        padding-bottom: 16px;
        height: auto;
        width: 32px;
    }
    
    .sectionb-slidea-iconb {
        padding-bottom: 16px;
        height: auto;
        width: 19px;
    }
    
    .sectionb-slidea-iconc {
        padding-bottom: 16px;
        height: auto;
        width: 14px;

    }
    
    .sectionb-slidea-icond {
        padding-bottom: 16px;
        height: auto;
        width: 24px;
    }
    
    
    
     /*Section-b Slide-b Icons*/
    
    .sectionb-slideb-icona {
        padding-bottom: 16px;
        height: auto;
        width: 24px;
    }
    
    .sectionb-slideb-iconb {
        padding-bottom: 16px;
        height: auto;
        width: 25px;
    }
    
    .sectionb-slideb-iconc {
        padding-bottom: 16px;
        height: auto;
        width: 25px;
    }
    
    .sectionb-slideb-icond {
        padding-bottom: 16px;
        height: auto;
        width: 27px;

    }
    
    
    
    /*Section-b Slide-c Icons*/
    
    .sectionb-slidec-icona {
        padding-bottom: 16px;
        height: auto;
        width: 24px;
    }
    
    .sectionb-slidec-iconb {
        padding-bottom: 16px;
        height: auto;
        width: 24px;
    }
    
    .sectionb-slidec-iconc {
        padding-bottom: 16px;
        height: auto;
        width: 24px;

    }
    
    .sectionb-slidec-icond {
        padding-bottom: 16px;
        height: auto;
        width: 27px;

    }
    
    
    
    /*Section-b Slide-d Icons*/
    
    .sectionb-slided-icona {
        padding-bottom: 10px;
        height: auto;
        width: 25px;
    }
    
    .sectionb-slided-iconb {
        padding-bottom: 17px;
        height: auto;
        width: 29px;
    }
    
    .sectionb-slided-iconc {
        padding-bottom: 08px;
        height: auto;
        width: 28px;

    }
    
    .sectionb-slided-icond {
        padding-bottom: 14px;
        height: auto;
        width: 19px;

    }
    
    
    /*Section-b Slide-e Icons*/
    
    .sectionb-slidee-icona {
        padding-bottom: 16px;
        height: auto;
        width: 29px;
    }
    
    .sectionb-slidee-iconb {
        padding-bottom: 16px;
        height: auto;
        width: 29px;
    }
    
    .sectionb-slidee-iconc {
        padding-bottom: 18px;
        padding-top: 06px;
        height: auto;
        width: 30px;
    }
    
    
    /*Scroll-down Icon*/

    .bodymovinanim {
        width: 26px;
        height: auto;
        margin: auto;
        text-align: center;
    }
    
    .side-bar-blob {
        width: 70%;
        position: absolute;
        left: 0;
    }

    #sectionc {
        margin-bottom: 10%;
    }
    
    .sectionc-blob-bg {
        position: absolute;
        z-index: 999999;
        left: 5%;
        width: 90%;
    }
    
    .sectionc-mockups-bg {
        position: relative;
        z-index: 999999;
        right: 0;
        left: 15px;
        width: 100%;
    }
        
    .side-bar-text {
        width: 100%;
        position: relative;
        top: 60%;
        padding: 0;
    }
    
    .sectionc-side-text {
        z-index: 999999;
        position: relative;
        left: 10%;
        top: 28%;
        margin: 0;
    }
    
    .feature-buit-text {
        font-size: 9px;
        font-weight: 400;
        letter-spacing: 2px;
        padding-bottom: 2px;
        text-transform: uppercase;
    }
    
    .easy-to-track-text {
        font-size: 18px;
        font-weight: 700;
        padding-left: 02px;
        padding-bottom: 02px;
    }
    
    .giving-users-text {
        font-size: 13px;
        font-weight: 400;
        padding-bottom: 10px;
    }
    
    .sectionb-ul {
        list-style-type: none;
        width: 115%;
    }
    
    .sectionb-icona {
        width: 57.75px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .account-aggregation-text {
        font-size: 12px;
        font-weight: 600;
        padding-bottom: 02px;
    }
    
    .account-aggregation-paragraph {
        font-size: 10px;
        font-weight: 400;
    }
    
    .sectionb-iconb {
        width: 35.13px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .engaging-notifications-text {
        font-size: 12px;
        font-weight: 600;
        padding-bottom: 02px;
    }
    
    .engaging-notifications-paragraph {
        font-size: 10px;
        font-weight: 400;
    }
    
    .sectionb-iconc {
        width: 33.13px;
        height: auto;
        padding-bottom: 16px;
    }
    
    .scan-upload-text {
        font-size: 12px;
        font-weight: 600;
        padding-bottom: 02px;
    }
    
    .scan-upload-paragraph {
        font-size: 10px;
        font-weight: 400;
    }
    
    .sectionb-icond {
        width: 50.41px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .merchant-identification-text {
        font-size: 12px;
        font-weight: 600;
        padding-bottom: 02px;
    }
    
    .merchant-identification-paragraph {
        font-size: 11px;
        font-weight: 400;
    }
    
    .li-a {
        padding-right: 22px;
    }
    
    .li-b {
        padding-right: 22px;
    }
    
    .li-c {
        padding-right: 22px;
    }
    
    .carousel-indicators li {
        background-color: #48C1C6;
        height: 08px;
        width: 08px;
        border-radius: 50%;
        /* opacity: 1 !important; */
        border-top: 0 !important;
        border-bottom: 0 !important;
    }
    
    .carousel-indicators {
        position: relative;
        top: 190px;
    }
    
    #mob-res-swap-b {
         display: none;
     }
    
    .for-banks-text-sectionc {
        font-size: 20px;
        font-weight: 700;
        color: black;
        padding-bottom: 14px;
    }
    
    .tab-mob {
        display: none;
    }
    
    .sectionc-icona {
        width: 38.27px;
        height: auto;
        padding-bottom: 20px;
    }
    
    .sectionc-icona-text {
        font-size: 11px;
        font-weight: 400;
        color: black;
        width: 170px;
        padding-bottom: 8px;
    }
        
    .sectionc-iconb {
        width: 34px;
        height: auto;
        padding-bottom: 15px;
    }
    
    .sectionc-iconb-text {
        font-size: 11px;
        font-weight: 400;
        color: black;
        width: 170px;
        padding-bottom: 8px;
    }
    
    .sectionc-td-text {
        padding-left: 20px;
        padding-top: 0px;
        padding-bottom: 10px;
    }
    
    .sectionc-iconc {
        width: 38.27px;
        height: auto;
    }
    
    .sectionc-iconc-text {
        font-size: 11px;
        font-weight: 400;
        color: black;
        width: 170px;
        padding-top: 8px;
    }
    
    .sectiond-bg {
        position: relative;
        z-index: 999999;
        width: 100%;
        left: 5%;
    }
    
    .sectiond-side-text {
        top: 22%;
        position: relative;
        left: 3%;
    }
    
    .for-customers-text-sectiond {
        font-size: 20px;
        font-weight: 700;
        color: black;
        padding-bottom: 14px;
    }
    
    #sectiond {
        /*height: 86vh !important;*/
    }
    
    .sectiond-icona {
        width: 38px;
        height: auto;
        padding-bottom: 20px;
    }
    
    .sectiond-icona-text {
        font-size: 11px;
        font-weight: 400;
        color: black;
        width: 170px;
        padding-bottom: 8px;
    }
    
    .sectiond-iconb {
        width: 42px;
        height: auto;
        padding-bottom: 15px;
    }
    
    .sectiond-iconb-text {
        font-size: 11px;
        font-weight: 400;
        color: black;
        width: 170px;
        padding-bottom: 8px;
    }
    
    .sectiond-iconc {
        width: 34.27px;
        height: auto;
    }
    
    .sectiond-iconc-text {
       font-size: 11px;
        font-weight: 400;
        color: black;
        width: 215px;
        padding-top: 8px;
    }
    
    .sectiond-td-text {
        padding-left: 20px;
        padding-bottom: 10px;
    }
    
    #sectione {
        margin-bottom: 45%;
    }
    
    .sectione-blob-bg {
        position: absolute;
        right: 0;
        width: 68%;
    }
    
    .sectione-mockup {
        position: relative;
        top: 35%;
        right: 15%;
        height: 450px;
        width: auto;
    }
    
    .sectione-side-text {
        position: relative;
        z-index: 99999;
        top: 70%;
        right: 10%;
        width: 100%;
    }
    
    .sectione-get-in-touch-text {
        font-size: 13px;
        font-weight: 400;
    }
    
    .sectione-would-love-to-text {
        font-size: 18px;
        font-weight: 700;
        width: 110%;
    }
    
    .btn-section-sub {
        background: #48C1C6;
        font-size: 12px;
        font-weight: 300;
        color: white;
        border: none;
        border-radius: 50px;
        width: 110px;
        height: 30px;
        position: relative;
        top: 44%;
        left: 15%;
    }
    
    .footer-line {
        height: 02px;
    }
    
    .footer-li {
        font-size: 12px !important;
        font-weight: 400 !important;
        color: black !important;
    }
    
    .nav-li-a {
        padding-right: 40px !important;
    }
    
    .nav-li-b {
        padding-right: 40px !important;
    }
    
    .nav-li-c {
        padding-right: 40px !important;
    }
    
    .nav-li-d {
        padding-right: 40px !important;
    }
    
    .br-footer-li {
        display: none;
    }


    
    .footer-copyright {
        font-size: 12px;
        font-weight: 400;
        color: black;
        position: relative;
        top: 120px;
        padding-bottom: 50px;
    }
    
    #pt-40 {
        padding-top: 40px;
    }
    
    
    .footer-icon-a {
        width: 16px;
    }
    .footer-icon-b {
        width: 21px;
    }
    .footer-icon-c {
        width: 9px;
    }
    
    .nav-li-icona {
        padding-right: 26px;
    }
    
    .nav-li-iconb {
        padding-right: 26px;
    }
    
    .nav-li-iconc {
        /*padding-right: 26px;*/
    }
    
    
    #scroll {
        position: fixed;
        right: 30px;
        bottom: 30px;
        cursor: pointer;
        width: 110px;
        height: 32px;
        background-color: #fff;
        /* text-indent: -9999px; */
        display: none;
        border: 1px solid #707070;
        border-radius: 50px;
        z-index: 999999;
    }
    
    
    #scroll span {
        position: absolute;
        top: 20%;
        left: 40%;
        font-size: 12px;
        font-weight: 300;
        color: #000;
    }

    #footer {
        padding-bottom: 10%;
    }

    
}


/* For width: 800px - 700px */
@media (min-width: 700px) and (max-width: 800px) {
    .pad-l {
        padding-left: 7.2%;
    }
    
    .pad-l-md {
        padding-left: 4%;
    }
    
    .pad-r {
        padding-right: 4%;
    }

    .pad-t {
        padding-top: 15%;
    }

    .header-bg {
        width: 70%;
        height: 250px;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    header {
        /* padding-top: 40px; */
        min-height: 0;
        position: relative;
        z-index: 99999999;
    }   

    .logo {
        width: 50%;
        height: auto;
    }
    
    /*.ul-nav {*/
    /*    padding-top: 20px;*/
    /*}*/

    .li-nav {
        font-size: 11px;
    }
    
    header li {
        float: left;
        display: inline;
        padding: 0 0 0 50px;
    }

    .h1-showcase {
        font-size: 26px;
    }

    .p-showcase {
        font-size: 12px;
        padding-top: 6px;
        width: 620px;
    }
    
    .showcase-mockup {
        width: 88%;
        height: auto;
        right: 0;
        position: absolute;
    }
    
    .showcase-mockup-mobile {
        width: 88%;
        height: auto;
        right: 0;
        position: absolute;
        display: none;
    }
    
    .video-play-button:after {
        content: "";
        position: absolute;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 45px;
        height: 45px;
        background: #48C1C6;
        border-radius: 50%;
        transition: all 200ms;
    }
    
    .video-play-button {
        position: absolute;
        margin-top: 54.7%;
        margin-left: 46.4%;
        z-index: 10;
        transform: translateX(-50%) translateY(-50%);
        box-sizing: content-box;
        display: block;
        width: 32px;
        height: 44px;
        /* background: #fa183d; */
         border-radius: 50%;
        padding: 18px 20px 18px 28px;
    }
    
    .video-play-button span {
        display: block;
        position: relative;
        z-index: 3;
        width: 0;
        height: 0;
        border-left: 16px solid #fff;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        top: 10px;
        left: 6px;
    }
    
    .video-play-button:before {
        content: "";
        position: absolute;
        z-index: 0;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 50px;
        height: 50px;
        background: #48C1C6;
        border-radius: 50%;
        animation: pulse-border 1500ms ease-out infinite;
    }

    .scrolldown-icon-row {
        top: 110px;
    }
    
    #sectiona {
        margin-bottom: 05%
    }
    
    
    .carousel-height {
        height: 28vh;
    }

    
    .side-bar-blob {
        width: 75%;
        position: absolute;
        left: 0;
    }
    
    .easy-to-track-img {
        width: 75%;
        position: relative;
        top: 55%;
        left: 30%;
    }
    
    .easy-to-analyze-img {
        width: 85%;
        position: relative;
        top: 52%;
        left: 20%;
    }
    
    .plan-save-img {
        width: 75%;
        position: relative;
        top: 53%;
        left: 30%;
    }
    
    .innovation-img {
        width: 75%;
        position: relative;
        top: 54%;
        left: 30%;
    }
    
    .simplifying-experience-img {
        width: 75%;
        position: relative;
        top: 54%;
        left: 30%;
    }
    
    #sectionb {
        margin-bottom: 30%;
    }
    
    
       /*Section-b Slides Icons*/
    
    
    /*Section-b Slide-a Icons*/
    
    .sectionb-slidea-icona {
        padding-bottom: 16px;
        height: auto;
        width: 32px;
    }
    
    .sectionb-slidea-iconb {
        padding-bottom: 16px;
        height: auto;
        width: 19px;
    }
    
    .sectionb-slidea-iconc {
        padding-bottom: 16px;
        height: auto;
        width: 14px;

    }
    
    .sectionb-slidea-icond {
        padding-bottom: 16px;
        height: auto;
        width: 24px;
    }
    
    
    
     /*Section-b Slide-b Icons*/
    
    .sectionb-slideb-icona {
        padding-bottom: 16px;
        height: auto;
        width: 24px;
    }
    
    .sectionb-slideb-iconb {
        padding-bottom: 16px;
        height: auto;
        width: 25px;
    }
    
    .sectionb-slideb-iconc {
        padding-bottom: 16px;
        height: auto;
        width: 25px;
    }
    
    .sectionb-slideb-icond {
        padding-bottom: 16px;
        height: auto;
        width: 27px;

    }
    
    
    
    /*Section-b Slide-c Icons*/
    
    .sectionb-slidec-icona {
        padding-bottom: 16px;
        height: auto;
        width: 24px;
    }
    
    .sectionb-slidec-iconb {
        padding-bottom: 16px;
        height: auto;
        width: 24px;
    }
    
    .sectionb-slidec-iconc {
        padding-bottom: 16px;
        height: auto;
        width: 24px;

    }
    
    .sectionb-slidec-icond {
        padding-bottom: 16px;
        height: auto;
        width: 27px;

    }
    
    
    
    /*Section-b Slide-d Icons*/
    
    .sectionb-slided-icona {
        padding-bottom: 10px;
        height: auto;
        width: 25px;
    }
    
    .sectionb-slided-iconb {
        padding-bottom: 17px;
        height: auto;
        width: 29px;
    }
    
    .sectionb-slided-iconc {
        padding-bottom: 08px;
        height: auto;
        width: 28px;

    }
    
    .sectionb-slided-icond {
        padding-bottom: 14px;
        height: auto;
        width: 19px;

    }
    
    
    /*Section-b Slide-e Icons*/
    
    .sectionb-slidee-icona {
        padding-bottom: 16px;
        height: auto;
        width: 29px;
    }
    
    .sectionb-slidee-iconb {
        padding-bottom: 16px;
        height: auto;
        width: 29px;
    }
    
    .sectionb-slidee-iconc {
        padding-bottom: 18px;
        padding-top: 06px;
        height: auto;
        width: 30px;
    }
    
    
    /*Scroll-down Icon*/

    .bodymovinanim {
        width: 26px;
        height: auto;
        margin: auto;
        text-align: center;
    }
    
    .side-bar-blob {
        width: 70%;
        position: absolute;
        left: 0;
    }

    #sectionc {
        margin-bottom: 10%;
    }
    
    .sectionc-blob-bg {
        position: absolute;
        z-index: 999999;
        left: 5%;
        width: 90%;
    }
    
    .sectionc-mockups-bg {
        position: relative;
        z-index: 999999;
        right: 0;
        left: 15px;
        width: 100%;
    }
        
    .side-bar-text {
        width: 100%;
        position: relative;
        top: 60%;
        padding: 0;
    }
    
    .sectionc-side-text {
        z-index: 999999;
        position: relative;
        left: 10%;
        top: 28%;
        margin: 0;
    }
    
    .feature-buit-text {
        font-size: 9px;
        font-weight: 400;
        letter-spacing: 2px;
        padding-bottom: 2px;
        text-transform: uppercase;
    }
    
    .easy-to-track-text {
        font-size: 18px;
        font-weight: 700;
        padding-left: 02px;
        padding-bottom: 02px;
    }
    
    .giving-users-text {
        font-size: 13px;
        font-weight: 400;
        padding-bottom: 10px;
    }
    
    .sectionb-ul {
        list-style-type: none;
        width: 115%;
    }
    
    .sectionb-icona {
        width: 57.75px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .account-aggregation-text {
        font-size: 12px;
        font-weight: 600;
        padding-bottom: 02px;
    }
    
    .account-aggregation-paragraph {
        font-size: 10px;
        font-weight: 400;
    }
    
    .sectionb-iconb {
        width: 35.13px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .engaging-notifications-text {
        font-size: 12px;
        font-weight: 600;
        padding-bottom: 02px;
    }
    
    .engaging-notifications-paragraph {
        font-size: 10px;
        font-weight: 400;
    }
    
    .sectionb-iconc {
        width: 33.13px;
        height: auto;
        padding-bottom: 16px;
    }
    
    .scan-upload-text {
        font-size: 12px;
        font-weight: 600;
        padding-bottom: 02px;
    }
    
    .scan-upload-paragraph {
        font-size: 10px;
        font-weight: 400;
    }
    
    .sectionb-icond {
        width: 50.41px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .merchant-identification-text {
        font-size: 12px;
        font-weight: 600;
        padding-bottom: 02px;
    }
    
    .merchant-identification-paragraph {
        font-size: 11px;
        font-weight: 400;
    }
    
    .li-a {
        padding-right: 22px;
    }
    
    .li-b {
        padding-right: 22px;
    }
    
    .li-c {
        padding-right: 22px;
    }
    
    .carousel-indicators li {
        background-color: #48C1C6;
        height: 08px;
        width: 08px;
        border-radius: 50%;
        /* opacity: 1 !important; */
        border-top: 0 !important;
        border-bottom: 0 !important;
    }
    
    .carousel-indicators {
        position: relative;
        top: 190px;
    }
    
    #mob-res-swap-b {
         display: none;
     }
    
    .for-banks-text-sectionc {
        font-size: 20px;
        font-weight: 700;
        color: black;
        padding-bottom: 14px;
    }
    
    .tab-mob {
        display: none;
    }
    
    .sectionc-icona {
        width: 38.27px;
        height: auto;
        padding-bottom: 20px;
    }
    
    .sectionc-icona-text {
        font-size: 11px;
        font-weight: 400;
        color: black;
        width: 170px;
        padding-bottom: 8px;
    }
        
    .sectionc-iconb {
        width: 34px;
        height: auto;
        padding-bottom: 15px;
    }
    
    .sectionc-iconb-text {
        font-size: 11px;
        font-weight: 400;
        color: black;
        width: 170px;
        padding-bottom: 8px;
    }
    
    .sectionc-td-text {
        padding-left: 20px;
        padding-top: 0px;
        padding-bottom: 10px;
    }
    
    .sectionc-iconc {
        width: 38.27px;
        height: auto;
    }
    
    .sectionc-iconc-text {
        font-size: 11px;
        font-weight: 400;
        color: black;
        width: 170px;
        padding-top: 8px;
    }
    
    .sectiond-bg {
        position: relative;
        z-index: 999999;
        width: 100%;
        left: 5%;
    }
    
    .sectiond-side-text {
        top: 22%;
        position: relative;
        left: 3%;
    }
    
    .for-customers-text-sectiond {
        font-size: 20px;
        font-weight: 700;
        color: black;
        padding-bottom: 14px;
    }
    
    #sectiond {
        /*height: 86vh !important;*/
    }
    
    .sectiond-icona {
        width: 38px;
        height: auto;
        padding-bottom: 20px;
    }
    
    .sectiond-icona-text {
        font-size: 11px;
        font-weight: 400;
        color: black;
        width: 170px;
        padding-bottom: 8px;
    }
    
    .sectiond-iconb {
        width: 42px;
        height: auto;
        padding-bottom: 15px;
    }
    
    .sectiond-iconb-text {
        font-size: 11px;
        font-weight: 400;
        color: black;
        width: 170px;
        padding-bottom: 8px;
    }
    
    .sectiond-iconc {
        width: 34.27px;
        height: auto;
    }
    
    .sectiond-iconc-text {
       font-size: 11px;
        font-weight: 400;
        color: black;
        width: 215px;
        padding-top: 8px;
    }
    
    .sectiond-td-text {
        padding-left: 20px;
        padding-bottom: 10px;
    }
    
    #sectione {
        margin-bottom: 38%;
    }
    
    .sectione-blob-bg {
        position: absolute;
        right: 0;
        width: 68%;
    }
    
    .sectione-mockup {
        position: relative;
        top: 35%;
        right: 15%;
        height: 450px;
        width: auto;
    }
    
    .sectione-side-text {
        position: relative;
        z-index: 99999;
        top: 70%;
        right: 10%;
        width: 100%;
    }
    
    .sectione-get-in-touch-text {
        font-size: 13px;
        font-weight: 400;
    }
    
    .sectione-would-love-to-text {
        font-size: 18px;
        font-weight: 700;
        width: 110%;
    }
    
    .btn-section-sub {
        background: #48C1C6;
        font-size: 12px;
        font-weight: 300;
        color: white;
        border: none;
        border-radius: 50px;
        width: 110px;
        height: 30px;
        position: relative;
        top: 44%;
        left: 15%;
    }
    
    .footer-line {
        height: 02px;
    }
    
    .footer-li {
        font-size: 12px !important;
        font-weight: 400 !important;
        color: black !important;
    }
    
    .nav-li-a {
        padding-right: 40px !important;
    }
    
    .nav-li-b {
        padding-right: 40px !important;
    }
    
    .nav-li-c {
        padding-right: 40px !important;
    }
    
    .nav-li-d {
        padding-right: 40px !important;
    }
    
    .br-footer-li {
        display: none;
    }


    
    .footer-copyright {
        font-size: 12px;
        font-weight: 400;
        color: black;
        position: relative;
        top: 120px;
        padding-bottom: 50px;
    }
    
    #pt-40 {
        padding-top: 40px;
    }
    
    
    .footer-icon-a {
        width: 16px;
    }
    .footer-icon-b {
        width: 21px;
    }
    .footer-icon-c {
        width: 9px;
    }
    
    .nav-li-icona {
        padding-right: 26px;
    }
    
    .nav-li-iconb {
        padding-right: 26px;
    }
    
    .nav-li-iconc {
        /*padding-right: 26px;*/
    }
    
    
    #scroll {
        position: fixed;
        right: 30px;
        bottom: 30px;
        cursor: pointer;
        width: 110px;
        height: 32px;
        background-color: #fff;
        /* text-indent: -9999px; */
        display: none;
        border: 1px solid #707070;
        border-radius: 50px;
        z-index: 999999;
    }
    
    
    #scroll span {
        position: absolute;
        top: 20%;
        left: 40%;
        font-size: 12px;
        font-weight: 300;
        color: #000;
    }

    #footer {
        padding-bottom: 15%;
    }

    
}


/* For width: 400px - 300px */
/*@media (min-width: 300px) and (max-width: 400px) {*/
/*    .pad-l {*/
/*        padding-left: 4%;*/
/*    }*/
    
/*    .pad-l-md {*/
/*        padding-left: 2%;*/
/*    }*/
    
/*    .pad-r {*/
/*        padding-right: 4%;*/
/*    }*/

/*    .pad-t {*/
/*        padding-top: 5%;*/
/*    }*/
    
/*    .pad-mob-0 {*/
/*        padding: 0 !important;*/
/*    }*/

/*    .header-bg {*/
/*        width: 70%;*/
/*        height: 340px;*/
/*        position: absolute;*/
/*        top: 0;*/
/*        left: 0;*/
/*        display: none;*/
/*    }*/

/*    .logo {*/
/*        width: 50%;*/
/*        height: auto;*/
/*    }*/
    
/*    .ul-nav {*/
/*        padding-top: 20px;*/
/*    }*/

/*    .li-nav {*/
/*        font-size: 11px;*/
/*    }*/
    
/*    header li {*/
/*        float: left;*/
/*        display: inline;*/
/*        padding: 0 0 0 50px;*/
/*    }*/
    
/*    .navbar-brand {*/
/*        display: inline-block;*/
/*        padding-top: .3125rem;*/
/*        padding-bottom: .3125rem;*/
/*        padding-right: 15%;*/
/*        margin-right: 0; */
/*        font-size: 1.25rem;*/
/*        line-height: inherit;*/
/*        white-space: nowrap;*/
/*    }*/
    
/*    .navbar-toggler {*/
/*        padding: 0;*/
/*        font-size: 1.25rem;*/
/*        line-height: 1;*/
/*        background-color: #F0F0F0 !important;*/
/*        border: 1px solid transparent;*/
/*        border-radius: .25rem;*/
/*    }*/
    
    
/*    .navbar-toggler-icon {*/
/*        background-image: url('../resources/icon/navbar-toggle/ionic-ios-menu.svg');*/
/*        position: absolute;*/
/*        top: 10px;*/
/*        right: 17px;*/
/*        width: 26px;*/
/*    }*/
    
    
/*    #navbarSupportedContent {*/
/*        background: #F0F0F0;*/
/*        padding: 14px;*/
/*        margin-top: 2px;*/
/*        margin-right: 0 !important;*/
/*    }*/

/*    .h1-showcase {*/
/*        font-size: 28px;*/
/*        text-align: center;*/
/*        width: 200px;*/
/*        position: relative;*/
/*        top: 25%;*/
/*        left: 50%;*/
/*        transform: translate(-50%, -75%);*/
/*    }*/

/*    .p-showcase {*/
/*        font-size: 14px;*/
/*        padding-top: 6px;*/
/*        width: 230px;*/
/*        text-align: center;*/
/*        position: relative;*/
/*        top: 15%;*/
/*        left: 50%;*/
/*        transform: translate(-50%, -50%);*/
/*    }*/
    
/*    .showcase-mockup {*/
/*        width: 88%;*/
/*        height: auto;*/
/*        right: 0;*/
/*        position: absolute;*/
/*        display: none;*/
/*    }*/
    
/*    #mob-res {*/
/*        width: 50%;*/
/*        margin: auto;*/
/*    }*/
    
/*    .showcase-mockup-mobile {*/
/*        width: auto !important;*/
/*        position: absolute;*/
/*        left: 50%;*/
/*        margin: auto;*/
/*        transform: translate(-50%, 0%);*/
/*    }*/
    
/*    .video-play-button:after {*/
/*        content: "";*/
/*        position: absolute;*/
/*        z-index: 1;*/
/*        left: 50%;*/
/*        top: 50%;*/
/*        transform: translateX(-50%) translateY(-50%);*/
/*        display: block;*/
/*        width: 55px;*/
/*        height: 55px;*/
/*        background: #48C1C6;*/
/*        border-radius: 50%;*/
/*        transition: all 200ms;*/
/*    }*/
    
/*    .video-play-button {*/
/*        position: absolute;*/
/*        top: 50%;*/
/*        left: 50%;*/
/*        z-index: 10;*/
/*        transform: translateX(-50%) translateY(150%);*/
/*        box-sizing: content-box;*/
/*        display: block;*/
/*        width: 32px;*/
/*        height: 44px;*/
/*        border-radius: 50%;*/
/*        padding: 18px 20px 18px 28px;*/
/*    }*/
    
/*    .video-play-button span {*/
/*        display: block;*/
/*        position: relative;*/
/*        z-index: 3;*/
/*        width: 0;*/
/*        height: 0;*/
/*        border-left: 16px solid #fff;*/
/*        border-top: 12px solid transparent;*/
/*        border-bottom: 12px solid transparent;*/
/*        top: 10px;*/
/*        left: 6px;*/
/*    }*/
    
/*    .video-play-button:before {*/
/*        content: "";*/
/*        position: absolute;*/
/*        z-index: 0;*/
/*        left: 50%;*/
/*        top: 50%;*/
/*        transform: translateX(-50%) translateY(-50%);*/
/*        display: block;*/
/*        width: 60px;*/
/*        height: 60px;*/
/*        background: #48C1C6;*/
/*        border-radius: 50%;*/
/*        animation: pulse-border 1500ms ease-out infinite;*/
/*    }*/

/*    .scrolldown-icon-row {*/
/*        top: 110px;*/
/*        display: none;*/
/*    }*/
    
/*    #sectiona {*/
/*        margin-bottom: 70%*/
/*    }*/
    
/*    .side-bar-blob {*/
/*        width: 75%;*/
/*        position: absolute;*/
/*        left: 0;*/
/*    }*/
    
/*    .easy-to-track-img {*/
/*        width: 75%;*/
/*        position: relative;*/
/*        top: 55%;*/
/*        left: 30%;*/
/*        display: none;*/
/*    }*/
    
/*    .easy-to-analyze-img {*/
/*        width: 85%;*/
/*        position: relative;*/
/*        top: 52%;*/
/*        left: 20%;*/
/*        display: none;*/
/*    }*/
    
/*    .plan-save-img {*/
/*        width: 75%;*/
/*        position: relative;*/
/*        top: 53%;*/
/*        left: 30%;*/
/*        display: none;*/
/*    }*/
    
/*    .innovation-img {*/
/*        width: 75%;*/
/*        position: relative;*/
/*        top: 54%;*/
/*        left: 30%;*/
/*        display: none;*/
/*    }*/
    
/*    .simplifying-experience-img {*/
/*        width: 75%;*/
/*        position: relative;*/
/*        top: 54%;*/
/*        left: 30%;*/
/*        display: none;*/
/*    }*/
    
/*    #sectionb {*/
/*        margin-bottom: 75%;*/
/*    }*/
    
    
/*       Section-b Slides Icons*/
    
    
/*    Section-b Slide-a Icons*/
    
/*    .sectionb-slidea-icona {*/
/*        padding-bottom: 16px;*/
/*        height: auto;*/
/*        width: 32px;*/
/*        display: none;*/
/*    }*/
    
/*    .sectionb-slidea-iconb {*/
/*        padding-bottom: 16px;*/
/*        height: auto;*/
/*        width: 19px;*/
/*        display: none;*/
/*    }*/
    
/*    .sectionb-slidea-iconc {*/
/*        padding-bottom: 16px;*/
/*        height: auto;*/
/*        width: 14px;*/
/*        display: none;*/

/*    }*/
    
/*    .sectionb-slidea-icond {*/
/*        padding-bottom: 16px;*/
/*        height: auto;*/
/*        width: 24px;*/
/*        display: none;*/
/*    }*/
    
    
    
/*     Section-b Slide-b Icons*/
    
/*    .sectionb-slideb-icona {*/
/*        padding-bottom: 16px;*/
/*        height: auto;*/
/*        width: 24px;*/
/*        display: none;*/
/*    }*/
    
/*    .sectionb-slideb-iconb {*/
/*        padding-bottom: 16px;*/
/*        height: auto;*/
/*        width: 25px;*/
/*        display: none;*/
/*    }*/
    
/*    .sectionb-slideb-iconc {*/
/*        padding-bottom: 16px;*/
/*        height: auto;*/
/*        width: 25px;*/
/*        display: none;*/
/*    }*/
    
/*    .sectionb-slideb-icond {*/
/*        padding-bottom: 16px;*/
/*        height: auto;*/
/*        width: 27px;*/
/*        display: none;*/

/*    }*/
    
    
    
/*    Section-b Slide-c Icons*/
    
/*    .sectionb-slidec-icona {*/
/*        padding-bottom: 16px;*/
/*        height: auto;*/
/*        width: 24px;*/
/*        display: none;*/
/*    }*/
    
/*    .sectionb-slidec-iconb {*/
/*        padding-bottom: 16px;*/
/*        height: auto;*/
/*        width: 24px;*/
/*        display: none;*/
/*    }*/
    
/*    .sectionb-slidec-iconc {*/
/*        padding-bottom: 16px;*/
/*        height: auto;*/
/*        width: 24px;*/
/*        display: none;*/

/*    }*/
    
/*    .sectionb-slidec-icond {*/
/*        padding-bottom: 16px;*/
/*        height: auto;*/
/*        width: 27px;*/
/*        display: none;*/

/*    }*/
    
    
    
/*    Section-b Slide-d Icons*/
    
/*    .sectionb-slided-icona {*/
/*        padding-bottom: 10px;*/
/*        height: auto;*/
/*        width: 25px;*/
/*        display: none;*/
/*    }*/
    
/*    .sectionb-slided-iconb {*/
/*        padding-bottom: 16px;*/
/*        height: auto;*/
/*        width: 29px;*/
/*        display: none;*/
/*    }*/
    
/*    .sectionb-slided-iconc {*/
/*        padding-bottom: 10px;*/
/*        height: auto;*/
/*        width: 28px;*/
/*        display: none;*/

/*    }*/
    
/*    .sectionb-slided-icond {*/
/*        padding-bottom: 16px;*/
/*        height: auto;*/
/*        width: 19px;*/
/*        display: none;*/

/*    }*/
    
    
/*    Section-b Slide-e Icons*/
    
/*    .sectionb-slidee-icona {*/
/*        padding-bottom: 16px;*/
/*        height: auto;*/
/*        width: 29px;*/
/*        display: none;*/
/*    }*/
    
/*    .sectionb-slidee-iconb {*/
/*        padding-bottom: 16px;*/
/*        height: auto;*/
/*        width: 29px;*/
/*        display: none;*/
/*    }*/
    
/*    .sectionb-slidee-iconc {*/
/*        padding-bottom: 22px;*/
/*        height: auto;*/
/*        width: 30px;*/
/*        display: none;*/
/*    }*/
    
    
/*    Scroll-down Icon*/

/*    .bodymovinanim {*/
/*        width: 26px;*/
/*        height: auto;*/
/*        margin: auto;*/
/*        text-align: center;*/
/*    }*/
    
/*    .side-bar-blob {*/
/*        width: 70%;*/
/*        position: absolute;*/
/*        left: 0;*/
/*        display: none;*/
/*    }*/

/*    #sectionc {*/
/*        margin-bottom: 10%;*/
/*    }*/
    
/*    .sectionc-blob-bg {*/
/*        position: absolute;*/
/*        z-index: 999999;*/
/*        left: 5%;*/
/*        width: 90%;*/
/*    }*/
    
/*    .sectionc-mockups-bg {*/
/*        position: relative;*/
/*        z-index: 999999;*/
/*        right: 0;*/
/*        left: 15px;*/
/*        width: 100%;*/
/*    }*/
        
/*    .side-bar-text {*/
/*        width: 100%;*/
/*        position: relative;*/
/*        top: 60%;*/
/*        padding: 0;*/
/*        text-align: center;*/
/*    }*/
    
/*    .sectionc-side-text {*/
/*        z-index: 999999;*/
/*        position: relative;*/
/*        left: 20%;*/
/*        top: 28%;*/
/*        width: 60%;*/
/*        margin: auto;*/
/*        text-align: center;*/
/*    }*/
    
/*    .feature-buit-text {*/
/*        font-size: 13px;*/
/*        font-weight: 400;*/
/*        letter-spacing: 2px;*/
/*        padding-bottom: 10px;*/
/*        text-transform: uppercase;*/
/*        width: 60%;*/
/*        margin: auto;*/
/*        color: #BFBFBF;*/
/*    }*/
    
/*    .easy-to-track-text {*/
/*        font-size: 26px;*/
/*        font-weight: 700;*/
/*        padding-left: 02px;*/
/*        padding-bottom: 02px;*/
/*    }*/
    
/*    .giving-users-text {*/
/*        font-size: 15px;*/
/*        font-weight: 400;*/
/*        padding-bottom: 30px;*/
/*        width: 60%;*/
/*        margin: auto;*/
/*    }*/
    
/*    .sectionb-ul {*/
/*        list-style-type: none;*/
/*        width: 115%;*/
/*    }*/
    
/*    .sectionb-icona {*/
/*        width: 57.75px;*/
/*        height: auto;*/
/*        padding-bottom: 25px;*/
/*    }*/
    
/*    .account-aggregation-text {*/
/*        font-size: 12px;*/
/*        font-weight: 600;*/
/*        padding-bottom: 06px;*/
/*        color: #5B5B5B;*/
/*    }*/
    
/*    .account-aggregation-paragraph {*/
/*        font-size: 10px;*/
/*        font-weight: 400;*/
/*        display: none;*/
/*    }*/
    
/*    .sectionb-iconb {*/
/*        width: 35.13px;*/
/*        height: auto;*/
/*        padding-bottom: 25px;*/
/*    }*/
    
/*    .engaging-notifications-text {*/
/*        font-size: 12px;*/
/*        font-weight: 600;*/
/*        padding-bottom: 06px;*/
/*        color: #5B5B5B;*/
/*    }*/
    
/*    .engaging-notifications-paragraph {*/
/*        font-size: 10px;*/
/*        font-weight: 400;*/
/*        display: none;*/
/*    }*/
    
/*    .sectionb-iconc {*/
/*        width: 33.13px;*/
/*        height: auto;*/
/*        padding-bottom: 16px;*/
/*    }*/
    
/*    .scan-upload-text {*/
/*        font-size: 12px;*/
/*        font-weight: 600;*/
/*        padding-bottom: 06px;*/
/*        color: #5B5B5B;*/
/*    }*/
    
/*    .scan-upload-paragraph {*/
/*        font-size: 10px;*/
/*        font-weight: 400;*/
/*        display: none;*/
/*    }*/
    
/*    .sectionb-icond {*/
/*        width: 50.41px;*/
/*        height: auto;*/
/*        padding-bottom: 25px;*/
/*    }*/
    
/*    .merchant-identification-text {*/
/*        font-size: 12px;*/
/*        font-weight: 600;*/
/*        padding-bottom: 06px;*/
/*        color: #5B5B5B;*/
/*    }*/
    
/*    .merchant-identification-paragraph {*/
/*        font-size: 11px;*/
/*        font-weight: 400;*/
/*        display: none;*/
/*    }*/
    
/*    .li-a {*/
/*        padding-right: 0 !important;*/
/*    }*/
    
/*    .li-b {*/
/*        padding-right: 0 !important;*/
/*    }*/
    
/*    .li-c {*/
/*        padding-right: 0 !important;*/
/*    }*/
    
/*    .br {*/
/*        display: none;*/
/*    }*/
    
/*    .sectionb-li {*/
/*         float: none !important; */
/*    }*/
    
/*    .carousel-indicators li {*/
/*        margin-right: 2px;*/
/*        margin-left: 2px;*/
/*        background-color: #48C1C6;*/
/*        height: 08px;*/
/*        width: 08px;*/
/*        border-radius: 50%;*/
/*         opacity: 1 !important; */
/*        border-top: 0 !important;*/
/*        border-bottom: 0 !important;*/
/*    }*/
    
/*    .carousel-indicators {*/
/*        position: relative;*/
/*        top: 200px;*/
/*    }*/
    
/*    .for-banks-text-sectionc {*/
/*        font-size: 20px;*/
/*        font-weight: 700;*/
/*        color: black;*/
/*        padding-bottom: 14px;*/
/*    }*/
    
/*    .tab-desk {*/
/*        display: none;*/
/*    }*/
    
/*    .sectionc-icona {*/
/*        width: 38.27px;*/
/*        height: auto;*/
/*        padding-bottom: 20px;*/
/*    }*/
    
/*    .sectionc-icona-text {*/
/*        font-size: 11px;*/
/*        font-weight: 400;*/
/*        color: black;*/
/*        width: 170px;*/
/*        padding-bottom: 8px;*/
/*    }*/
        
/*    .sectionc-iconb {*/
/*        width: 34px;*/
/*        height: auto;*/
/*        padding-bottom: 15px;*/
/*    }*/
    
/*    .sectionc-iconb-text {*/
/*        font-size: 11px;*/
/*        font-weight: 400;*/
/*        color: black;*/
/*        width: 170px;*/
/*        padding-bottom: 8px;*/
/*    }*/
    
/*    .sectionc-td-text {*/
/*        padding-left: 20px;*/
/*        padding-left: 0px;*/
/*        padding-top: 0px;*/
/*        padding-bottom: 10px;*/
/*    }*/
    
/*    .sectionc-iconc {*/
/*        width: 38.27px;*/
/*        height: auto;*/
/*    }*/
    
/*    .sectionc-iconc-text {*/
/*        font-size: 11px;*/
/*        font-weight: 400;*/
/*        color: black;*/
/*        width: 170px;*/
/*        padding-top: 8px;*/
/*    }*/
    
/*    .sectiond-bg {*/
/*        position: relative;*/
/*        z-index: 999999;*/
/*        width: 100%;*/
/*        left: 10%;*/
/*    }*/
    
/*    .sectiond-side-text {*/
/*        top: 22%;*/
/*        position: relative;*/
/*        text-align: center;*/
/*    }*/
    
/*    .for-customers-text-sectiond {*/
/*        font-size: 20px;*/
/*        font-weight: 700;*/
/*        color: black;*/
/*        padding-bottom: 14px;*/
/*    }*/
    
/*    #sectiond {*/
/*        height: 86vh !important;*/
/*    }*/
    
/*    .sectiond-icona {*/
/*        width: 38px;*/
/*        height: auto;*/
/*        padding-bottom: 20px;*/
/*    }*/
    
/*    .sectiond-icona-text {*/
/*        font-size: 11px;*/
/*        font-weight: 400;*/
/*        color: black;*/
/*        width: 170px;*/
/*        padding-bottom: 8px;*/
/*    }*/
    
/*    .sectiond-iconb {*/
/*        width: 42px;*/
/*        height: auto;*/
/*        padding-bottom: 15px;*/
/*    }*/
    
/*    .sectiond-iconb-text {*/
/*        font-size: 11px;*/
/*        font-weight: 400;*/
/*        color: black;*/
/*        width: 170px;*/
/*        padding-bottom: 8px;*/
/*    }*/
    
/*    .sectiond-iconc {*/
/*        width: 34.27px;*/
/*        height: auto;*/
/*    }*/
    
/*    .sectiond-iconc-text {*/
/*       font-size: 11px;*/
/*        font-weight: 400;*/
/*        color: black;*/
/*        width: 215px;*/
/*        padding-top: 8px;*/
/*    }*/
    
/*    .sectiond-td-text {*/
/*        padding-left: 0px;*/
/*        width: 50%;*/
/*        margin: auto;*/
/*        padding-bottom: 10px;*/
/*    }*/
    
/*    #sectione {*/
/*        margin-bottom: 45%;*/
/*    }*/
    
/*    .sectione-blob-bg {*/
/*        position: absolute;*/
/*        right: 0;*/
/*        width: 68%;*/
/*    }*/
    
/*    .sectione-mockup {*/
/*        position: relative;*/
/*        top: 35%;*/
/*        right: 15%;*/
/*        height: 450px;*/
/*        width: auto;*/
/*    }*/
    
/*    .sectione-side-text {*/
/*        position: relative;*/
/*        z-index: 99999;*/
/*        top: 70%;*/
/*        right: 10%;*/
/*        width: 100%;*/
/*    }*/
    
/*    .sectione-get-in-touch-text {*/
/*        font-size: 13px;*/
/*        font-weight: 400;*/
/*    }*/
    
/*    .sectione-would-love-to-text {*/
/*        font-size: 18px;*/
/*        font-weight: 700;*/
/*        width: 110%;*/
/*    }*/
    
/*    .btn-section-sub {*/
/*        background: #48C1C6;*/
/*        font-size: 12px;*/
/*        font-weight: 300;*/
/*        color: white;*/
/*        border: none;*/
/*        border-radius: 50px;*/
/*        width: 110px;*/
/*        height: 30px;*/
/*        position: relative;*/
/*        top: 44%;*/
/*        left: 15%;*/
/*    }*/
    
/*    .footer-line {*/
/*        height: 03px;*/
/*    }*/
    
/*    .footer-li {*/
/*        font-size: 12px !important;*/
/*        font-weight: 400 !important;*/
/*        color: black !important;*/
/*    }*/
    
/*    .nav-li-a {*/
/*        padding-right: 40px !important;*/
/*    }*/
    
/*    .nav-li-b {*/
/*        padding-right: 40px !important;*/
/*    }*/
    
/*    .nav-li-c {*/
/*        padding-right: 40px !important;*/
/*    }*/
    
/*    .nav-li-d {*/
/*        padding-right: 40px !important;*/
/*    }*/


    
/*    .footer-copyright {*/
/*        font-size: 16px;*/
/*        font-weight: 400;*/
/*        color: black;*/
/*        position: relative;*/
/*        top: 120px;*/
/*        padding-bottom: 50px;*/
/*    }*/
    
/*    #pt-40 {*/
/*        padding-top: 40px;*/
/*    }*/
    
    
/*    .footer-icon-a {*/
/*        width: 18px;*/
/*    }*/
/*    .footer-icon-b {*/
/*        width: 25px;*/
/*    }*/
/*    .footer-icon-c {*/
/*        width: 10px;*/
/*    }*/
    
/*    .nav-li-icona {*/
/*        padding-right: 26px;*/
/*    }*/
    
/*    .nav-li-iconb {*/
/*        padding-right: 26px;*/
/*    }*/
    
/*    .nav-li-iconc {*/
/*        padding-right: 26px;*/
/*    }*/
    
    
/*    #scroll {*/
/*        position: fixed;*/
/*        right: 30px;*/
/*        bottom: 30px;*/
/*        cursor: pointer;*/
/*        width: 110px;*/
/*        height: 32px;*/
/*        background-color: #fff;*/
/*         text-indent: -9999px; */
/*        display: none;*/
/*        border: 1px solid #707070;*/
/*        border-radius: 50px;*/
/*        z-index: 999999;*/
/*    }*/
    
    
/*    #scroll span {*/
/*        position: absolute;*/
/*        top: 20%;*/
/*        left: 40%;*/
/*        font-size: 12px;*/
/*        font-weight: 300;*/
/*        color: #000;*/
/*    }*/



    
/*}*/



/* For width: 500px - 300px */
@media (min-width: 300px) and (max-width: 500px) {
    .pad-l {
        padding-left: 4%;
    }
    
    /*.pad-l-md {*/
    /*    padding-left: 2%;*/
    /*}*/
    
    .pad-r {
        padding-right: 4%;
    }

    .pad-t {
        padding-top: 20%;
    }
    
    .pad-mob-0 {
        padding: 0 !important;
    }

    .header-bg {
        width: 70%;
        height: 340px;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
    }
    
    header {
        padding-top: 10px;
        min-height: 70px;
        position: relative;
        z-index: 99999999;
    }
    
    
    .sticky {
        position: fixed;
        background: white;
        top: 0;
        width: 100%;
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,.5);
    }


    .logo {
        width: 50%;
        height: auto;
    }
    
    /*.ul-nav {*/
    /*    padding-top: 20px;*/
    /*}*/

    .li-nav {
        font-size: 14px;
        color: #32877E;
    }
    
    header li {
        display: inline;
        padding: 0 0 10px 0 !important;
    }
    
    #mob-res-menu {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .navbar-brand {
        display: inline-block;
        padding-top: .3125rem;
        padding-bottom: .3125rem;
        /*padding-right: 15%;*/
        margin-right: 0; 
        font-size: 1.25rem;
        line-height: inherit;
        white-space: nowrap;
        padding-right: 10px;
        
        position: absolute;
        top: 0;
        left: 08%;
    }
    
    .navbar-nav {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 50%);
    }
    
    /*.navbar-toggler {*/
    /*    padding: 0;*/
    /*    font-size: 1.25rem;*/
    /*    line-height: 1;*/
    /*    background-color: #F0F0F0 !important;*/
    /*    border: 1px solid transparent;*/
    /*    border-radius: .25rem;*/
    /*}*/
    
    
    /*.navbar-toggler-icon {*/
    /*    background-image: url('../resources/icon/navbar-toggle/ionic-ios-menu.svg');*/
    /*    position: absolute;*/
    /*    top: 10px;*/
    /*    right: 17px;*/
    /*    width: 26px;*/
    /*}*/
    
    #navbarSupportedContent {
        background: #fff;
        padding: 14px;
        margin-top: 2px;
        margin-right: 0 !important;
        position: absolute;
        width: 100%;
        height: 570px;
        box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.08);
    }
    
        .icon-bar {
    	width: 22px; 
    	height: 2px;
    	background-color: #32877E !important;
    	/*background-color: #000 !important;*/
    	display: block;
    	transition: all 0.2s;
    	margin-top: 4px
    }
     
    .navbar-toggler {
      border: none;
      background: transparent !important;
      position: relative;
      z-index: 99;
      padding-right: 30px;
      padding-top: 15px;
      outline: none !important;
    }
    
    .navbar-toggler .top-bar {
      transform: rotate(45deg);
      transform-origin: 10% 10%;
    }
     
    .navbar-toggler .middle-bar {
      opacity: 0;
    }
     
    .navbar-toggler .bottom-bar {
      transform: rotate(-45deg);
      transform-origin: 10% 90%;
    }
     
    .navbar-toggler.collapsed .top-bar {
      transform: rotate(0);
    }
     
    .navbar-toggler.collapsed .middle-bar {
      opacity: 1;
    }
     
    .navbar-toggler.collapsed .bottom-bar {
      transform: rotate(0);
    }
    
    
    
    
    .text-right {
        /* text-align: right!important; */
        text-align: center !important;
    }

    .h1-showcase {
        font-size: 28px;
        text-align: center;
        width: 200px;
        position: relative;
        top: 25%;
        left: 50%;
        transform: translate(-50%, -75%);
    }

    .p-showcase {
        font-size: 14px;
        padding-top: 6px;
        width: 230px;
        text-align: center;
        position: relative;
        top: 15%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
    .showcase-mockup {
        width: 88%;
        height: auto;
        right: 0;
        position: absolute;
        display: none;
    }
    
    #mob-res {
        width: 50%;
        margin: auto;
    }
    
    .showcase-mockup-mobile {
        width: auto !important;
        position: absolute;
        left: 50%;
        margin: auto;
        transform: translate(-50%, 0%);
    }
    
    .video-play-button:after {
        content: "";
        position: absolute;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 55px;
        height: 55px;
        background: #48C1C6;
        border-radius: 50%;
        transition: all 200ms;
    }
    
    .video-play-button {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 10;
        transform: translateX(-50%) translateY(150%);
        box-sizing: content-box;
        display: block;
        width: 32px;
        height: 44px;
        border-radius: 50%;
        padding: 18px 20px 18px 28px;
    }
    
    .video-play-button span {
        display: block;
        position: relative;
        z-index: 3;
        width: 0;
        height: 0;
        border-left: 16px solid #fff;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        top: 10px;
        left: 6px;
    }
    
    .video-play-button:before {
        content: "";
        position: absolute;
        z-index: 0;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 60px;
        height: 60px;
        background: #48C1C6;
        border-radius: 50%;
        animation: pulse-border 1500ms ease-out infinite;
    }

    .scrolldown-icon-row {
        top: 110px;
        display: none;
    }
    
    #sectiona {
        margin-bottom: 70%
    }
    
    .side-bar-blob {
        width: 75%;
        position: absolute;
        left: 0;
    }
    
    .easy-to-track-img {
        width: 75%;
        position: relative;
        top: 55%;
        left: 30%;
        display: none;
    }
    
    .easy-to-analyze-img {
        width: 85%;
        position: relative;
        top: 52%;
        left: 20%;
        display: none;
    }
    
    .plan-save-img {
        width: 75%;
        position: relative;
        top: 53%;
        left: 30%;
        display: none;
    }
    
    .innovation-img {
        width: 75%;
        position: relative;
        top: 54%;
        left: 30%;
        display: none;
    }
    
    .simplifying-experience-img {
        width: 75%;
        position: relative;
        top: 54%;
        left: 30%;
        display: none;
    }
    
    #sectionb {
        margin-bottom: 55%;
    }
    
    
       /*Section-b Slides Icons*/
    
    
    /*Section-b Slide-a Icons*/
    
    .sectionb-slidea-icona {
        padding-bottom: 16px;
        height: auto;
        width: 32px;
        display: none;
    }
    
    .sectionb-slidea-iconb {
        padding-bottom: 16px;
        height: auto;
        width: 19px;
        display: none;
    }
    
    .sectionb-slidea-iconc {
        padding-bottom: 16px;
        height: auto;
        width: 14px;
        display: none;

    }
    
    .sectionb-slidea-icond {
        padding-bottom: 16px;
        height: auto;
        width: 24px;
        display: none;
    }
    
    
    
     /*Section-b Slide-b Icons*/
    
    .sectionb-slideb-icona {
        padding-bottom: 16px;
        height: auto;
        width: 24px;
        display: none;
    }
    
    .sectionb-slideb-iconb {
        padding-bottom: 16px;
        height: auto;
        width: 25px;
        display: none;
    }
    
    .sectionb-slideb-iconc {
        padding-bottom: 16px;
        height: auto;
        width: 25px;
        display: none;
    }
    
    .sectionb-slideb-icond {
        padding-bottom: 16px;
        height: auto;
        width: 27px;
        display: none;

    }
    
    
    
    /*Section-b Slide-c Icons*/
    
    .sectionb-slidec-icona {
        padding-bottom: 16px;
        height: auto;
        width: 24px;
        display: none;
    }
    
    .sectionb-slidec-iconb {
        padding-bottom: 16px;
        height: auto;
        width: 24px;
        display: none;
    }
    
    .sectionb-slidec-iconc {
        padding-bottom: 16px;
        height: auto;
        width: 24px;
        display: none;

    }
    
    .sectionb-slidec-icond {
        padding-bottom: 16px;
        height: auto;
        width: 27px;
        display: none;

    }
    
    
    
    /*Section-b Slide-d Icons*/
    
    .sectionb-slided-icona {
        padding-bottom: 10px;
        height: auto;
        width: 25px;
        display: none;
    }
    
    .sectionb-slided-iconb {
        padding-bottom: 16px;
        height: auto;
        width: 29px;
        display: none;
    }
    
    .sectionb-slided-iconc {
        padding-bottom: 10px;
        height: auto;
        width: 28px;
        display: none;

    }
    
    .sectionb-slided-icond {
        padding-bottom: 16px;
        height: auto;
        width: 19px;
        display: none;

    }
    
    
    /*Section-b Slide-e Icons*/
    
    .sectionb-slidee-icona {
        padding-bottom: 16px;
        height: auto;
        width: 29px;
        display: none;
    }
    
    .sectionb-slidee-iconb {
        padding-bottom: 16px;
        height: auto;
        width: 29px;
        display: none;
    }
    
    .sectionb-slidee-iconc {
        padding-bottom: 22px;
        height: auto;
        width: 30px;
        display: none;
    }
    
    
    /*Scroll-down Icon*/

    .bodymovinanim {
        width: 26px;
        height: auto;
        margin: auto;
        text-align: center;
    }
    
    .side-bar-blob {
        width: 70%;
        position: absolute;
        left: 0;
        display: none;
    }

    #sectionc {
        margin-bottom: 10%;
    }
    
    .sectionc-blob-bg {
        position: absolute;
        z-index: 999999;
        left: 5%;
        width: 90%;
    }
    
     #mob-res-swap-a {
         display: none;
     }
     
     #mob-res-swap-b {
         padding-top: 25%;
     }
    
    .sectionc-mockups-bg {
        position: relative;
        z-index: 999999;
        right: 0;
        left: 15px;
        width: 100%;
    }
        
    .side-bar-text {
        width: 100%;
        position: relative;
        top: 60%;
        padding: 0;
        text-align: center;
    }
    
    .sectionc-side-text {
        z-index: 999999;
        position: relative;
        /*left: 20%;*/
        /*top: 28%;*/
        width: 60%;
        margin: auto;
        text-align: center;
    }
    
    .feature-buit-text {
        font-size: 13px;
        font-weight: 400;
        letter-spacing: 2px;
        padding-bottom: 10px;
        text-transform: uppercase;
        width: 60%;
        margin: auto;
        color: #BFBFBF;
    }
    
    .easy-to-track-text {
        font-size: 26px;
        font-weight: 700;
        padding-left: 02px;
        padding-bottom: 02px;
    }
    
    .giving-users-text {
        font-size: 15px;
        font-weight: 400;
        padding-bottom: 30px;
        width: 60%;
        margin: auto;
    }
    
    .sectionb-ul {
        list-style-type: none;
        /*width: 115%;*/
    }
    
    .sectionb-icona {
        width: 57.75px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .account-aggregation-text {
        font-size: 12px;
        font-weight: 600;
        padding-bottom: 06px;
        color: #5B5B5B;
    }
    
    .account-aggregation-paragraph {
        font-size: 10px;
        font-weight: 400;
        display: none;
    }
    
    .sectionb-iconb {
        width: 35.13px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .engaging-notifications-text {
        font-size: 12px;
        font-weight: 600;
        padding-bottom: 06px;
        color: #5B5B5B;
    }
    
    .engaging-notifications-paragraph {
        font-size: 10px;
        font-weight: 400;
        display: none;
    }
    
    .sectionb-iconc {
        width: 33.13px;
        height: auto;
        padding-bottom: 16px;
    }
    
    .scan-upload-text {
        font-size: 12px;
        font-weight: 600;
        padding-bottom: 06px;
        color: #5B5B5B;
    }
    
    .scan-upload-paragraph {
        font-size: 10px;
        font-weight: 400;
        display: none;
    }
    
    .sectionb-icond {
        width: 50.41px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .merchant-identification-text {
        font-size: 12px;
        font-weight: 600;
        padding-bottom: 06px;
        color: #5B5B5B;
    }
    
    .merchant-identification-paragraph {
        font-size: 11px;
        font-weight: 400;
        display: none;
    }
    
    .li-a {
        padding-right: 0 !important;
    }
    
    .li-b {
        padding-right: 0 !important;
    }
    
    .li-c {
        padding-right: 0 !important;
    }
    
    .br {
        display: none;
    }
    
    .sectionb-li {
         float: none !important; 
    }
    
    .carousel-indicators li {
        margin-right: 2px;
        margin-left: 2px;
        background-color: #48C1C6;
        height: 08px;
        width: 08px;
        border-radius: 50%;
        /* opacity: 1 !important; */
        border-top: 0 !important;
        border-bottom: 0 !important;
    }
    
    .carousel-indicators {
        position: relative;
        top: 200px;
    }
    
    .for-banks-text-sectionc {
        font-size: 20px;
        font-weight: 700;
        color: black;
        padding-bottom: 14px;
    }
    
    .tab-desk {
        display: none;
    }
    
    .sectionc-icona {
        width: 38.27px;
        height: auto;
        padding-bottom: 20px;
    }
    
    .sectionc-icona-text {
        font-size: 11px;
        font-weight: 400;
        color: black;
        width: 170px;
        padding-bottom: 8px;
    }
        
    .sectionc-iconb {
        width: 34px;
        height: auto;
        padding-bottom: 15px;
    }
    
    .sectionc-iconb-text {
        font-size: 11px;
        font-weight: 400;
        color: black;
        width: 170px;
        padding-bottom: 8px;
    }
    
    .sectionc-td-text {
        /*padding-left: 20px;*/
        padding-left: 0px;
        padding-top: 0px;
        padding-bottom: 10px;
    }
    
    .sectionc-iconc {
        width: 38.27px;
        height: auto;
    }
    
    .sectionc-iconc-text {
        font-size: 11px;
        font-weight: 400;
        color: black;
        width: 170px;
        padding-top: 8px;
    }
    
    .sectiond-bg {
        position: relative;
        z-index: 999999;
        width: 100%;
        left: 10%;
    }
    
    .sectiond-side-text {
        top: 22%;
        position: relative;
        text-align: center;
    }
    
    .for-customers-text-sectiond {
        font-size: 20px;
        font-weight: 700;
        color: black;
        padding-bottom: 14px;
    }
    
    #sectiond {
        /*height: 86vh !important;*/
        margin-bottom: 20%;
    }
    
    .sectiond-icona {
        width: 38px;
        height: auto;
        padding-bottom: 20px;
    }
    
    .sectiond-icona-text {
        font-size: 11px;
        font-weight: 400;
        color: black;
        /*width: 170px;*/
        padding-bottom: 8px;
    }
    
    .sectiond-iconb {
        width: 42px;
        height: auto;
        padding-bottom: 15px;
    }
    
    .sectiond-iconb-text {
        font-size: 11px;
        font-weight: 400;
        color: black;
        /*width: 170px;*/
        padding-bottom: 8px;
    }
    
    .sectiond-iconc {
        width: 34.27px;
        height: auto;
    }
    
    .sectiond-iconc-text {
       font-size: 11px;
        font-weight: 400;
        color: black;
        /*width: 215px;*/
        padding-top: 8px;
    }
    
    .sectiond-td-text {
        padding-left: 0px;
        width: 50%;
        margin: auto;
        padding-bottom: 10px;
    }
    
    #sectione {
        margin-bottom: 45%;
    }
    
    .sectione-blob-bg {
        position: absolute;
        right: 0;
        width: 80%;
    }
    
    .sectione-mockup {
        position: relative;
        top: 35%;
        right: 15%;
        height: 450px;
        width: auto;
        display: none;
    }
    
    .sectione-side-text {
        position: relative;
        z-index: 99999;
        top: 80% !important;
        right: 0% !important;
        width: 80% !important;
        margin: auto;
        text-align: center;
    }
    
    .sectione-get-in-touch-text {
        font-size: 13px;
        font-weight: 400;
    }
    
    .sectione-would-love-to-text {
        font-size: 18px;
        font-weight: 700;
        /*width: 110%;*/
        padding-bottom: 10px;
    }
    
    .btn-section-sub {
        background: #48C1C6;
        font-size: 12px;
        font-weight: 300;
        color: white;
        border: none;
        border-radius: 50px;
        width: 110px;
        height: 30px;
        position: relative;
        top: 0%;
        left: 0% !important;
    }
    
    .footer-line {
        height: 03px;
    }
    
    .footer-li {
        font-size: 12px !important;
        font-weight: 400 !important;
        color: black !important;
    }
    
    .footer-ul-icon {
        position: relative;
        top: 20px;
    }
    
    .nav-li-a {
        padding-right: 0px !important;
        padding-bottom: 04px;
    }
    
    .nav-li-b {
        padding-right: 0px !important;
        padding-bottom: 04px;
    }
    
    .nav-li-c {
        padding-right: 0px !important;
        padding-bottom: 04px;
    }
    
    .nav-li-d {
        padding-right: 0px !important;
    }


    
    .footer-copyright {
        font-size: 12px;
        font-weight: 400;
        color: #B7B7B7;
        position: relative;
        top: 50px;
        padding-bottom: 50px;
    }
    
    #pt-40 {
        padding-top: 15px;
    }
    
    
    .footer-icon-a {
        width: 16px;
    }
    .footer-icon-b {
        width: 21px;
    }
    .footer-icon-c {
        width: 09px;
    }
    
    .nav-li-icona {
        padding-right: 26px;
    }
    
    .nav-li-iconb {
        padding-right: 26px;
    }
    
    .nav-li-iconc {
        padding-right: 0px !important;
    }
    
    
    #scroll {
        position: fixed;
        right: 30px;
        bottom: 30px;
        cursor: pointer;
        width: 110px;
        height: 32px;
        background-color: #fff;
        /* text-indent: -9999px; */
        display: none;
        border: 1px solid #707070;
        border-radius: 50px;
        z-index: 999999;
        display: none !important;
    }
    
    
    #scroll span {
        position: absolute;
        top: 20%;
        left: 40%;
        font-size: 12px;
        font-weight: 300;
        color: #000;
    }



    
}


/* For width: 500px - 300px */
@media only screen and (max-width: 800px) and (orientation: landscape) {
    .pad-l {
        padding-left: 6%;
    }
    
    .pad-l-md {
        padding-left: 2%;
    }
    
    .pad-r {
        padding-right: 4%;
    }

    .pad-t {
        padding-top: 10%;
    }

    .header-bg {
        width: 70%;
        height: 340px;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    
    header {
        /* padding-top: 40px; */
        min-height: 0;
        position: relative;
        z-index: 99999999;
    }

    .logo {
        width: 44%;
        height: auto;
    }
    
    /*.ul-nav {*/
    /*    padding-top: 20px;*/
    /*}*/

    .li-nav {
        font-size: 09px;
    }
    
    header li {
        float: left;
        display: inline;
        padding: 0 0 0 40px;
    }

    .h1-showcase {
        font-size: 23px;
    }

    .p-showcase {
        font-size: 11px;
        padding-top: 6px;
        width: 620px;
    }
    
    .showcase-mockup {
        width: 88%;
        height: auto;
        right: 0;
        bottom: -55%;
        position: absolute;
    }
    
    .showcase-mockup-mobile {
        width: 88%;
        height: auto;
        right: 0;
        position: absolute;
        display: none;
    }
    
    .video-play-button:after {
        content: "";
        position: absolute;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 35px;
        height: 35px;
        background: #48C1C6;
        border-radius: 50%;
        transition: all 200ms;
    }
    
    .video-play-button {
        position: absolute;
        margin-top: 50%;
        margin-left: 45.7%;
        z-index: 10;
        transform: translateX(-50%) translateY(-50%);
        box-sizing: content-box;
        display: block;
        width: 32px;
        height: 44px;
        /* background: #fa183d; */
         border-radius: 50%;
        padding: 18px 20px 18px 28px;
    }
    
    .video-play-button span {
        display: block;
        position: relative;
        z-index: 3;
        width: 0;
        height: 0;
        border-left: 12px solid #fff;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        top: 14px;
        left: 8px;
    }
    
    .video-play-button:before {
        content: "";
        position: absolute;
        z-index: 0;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 40px;
        height: 40px;
        background: #48C1C6;
        border-radius: 50%;
        animation: pulse-border 1500ms ease-out infinite;
    }

    .scrolldown-icon-row {
        top: 60px;
    }
    
    #sectiona {
        margin-bottom: 05%
    }
    
    .side-bar-blob {
        width: 75%;
        position: absolute;
        left: 0;
    }
    
    .easy-to-track-img {
        width: 75%;
        position: relative;
        top: 55%;
        left: 30%;
    }
    
    .easy-to-analyze-img {
        width: 85%;
        position: relative;
        top: 52%;
        left: 20%;
    }
    
    .plan-save-img {
        width: 75%;
        position: relative;
        top: 53%;
        left: 30%;
    }
    
    .innovation-img {
        width: 75%;
        position: relative;
        top: 54%;
        left: 30%;
    }
    
    .simplifying-experience-img {
        width: 75%;
        position: relative;
        top: 54%;
        left: 30%;
    }
    
    #sectionb {
        margin-bottom: 32%;
    }
    
    
       /*Section-b Slides Icons*/
    
    
    /*Section-b Slide-a Icons*/
    
    .sectionb-slidea-icona {
        padding-bottom: 16px;
        height: auto;
        width: 24px;
    }
    
    .sectionb-slidea-iconb {
        padding-bottom: 16px;
        height: auto;
        width: 16px;
    }
    
    .sectionb-slidea-iconc {
        padding-bottom: 16px;
        height: auto;
        width: 13px;

    }
    
    .sectionb-slidea-icond {
        padding-bottom: 16px;
        height: auto;
        width: 22px;
    }
    
    
    
     /*Section-b Slide-b Icons*/
    
    .sectionb-slideb-icona {
        padding-bottom: 16px;
        height: auto;
        width: 18px;
    }
    
    .sectionb-slideb-iconb {
        padding-bottom: 16px;
        height: auto;
        width: 18px;
    }
    
    .sectionb-slideb-iconc {
        padding-bottom: 16px;
        height: auto;
        width: 18px;
    }
    
    .sectionb-slideb-icond {
        padding-bottom: 16px;
        height: auto;
        width: 18px;

    }
    
    
    
    /*Section-b Slide-c Icons*/
    
    .sectionb-slidec-icona {
        padding-bottom: 16px;
        height: auto;
        width: 20px;
    }
    
    .sectionb-slidec-iconb {
        padding-bottom: 16px;
        height: auto;
        width: 20px;
    }
    
    .sectionb-slidec-iconc {
        padding-bottom: 16px;
        height: auto;
        width: 20px;

    }
    
    .sectionb-slidec-icond {
        padding-bottom: 16px;
        height: auto;
        width: 22px;

    }
    
    
    
    /*Section-b Slide-d Icons*/
    
    .sectionb-slided-icona {
        padding-bottom: 10px;
        height: auto;
        width: 18px;
    }
    
    .sectionb-slided-iconb {
        padding-bottom: 16px;
        height: auto;
        width: 20px;
    }
    
    .sectionb-slided-iconc {
        padding-bottom: 08px;
        height: auto;
        width: 20px;

    }
    
    .sectionb-slided-icond {
        padding-bottom: 08px;
        height: auto;
        width: 16px;

    }
    
    
    /*Section-b Slide-e Icons*/
    
    .sectionb-slidee-icona {
        padding-bottom: 16px;
        height: auto;
        width: 22px;
    }
    
    .sectionb-slidee-iconb {
        padding-bottom: 16px;
        height: auto;
        width: 22px;
    }
    
    .sectionb-slidee-iconc {
        padding-bottom: 22px;
        height: auto;
        width: 22px;
    }
    
    
    .carousel-indicators li {
        box-sizing: content-box;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 2px;
        margin-left: 2px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        transition: opacity .6s ease;
    }
    
    
    /*Scroll-down Icon*/

    .bodymovinanim {
        width: 18px;
        height: auto;
        margin: auto;
        text-align: center;
    }
    
    .side-bar-blob {
        width: 65%;
        position: absolute;
        left: 0;
    }

    #sectionc {
        margin-bottom: 10%;
    }
    
    .sectionc-blob-bg {
        position: absolute;
        z-index: 999999;
        left: 5%;
        width: 90%;
    }
    
    .sectionc-mockups-bg {
        position: relative;
        z-index: 999999;
        right: 0;
        left: 15px;
        width: 100%;
    }
        
    .side-bar-text {
        width: 100%;
        position: relative;
        top: 60%;
        padding: 0;
    }
    
    .sectionc-side-text {
        z-index: 999999;
        position: relative;
        left: 20%;
        top: 28%;
    }
    
    .feature-buit-text {
        font-size: 07px;
        font-weight: 400;
        letter-spacing: 2px;
        padding-bottom: 0px;
        text-transform: uppercase;
    }
    
    .easy-to-track-text {
        font-size: 16px;
        font-weight: 700;
        padding-left: 02px;
        padding-bottom: 00px;
    }
    
    .giving-users-text {
        font-size: 11px;
        font-weight: 400;
        padding-bottom: 05px;
    }
    
    .sectionb-ul {
        list-style-type: none;
        width: 115%;
    }
    
    .sectionb-icona {
        width: 57.75px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .account-aggregation-text {
        font-size: 10px;
        font-weight: 600;
        padding-bottom: 02px;
    }
    
    .account-aggregation-paragraph {
        font-size: 08px;
        font-weight: 400;
    }
    
    .sectionb-iconb {
        width: 35.13px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .engaging-notifications-text {
        font-size: 10px;
        font-weight: 600;
        padding-bottom: 02px;
    }
    
    .engaging-notifications-paragraph {
        font-size: 08px;
        font-weight: 400;
    }
    
    .sectionb-iconc {
        width: 33.13px;
        height: auto;
        padding-bottom: 16px;
    }
    
    .scan-upload-text {
        font-size: 10px;
        font-weight: 600;
        padding-bottom: 02px;
    }
    
    .scan-upload-paragraph {
        font-size: 08px;
        font-weight: 400;
    }
    
    .sectionb-icond {
        width: 50.41px;
        height: auto;
        padding-bottom: 25px;
    }
    
    .merchant-identification-text {
        font-size: 10px;
        font-weight: 600;
        padding-bottom: 02px;
    }
    
    .merchant-identification-paragraph {
        font-size: 08px;
        font-weight: 400;
    }
    
    .li-a {
        padding-right: 18px;
    }
    
    .li-b {
        padding-right: 18px;
    }
    
    .li-c {
        padding-right: 18px;
    }
    
    .carousel-indicators li {
        background-color: #48C1C6;
        height: 07px;
        width: 06px;
        border-radius: 50%;
        /* opacity: 1 !important; */
        border-top: 0 !important;
        border-bottom: 0 !important;
    }
    
    .carousel-indicators {
        position: relative;
        top: 210px;
    }
    
    #mob-res-swap-b {
         display: none;
     }
    
    .for-banks-text-sectionc {
        font-size: 16px;
        font-weight: 700;
        color: black;
        padding-bottom: 14px;
    }
    
    .tab-mob {
        display: none;
    }
    
    .sectionc-icona {
        width: 32.27px;
        height: auto;
        padding-bottom: 20px;
    }
    
    .sectionc-icona-text {
        font-size: 10px;
        font-weight: 400;
        color: black;
        width: 170px;
        padding-bottom: 8px;
    }
        
    .sectionc-iconb {
        width: 30px;
        height: auto;
        padding-bottom: 15px;
    }
    
    .sectionc-iconb-text {
        font-size: 10px;
        font-weight: 400;
        color: black;
        width: 170px;
        padding-bottom: 8px;
    }
    
    .sectionc-td-text {
        padding-left: 12px;
        padding-top: 0px;
        padding-bottom: 10px;
    }
    
    .sectionc-iconc {
        width: 32.27px;
        height: auto;
    }
    
    .sectionc-iconc-text {
        font-size: 10px;
        font-weight: 400;
        color: black;
        width: 170px;
        padding-top: 8px;
    }
    
    .sectiond-bg {
        position: relative;
        z-index: 999999;
        width: 100%;
        left: 10%;
    }
    
    .sectiond-side-text {
        top: 22%;
        position: relative;
    }
    
    .for-customers-text-sectiond {
        font-size: 16px;
        font-weight: 700;
        color: black;
        padding-bottom: 14px;
    }
    
    #sectiond {
        /*height: 86vh !important;*/
    }
    
    .sectiond-icona {
        width: 34px;
        height: auto;
        padding-bottom: 20px;
    }
    
    .sectiond-icona-text {
        font-size: 10px;
        font-weight: 400;
        color: black;
        width: 170px;
        padding-bottom: 8px;
    }
    
    .sectiond-iconb {
        width: 38px;
        height: auto;
        padding-bottom: 15px;
    }
    
    .sectiond-iconb-text {
        font-size: 10px;
        font-weight: 400;
        color: black;
        width: 170px;
        padding-bottom: 8px;
    }
    
    .sectiond-iconc {
        width: 30.27px;
        height: auto;
    }
    
    .sectiond-iconc-text {
       font-size: 10px;
        font-weight: 400;
        color: black;
        width: 215px;
        padding-top: 8px;
    }
    
    .sectiond-td-text {
        padding-left: 12px;
        padding-bottom: 10px;
    }
    
    #sectione {
        margin-bottom: 45%;
    }
    
    .sectione-blob-bg {
        position: absolute;
        right: 0;
        width: 68%;
    }
    
    .sectione-mockup {
        position: relative;
        top: 35%;
        right: 15%;
        height: 400px;
        width: auto;
    }
    
    .sectione-side-text {
        position: relative;
        z-index: 99999;
        top: 65%;
        right: 10%;
        width: 100%;
    }
    
    .sectione-get-in-touch-text {
        font-size: 13px;
        font-weight: 400;
    }
    
    .sectione-would-love-to-text {
        font-size: 14px;
        font-weight: 700;
        width: 110%;
    }
    
    .btn-section-sub {
        background: #48C1C6;
        font-size: 10px;
        font-weight: 300;
        color: white;
        border: none;
        border-radius: 50px;
        width: 86px;
        height: 24px;
        position: relative;
        top: 44%;
        left: 15%;
    }
    
    .footer-line {
        height: 03px;
    }
    
    .footer-li {
        font-size: 10px !important;
        font-weight: 400 !important;
        color: black !important;
    }
    
    .nav-li-a {
        padding-right: 30px !important;
    }
    
    .nav-li-b {
        padding-right: 30px !important;
    }
    
    .nav-li-c {
        padding-right: 30px !important;
    }
    
    .nav-li-d {
        padding-right: 30px !important;
    }
    
    .br-footer-li {
        display: none;
    }


    
    .footer-copyright {
        font-size: 16px;
        font-weight: 400;
        color: black;
        position: relative;
        top: 120px;
        padding-bottom: 50px;
    }
    
    #pt-40 {
        padding-top: 40px;
    }
    
    
    .footer-icon-a {
        width: 16px;
    }
    .footer-icon-b {
        width: 22px;
    }
    .footer-icon-c {
        width: 10px;
    }
    
    .nav-li-icona {
        padding-right: 24px;
    }
    
    .nav-li-iconb {
        padding-right: 24px;
    }
    
    /*.nav-li-iconc {*/
    /*    padding-right: 24px;*/
    /*}*/
    
    
    #scroll {
        position: fixed;
        right: 30px;
        bottom: 30px;
        cursor: pointer;
        width: 90px;
        height: 24px;
        background-color: #fff;
        /* text-indent: -9999px; */
        display: none;
        border: 1px solid #707070;
        border-radius: 50px;
        z-index: 999999;
    }
    
    .scrollUpIcon {
        width: 14px;
        position: absolute;
        top: -1px !important;
        left: 12px !important;
        /* bottom: 37px; */
    }
    
    
    #scroll span {
        position: absolute;
        top: 20%;
        left: 36%;
        font-size: 11px;
        font-weight: 300;
        color: #000;
    }



    
}