@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");

body {
     overflow-x: hidden;
}

header .container {
     max-width: 1368px;
     margin: 0 auto;
     padding: 1rem 2rem;
}

header .container .navbar {
     min-height: 10vh;
     display: flex;
     align-items: center;
     justify-content: space-between;
}

header .container .navbar .logo {
     font-size: 2.25rem;
     text-decoration: none;
     text-transform: uppercase;
     color: #fff;
     font-weight: 700;
}

header .container .navbar .nav-links {
     display: flex;
     align-items: center;
}

header .container .navbar .nav-links li {
     list-style-type: none;
}

header .container .navbar .nav-links li a {
     text-decoration: none;
     color: #fff;
     margin: 0 1.25rem;
     font-weight: 500;
     font-size: 1.05rem;
     position: relative;
}

header .container .navbar .nav-links li a::after {
     position: absolute;
     content: "";
     background-color: #fff;
     bottom: -5px;
     left: 0;
     width: 0%;
     height: 3px;
     transition: 0.3s ease all;
}

header .container .navbar .nav-links li a:hover::after {
     width: 100%;
}

header .container .navbar .nav-links button {
     border: none;
     outline: none;
     cursor: pointer;
     padding: 0.75rem 1rem;
     margin: 0 1rem;
     border-radius: 6px;
     background: transparent;
     border: 2px solid #fff;
     color: #fff;
     font-weight: 500;
}

header .container .navbar i {
     display: none;
     color: #fff;
     cursor: pointer;
}

header .container .showcase {
     min-height: 80vh;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
     width: 35rem;
}

header .container .showcase h1 {
     color: #fff;
     font-size: 2.5rem;
     margin-bottom: 0;
     font-weight: 700;
     margin-bottom: 1rem;
}

header .container .showcase p {
     margin-top: 0;
     color: #fff;
     font-weight: 500;
     line-height: 1.4;
     font-size: 0.9rem;
     width: 30rem;
}

header .container .showcase button {
     margin-top: 1rem;
     background-color: #000;
     color: #fff;
     border: none;
     outline: none;
     padding: 1rem 1.5rem;
     font-size: 0.9rem;
     border-radius: 6px;
     cursor: pointer;
}

header .video-container {
     z-index: -1;
     position: absolute;
     top: 0;
     left: 0;
     height: 100vh;
     width: 100vw;
}

header .video-container video {
     height: 100%;
     width: 100%;
     object-fit: cover;
}

header .video-container::after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background-color: rgba(0, 0, 0, 0.82);
}

.login-header {
     width: 100vh;
     position: relative;
     height: 100vh;
     z-index: 5;
     -webkit-transition: background-color 0.4s ease-out;
     transition: background-color 0.4s ease-out;
     align-items: center;
}

@media(max-width:1800px) {
     .get_in_touch h2 {
          font-size: 54px;
     }

     .mobileSwiper .swiper-slide {
          padding-right: 0;
     }

     .expenses-detail p {
          width: 80%;
     }

     .qc-wallet .pin-animated {
          right: 0;
     }

     .vertical-payment-slider {
          padding: 120px 40px 0;
     }

     .vertical-payment-slider .gallery-top .swiper-slide {
          padding: 0 30px;
     }

     .vertical-payment-slider .pay {
          box-shadow: 0px 29px 40px rgba(0, 0, 0, 0.09);
     }
}

@media screen and (min-width: 1306px) and (max-width: 1397px) {
     .banner_play_button {
          left: 70px;
     }

     .subsidiaries_sections .subsudaries_lists li .cards_body h2 {
          font-size: 28px;
     }

     .main-section {
          padding: 60px 60px;
     }
}

@media screen and (min-width: 1025px) and (max-width: 1300px) {
     .subsidiaries_sections .subsudaries_lists li .cards_body h2 {
          font-size: 28px;
     }

     .main-section {
          padding: 60px 60px;
     }
}

@media screen and (min-width: 1720px) and (max-width: 1300px) {
     .row.car-img.meet_abeo .expenses-detail {
          width: 472px;
     }

     .row.car-img.meet_abeo .expenses-detail h4 {
          font-size: 52px;
          line-height: 53px;
     }

     .row.car-img.meet_abeo .expenses-detail p {
          font-size: 26px;
          line-height: 34px;
     }

     .main-section {
          padding: 60px 60px;
     }
}

@media(max-width:1399px) {
     .middle-three .expenses-detail.keep-tab {
          padding-left: 50px;
     }
}

@media(min-width:1600px) {
     .Personalized-section {
          padding: 76px 80px 76px 80px;
     }

     .right_points {
          padding-left: 50px;
     }

     .col-xxxl-5 {
          flex: 0 0 auto;
          width: 41.66666667%;
     }

     .offset-xxxl-1 {
          margin-left: 8.33333333%;
     }
}

@media(max-width:1599px) {
     .expenses-detail.keep-tab {
          padding-left: 100px;
     }

     .expenses-detail.fun-tab {
          padding-right: 100px;
     }

     .expenses-detail.keep-tab p {
          width: 85%;
     }

     .draw-arrow.app {
          right: -12%;
     }

     .vertical-payment-slider .pay.nine {
          bottom: 0;
     }
}

@media(max-width:1600px) {
     .section1 p {
          font-size: 44px;
          line-height: 57px;
     }

     .w-100 {
          width: fit-content !important;
          margin: 0 auto;
     }

     .footer_top .footer_block {
          width: 82%;
     }

     .site_footer .footer_top,
     .get_in_touch {
          padding: 120px 60px;
     }

     .get_in_touch h2 {
          font-size: 46px;
          line-height: 60px;
          width: 85%;
     }

     .scheduled_payments img {
          width: 1.4em;
     }

     .payments_details {
          left: 6%;
     }

     .title_slider h2 {
          font-size: 43px;
     }

     .screen-slider .title_slider h2 {
          margin-bottom: 60px;
     }

     .individual_page .row.car-img.meet_abeo .expenses-detail p {
          font-size: 33px;
          padding-right: 80px;
     }

     .individual_page .meet_abeo .expenses-detail h4 {
          margin-bottom: 20px;
     }

     /* .form {
          justify-content: space-between;
     } */

     .form__field {
          width: 58%;
     }

     .main-section.tab-section {
          width: 100%;
     }

     .tab-wrapper {
          padding: 0 70px;
     }

     section.section3.full-width {
          padding: 50px 60px 0 60px;
     }

     .site_footer .footer_block p {
          width: auto;
     }

     .preloader-section .coin svg {
          width: 65%;
     }

     ul.zero-cost {
          padding: 0 30px;
     }

     .login-header .login-heading {
          padding: 40px 70px;
     }

     .testimonial-section .container-fluid {
          width: 80%;
     }

     .section1.cash-transection {
          padding: 120px 0 0 60px;
     }

     .quick-money {
          width: 100%;
     }

     .section1 {
          background: rgba(40, 58, 142, 1);
          padding: 20px 0 20px 0;
     }

     .quickbank-screen .screen-detail {
          width: 100%;
     }

     .vertical-payment-slider .gallery-top .img-box {
          padding: 0 30px;
     }

     .vertical-payment-slider .pay.one {
          left: -15%;
     }

     .download-app-playstore h4 {
          font-size: 40px;
          line-height: 60px;
          width: 90%;
     }

     .top-right-img {
          top: 90px;
     }

     .vertical-payment-slider .pay.two {
          right: -11%;
     }

     .vertical-payment-slider .pay.five {
          right: -13%;
     }

     .vertical-payment-slider .pay.seven {
          right: -12%;
     }

     .vertical-payment-slider .pay.nine {
          right: -12%;
     }

     img.img-fluid.chat-side-bottom {
          margin-inline-start: 20px;
          width: 85%;
     }

     .zero-financial {
          bottom: 330px;
     }

     .screen-slider {
          padding: 150px 60px 0 60px;
     }

     section.main-section {
          padding: 120px 60px 0;
     }

     .main-section.background-blur {
          padding: 40px 60px 0;
     }

     .nextgeneration {
          right: 60px;
     }

     .main-section.contact-sec {
          padding: 60px 60px 0;
     }

     /* .Personalized-section .card_block p {
          width: 80%;
     } */

     .qc-wallet .qc-arrow {
          top: 13%;
          right: 0;
          width: 100px;
     }

     .left_side,
     .right_side {
          width: 100%;
     }

     .left_side {
          padding-right: 15px;
     }

     .right_side {
          padding-left: 15px;
     }

     .mobileSwiper .swiper-slide {
          padding-right: 0;
          margin-right: 30px !important;
     }

     .zero.zero-financial {
          left: -6%;
     }

     .zero-cost {
          left: 4%;
     }

     .zero.service-charges {
          left: -2%;
     }

     .zero.zero-require {
          right: 1%;
     }

     .zero.transaction-time {
          right: 7%;
     }

     .slide-1 p {
          padding: 0px 0px 40px 0;
     }

     .section-market.benefits .expenses-detail p,
     .expenses-detail h4,
     .expenses-detail p {
          width: 100%;
     }

     .expenses-detail.quick-cash h4 {
          width: 90%;
     }

     .mobile-screens .screen-detail,
     .mobile-screens .screen-detail {
          padding: 90px 0 90px 0px;
     }

     .expenses-detail.fun-tab {
          width: 100%;
     }

     .expenses-detail.fun-tab p {
          width: 100%;
     }

     .expenses-wallet .qr-child-img {
          top: -10%;
          right: 45%;
     }

     .expenses-wallet .qr-child-img.two {
          right: 11%;
          top: 12%;
     }

     .expenses-wallet.chat-wallet .chat-child-img.two {
          top: -9%;
          right: 16%;
          left: auto;
          width: 15%;
     }

     .expenses-wallet.chat-wallet .chat-child-img.three {
          top: 34%;
          right: -4%;
          left: auto;
          width: 15%;
     }

     .expenses-wallet.chat-wallet .chat-child-img.four {
          right: 11%;
          left: auto;
          top: 15%;
          width: 11%;
     }

     .expenses-wallet.chat-wallet .chat-child-img.five {
          left: -3%;
          width: 25%;
     }

     .expenses-wallet.chat-wallet .chat-child-img {
          top: -16%;
          left: 43%;
          width: 13%;
     }

     .chill-sub-img,
     .chill-sub-img.two {
          width: 12%;
     }

     .chill-sub-img.three {
          width: 26%;
     }

     .chill-sub-img.four {
          width: 10%;
          top: -8%;
          left: 47%;
     }

     .map-child-img {
          width: 10%;
     }

     .map-child-img.two {
          width: 13%;
     }

     .map-child-img.three {
          width: 9%;
     }

     .map-child-img.four {
          width: 17%;
     }

     .inbox-child-img.one {
          width: 14%;
     }

     .inbox-child-img.two,
     .inbox-child-img.three {
          width: 8%;
     }

     .inbox-child-img.four {
          width: 7%;
     }

     .expenses-wallet.abeo-wallet .abeo-child-img.one {
          left: 7%;
          bottom: 29%;
          width: 15%;
     }

     .expenses-wallet.abeo-wallet .abeo-child-img.two {
          left: 22.5%;
          top: 41%;
     }

     .expenses-wallet.abeo-wallet .abeo-child-img.three {
          right: 11%;
          top: 32%;
     }

     .expenses-wallet.abeo-wallet .abeo-child-img.four {
          right: 23%;
          top: 10%;
     }

     .qm-building {
          right: 12%;
     }

     .qm-img.four {
          left: 13%;
     }

     .quick-ride-wallet .qr-img.five {
          left: 8%;
          width: 80%;
     }

     .qf-img.six {
          bottom: 14%;
          width: 30%;
     }

     .qf-img.five {
          bottom: 15%;
          left: 17%;
     }

     .qf-img.four {
          bottom: 16%;
          left: 18%;
          width: 63%;
     }

     .qf-img.three {
          bottom: 65px;
     }

     .qf-img.two {
          bottom: 70px;
     }

     section.section2.full-width {
          padding: 50px 60px 0 60px;
     }

     section.section2.full-width p {
          width: 65%;
     }

     .vertical-payment-slider {
          padding: 120px 40px 0;
     }

     .gallery-top {
          width: 60%;
     }

     .gallery-thumbs {
          width: 40%;
     }
}

@media screen and (min-width: 1440px) {
     .main-section {
          padding: 60px 60px;
     }

     .app-link {
          position: relative;
          width: 135% !important;
     }
}

@media screen and (min-width: 992px) and (max-width:1400px) {
     .vertical-payment-slider .gallery-top .pay.one {
          top: -8%;
          left: 25%;
     }

     .vertical-payment-slider .gallery-top .pay.two {
          right: 30%;
          top: auto;
          bottom: -8%;
     }

     .vertical-payment-slider .pay.three {
          left: 27%;
          top: auto;
          bottom: -10%;
     }

     .vertical-payment-slider .pay.four {
          right: 33%;
          top: -12%;
     }

     .vertical-payment-slider .pay.five {
          right: 33%;
          top: auto;
          bottom: -10%;
     }

     .vertical-payment-slider .pay.six {
          left: 25%;
          bottom: -10%;
     }

     .vertical-payment-slider .pay.seven {
          right: 25%;
          top: -15%;
     }

     .vertical-payment-slider .pay.eight {
          left: 24%;
          bottom: auto;
          top: -10%;
     }

     .vertical-payment-slider .pay.nine {
          right: 30%;
          bottom: -12%;
          /* width: 55%; */
     }

     .vertical-payment-slider .gallery-top .img-box {
          padding: 0;
     }

     .gallery-top,
     .gallery-thumbs {
          width: 50%;
     }
}

@media screen and (max-width:1400px) {
     .section1 p {
          font-size: 40px;
          line-height: 50px;
     }

     .get_in_touch h2 {
          font-size: 42px;
          width: 93%;
     }

     .home_page .nextgeneration p {
          margin-top: 20px;
     }

     .vertical-payment-slider .img-inner {
          height: 100%;
          display: flex;
          align-items: center;
          flex-direction: column;
          justify-content: center;
     }

     .vertical-payment-slider .gallery-top .pay.two {
          bottom: -3%;
     }

     .pay.two.marchant_gif {
          width: 180px;
     }

     .vertical-payment-slider .pay.three,
     .vertical-payment-slider .pay.nine {
          bottom: -4%;
     }

     .vertical-payment-slider .pay.five {
          bottom: -5%;
     }

     .vertical-payment-slider .pay.six {
          bottom: -3%;
     }

     .vertical-payment-slider .pay.nine {
          width: 232px;
          height: 237px;
     }

     .vertical-payment-slider .pay {
          box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.07);
     }

     .vertical-payment-slider .pay.one,
     .vertical-payment-slider .pay.seven,
     .vertical-payment-slider .pay.four,
     .vertical-payment-slider .pay.eight {
          box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.1);
     }

     .header-holder {
          padding: 60px 30px;
     }

     .florush_detail {
          padding: 60px 0 60px 0;
     }

     .florish_business {
          padding: 0 60px;
          margin-bottom: 50px;
     }

     .contact-form-block {
          padding-left: 50px;
     }

     .form {
          display: flex;
          justify-content: start;
     }

     .qc-wallet .qc-arrow {
          right: 10%;
     }

     .qc-wallet .pin-animated {
          width: 50%;
     }

     /* .vertical-payment-slider .pay {
          box-shadow: 0px 29px 60px rgba(0, 0, 0, 0.08);
     } */
     .qc-wallet .m-profile-img {
          width: 85%;
     }

     .nextgeneration {
          top: 14%;
          width: auto;
          height: auto;
     }

     .sign-up-form {
          padding: 30px 30px;
     }

     .expenses-detail.quick-cash h4,
     .card_block p {
          width: 100%;
     }

     .cash-transection .list-item-zeo {
          margin: 100px 0 120px 60px;
     }

     .cash-transection .cash-img {
          width: 90%;
     }

     .section-market.chatting-idea .expenses-detail h4 {
          font-size: 40px;
          line-height: 52px;
     }

     .indi-box-content {
          padding-right: 30px;
     }

     .tab-benefit-img .bg-height,
     .download-img.tab-benefit-img {
          width: calc(100% - 10px);
     }

     .manage_business .payments_details {
          position: relative;
          left: 0;
          padding-left: 55px;
     }

     p.individuals-detail {
          widtH: 100%;
     }

     .manage_business .left_points {
          padding-right: 15px;
     }

     .manage_business .right_points {
          padding-right: 15px;
     }

     .right_points .scheduled_payments p {
          width: 100%;
     }

     .manage_business .scheduled_payments {
          height: auto;
     }

     .zero-cost {
          left: -5%;
     }

     .zero.zero-financial {
          left: -15%;
     }

     .zero.service-charges {
          left: -9%;
     }

     .zero.zero-require {
          right: -20%;
     }

     .zero.transaction-time {
          right: -10%;
     }

     section.section3.full-width.contact-full p {
          width: 100%;
     }

     section.section2.full-width p {
          width: 100%;
     }

     .loader-wrapper .inner-html {
          width: 65%;
     }

     .download-app-playstore h4 {
          width: 80%;
     }

     .expenses-wallet.chat-wallet .chat-child-img {
          top: -10%;
     }

     .expenses-wallet.chat-wallet .chat-child-img.two {
          width: 12%;
     }

     .expenses-wallet.chat-wallet .chat-child-img.three {
          width: 13%;
     }

     .expenses-wallet.chat-wallet .chat-child-img.four {
          width: 11%;
     }

     .expenses-wallet.chat-wallet .chat-child-img.five {
          width: 19%;
          left: 0;
     }

     .received-ticket .img-arrow {
          top: 38%;
          left: -18%;
     }

     .expenses-wallet.abeo-wallet .abeo-child-img.two {
          left: 18.5%;
     }

     .expenses-wallet.abeo-wallet .abeo-child-img.three {
          right: 4%;
          width: 13%;
          top: 34%;
     }

     .expenses-wallet.abeo-wallet .abeo-child-img.four {
          right: 20%;
          top: 8%;
     }

     .expenses-wallet.abeo-wallet .abeo-child-img.one {
          left: 4%;
     }

     .expenses-wallet.chat-wallet .chat-child-img {
          left: 36%;
     }

     .qm-img.one {
          right: 12%;
     }

     .qm-img.four {
          left: 12%;
          width: 30%;
     }

     .qm-img.six {
          width: 13%;
          right: 21%;
     }

     .qm-building {
          right: 10%;
          width: 30%;
     }

     .qm-img.five {
          width: 30%;
     }

     .quick-ride-wallet .qr-img.six {
          width: 23%;
     }

     .quick-ride-wallet .qr-img.seven {
          left: 44%;
          width: 7%;
     }

     .qf-img.six {
          bottom: 15%;
     }

     .qf-img.five {
          bottom: 17%;
          left: 17%;
     }

     .qf-img.four {
          bottom: 17%;
          left: 20%;
          width: 61%;
     }

     .qf-img.two {
          bottom: 55px;
     }

     .qf-img.one {
          width: 68%;
     }
}

@media(max-width:1299px) {
     .header-nav {
          display: none;
     }

     nav.active ul li {
          margin-top: 15px;
     }

     nav ul li.quick_login {
          padding-left: 0;
     }

     .device-menu {
          display: block;
     }

     .header-holder {
          padding: 30px;
     }

     .screen-slider {
          padding: 150px 30px 0 30px;
     }

     section.main-section {
          padding: 120px 30px 0;
     }

     .tab-wrapper {
          padding: 0 30px;
     }

     .sign-up-form {
          padding: 30px 30px;
     }

     .draw-arrow.app {
          display: none;
     }
}

@media only screen and (min-width: 1200px) {
     .Personalized-section {
          padding: 76px 68px 76px 68px;
     }

     .accordion-flush {
          width: auto;
          padding-bottom: 161px;
     }

     .swiper-horizontal>.swiper-pagination-bullets,
     .swiper-pagination-bullets.swiper-pagination-horizontal,
     .swiper-pagination-custom,
     .swiper-pagination-fraction {
          bottom: var(--swiper-pagination-bottom, 8px);
          top: var(--swiper-pagination-top, 40%) !important;
          left: 0;
          width: 100%;
     }

     .help {
          margin-top: 50px;
          align-items: inherit;
     }

     .main-section {
          padding: 60px 60px;
     }
}

@media(max-width:1200px) {
     img.screen-2 {
          position: absolute;
          right: 15%;
          z-index: 0;
          top: 0;
          height: 500px;
          top: 50%;
          bottom: auto;
          left: auto;
          height: 500px;
          transform: translateY(-50%);
     }

     img.screen-1 {
          position: absolute;
          z-index: 5;
          top: 50%;
          bottom: auto;
          left: 0;
          height: 500px;
          transform: translateY(-50%);
     }

     .zero-financial {
          bottom: 260px;
     }

     .expenses-wallet .qr-child-img {
          top: -5%;
          right: 45%;
          width: 13%;
     }

     .section1.cash-transection {
          padding: 120px 0 0 30px;
     }

     button.transaction-time {
          bottom: 140px;
     }

     .testimonial-section .container-fluid {
          width: 90%;
     }

     .get_in_touch {
          padding: 80px 30px;
     }

     .Personalized-section .card_block p {
          width: 100%;
     }

     .reward-details {
          padding: 60px 0px 60px 50px;
     }

     .img-mobile-circle .m-receive-img {
          width: 61%;
     }

     .unlock-reward {
          padding: 0 30px;
     }

     .site_footer .footer_top {
          padding: 140px 60px;
     }

     .download-app-playstore h4 {
          font-size: 35px;
          line-height: 50px;
     }

     .left-one-img .fade-img {
          width: 80%;
     }

     .bottom-img {
          left: 6%;
     }

     .download-img .bottom-text {
          right: 0;
          bottom: 10%;
     }

     .expenses-wallet.abeo-wallet .abeo-child-img.three {
          top: 28%;
     }

     .expenses-wallet.abeo-wallet .abeo-child-img.four {
          right: 13%;
     }

     .expenses-wallet.abeo-wallet .abeo-child-img.two {
          left: 11.5%;
          top: 38%;
     }

     .expenses-wallet.abeo-wallet .abeo-img {
          width: 80%;
     }

     section.section2.full-width h2 {
          font-size: 60px;
     }

     .main-section.background-blur {
          padding: 40px 60px 0;
     }

     section.our_client {
          padding-bottom: 0;
     }

     .zero-cost {
          left: 6%;
     }

     .zero.zero-financial {
          left: -2%;
     }

     .zero.service-charges {
          left: 0;
     }

     .zero.zero-require {
          right: -4%;
     }

     .zero.transaction-time {
          right: 0;
     }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
     .main-section {
          padding: 60px 60px;
     }
}

@media(max-width:1199px) {
     .section1 p {
          font-size: 34px;
          line-height: 45px;
     }

     .w-100 {
          width: 100% !important;
     }

     .footer_top .footer_block {
          width: 100%;
     }

     .mobileSwiper .slide-1 {
          height: 685px;
     }

     .Personalized-section .row {
          gap: 50px;
     }

     .left_points .scheduled_payments p {
          width: 100%;
     }

     .payments_details {
          position: relative;
          left: 0;
          padding-left: 55px;
     }

     .right_points {
          padding-left: 0;
     }

     .contact-form-block {
          padding-left: 0;
          margin-top: 50px;
     }

     .Personalized-section {
          padding: 76px 30px 76px 30px;
     }

     .qc-wallet .pin-animated {
          top: 16%;
     }

     .qc-wallet .download-img,
     .qc-wallet .bg-height {
          width: 80%;
          height: 290px;
     }

     .vertical-payment-slider {
          padding: 120px 30px 0;
     }

     .qc-wallet .download-img .fade-img {
          height: 290px;
     }

     .qc-wallet .qc-arrow {
          top: 25%;
     }

     .qc-wallet .pin-animated {
          width: 47%;
     }

     .main-section.contact-sec {
          padding: 60px 30px 0;
     }

     .FAQ-title h3 {
          color: #000000;
          padding: 70px 0 70px 0;
     }

     .get_in_touch .sign-me {
          margin-top: 15px;
     }

     .superfast-network {
          padding: 88px 0 88px 40px;
     }

     .preloader-section .odometer {
          font-size: 110px;
          line-height: 150px;
     }

     .preloader-section .coin svg {
          width: 50%;
     }

     .get_in_touch h2 {
          margin-bottom: 30px;
          width: 100%;
     }

     .form__field {
          width: 50%;
     }

     .site_footer .were_here_assist,
     .site_footer .media_link {
          justify-content: flex-start;
     }

     .site_footer .assist,
     .site_footer .were_here_assist h2 {
          text-align: left;
          padding-bottom: 0;
     }

     .site_footer .were_here_assist {
          margin-top: 50px;
     }

     .middle-three .expenses-detail.keep-tab {
          padding-left: 50px;
     }

     .middle-three .expenses-detail.fun-tab {
          padding-right: 50px;
          width: 100%;
     }

     .mobileSwiper .swiper-slide {
          height: 100%;
     }

     .right_side {
          padding-left: 0;
     }

     .screen-slider .title_slider {
          margin-bottom: 50px;
     }

     .screen-slider .swiper {
          height: 100%;
          padding-bottom: 50px;
     }
}

@media screen and (max-width: 1024px) {
     nav ul li {
          padding: 0 0 0 0px;
     }

     nav ul li a {
          font-size: 14px;
          padding: 0px 17.5px;
     }

     .instore-payment {
          display: block;
          padding: 51px 0 51px 150px;
     }

     .preloader-section .afterText {
          font-size: 55px;
          line-height: 76px;
     }

     .download-app-playstore h4 {
          text-align: center;
          margin: auto;
          width: auto;
          font-family: 'es_rebond_grotesqueregular';
          font-style: normal;
          font-weight: 500;
          font-size: 45px;
          line-height: 73px;
          text-align: center;
          color: #000000;
     }

     .section1.cash-transection {
          padding: 70px 0 0 30px;
     }

     .screen-detail {
          padding: 0px 0 43px 29px;
          width: auto;
     }

     .quickbank-request {
          padding: 45px 0 0 0;
     }

     .quickbank-request .mobile-screen img {
          position: absolute;
          top: 5%;
          bottom: 0;
     }

     .testimonial-section .container-fluid.testimonial-inner-block {
          width: 100%;
          padding: 0 30px;
     }

     .main-section.florish .download_btn {
          margin: 0 0 30px 0;
     }

     .expenses-detail.quick-cash h4 {
          width: auto;
          margin-bottom: 30px;
     }

     .screen-detail p {
          padding: 35px 22px 35px 0px;
     }

     .section-market.benefits.contact-box {
          padding: 0 0 0 0;
     }

     .FAQ-title h3 {
          padding: 60px 0 40px 0;
     }

     section.section2.full-width h2 {
          font-size: 57px;
          line-height: 70px;
          margin-bottom: 30px;
     }

     .quickbank-screen {
          padding: 0px 0 0px 0px;
     }

     .expenses-detail h4 {
          width: auto;
          font-size: 52px;
          line-height: 67px;
     }

     .main-section {
          padding: 60px 60px;
     }

     .main-section.tab-section {
          margin-top: 70px;
     }

     .section-market.benefits.contact-box {
          padding: 0 0 70px 0;
     }

     .reward-details {
          padding: 60px 0px 60px 50px;
     }

     .middle-three.download-app .images {
          display: none;
     }

     .download-app-playstore h4 {
          width: 100%;
     }

     section.main-section.download-app {
          padding: 60px 30px;
     }

     .download-app-playstore {
          padding-top: 0;
     }

     .slider-elipsis-box .elipsis-two {
          width: 300px;
          height: 158px;
          filter: blur(100px);
     }

     .slider-elipsis-box .elipsis-one {
          width: 234px;
          height: 114px;
          filter: blur(100px);
     }

     .expenses-wallet.abeo-wallet .abeo-child-img.three {
          right: 6%;
          top: 33%;
     }

     section.main-section.mobile-app-sec {
          padding-bottom: 50px;
     }

     .eco-section .expenses-detail h4 {
          font-size: 40px;
          line-height: 50px;
     }

     section.section2.full-width p {
          padding: 0 100px 70px 100px;
     }

     .section-market.benefits {
          padding: 0;
     }

     section.main-section.benefit {
          padding: 0 30px 70px;
     }

     .main-section.reward-sec {
          padding: 0px 30px 70px;
     }

     .section-market.quick-ride,
     .section-market.quick-fuel {
          margin-top: 90px;
          padding-top: 0;
     }

     .qc-wallet .download-img,
     .qc-wallet .bg-height,
     .qc-wallet .download-img .fade-img {
          height: 245px;
     }

     .qc-wallet .pin-animated {
          top: 13%;
     }

     /* shivani css */
     .grow_business p {
          padding-bottom: 00px;
          padding-top: 30px;
          text-align: left;
     }

     .title_slider h3 {
          display: flex;
          justify-content: flex-start;
     }

     section.main-section {
          padding: 20px 20px;
     }

     .left_side {
          width: auto;
          text-align: left;
     }

     .exclusive_api p {
          text-align: left;
     }

     .efficient_business {
          display: flex;
          justify-content: start;
     }

     .center_side {
          display: none;
     }

     .florish_business {
          display: block;
          margin-bottom: 100px;
     }

     .grow_business {
          width: auto;
     }

     .left_side,
     .right_side {
          width: auto;
          padding-top: 20px;
     }

     .exclusive_api {
          padding-bottom: 20px;
     }

     section.main-section.mobile-screen {
          display: none;
     }

     .efficient_section.desktop-screen-image {
          display: block;
          padding: 0 30px;
     }

     .florish_img {
          display: block;
          align-items: center;
          text-align: center;
     }

     .main-section.florish {
          padding: 0 30px;
     }

     .main-section.florish .download_btn {
          width: auto;
          display: inline-block;
          padding: 21px 30px 21px 30px;
     }

     .florush_detail {
          width: 100%
     }

     .get_in_touch {
          padding: 70px 30px;
          background-color: #000000;
     }

     .get_in_touch h2 {
          font-size: 42px;
          line-height: 56px;
     }

     .form {
          display: flex;
          justify-content: start;
     }

     .site_footer .footer_top {
          background: #283A8E;
          padding: 70px 30px;
     }

     .site_footer .were_here_assist h2 {
          text-align: left;
     }

     .assist {
          text-align: left;
          padding-top: 50px;
     }

     .site_footer .were_here_assist p {
          text-align: left;
     }

     .site_footer .were_here_assist {
          display: flex;
          justify-content: start;
     }

     .site_footer .were_here_assist p {
          padding: 20px 0 30px;
     }

     .right_points .scheduled_payments p {
          width: auto;
     }

     nav ul li {
          padding: 0 0 0 0px;
     }

     nav ul li a {
          font-size: 14px;
          padding: 0px 17.5px;
     }

     .instore-payment {
          display: block;
          padding: 51px 0 51px 150px;
     }

     .manage_business .manage_points {
          margin-top: 50px;
     }

     .download-app-playstore h4 {
          text-align: center;
          margin: auto;
          width: auto;
          font-family: 'es_rebond_grotesqueregular';
          font-style: normal;
          font-weight: 500;
          font-size: 35px;
          line-height: 50px;
          text-align: center;
          color: #000000;
     }

     .screen-detail {
          padding: 0px 0 43px 29px;
          width: auto;
     }

     .screen-detail p {
          padding: 35px 22px 35px 0px;
     }

     .quickbank-screen {
          padding: 0px 0 0px 0px;
     }

     .expenses-detail h4 {
          width: auto;
          font-size: 52px;
          line-height: 67px;
     }

     section.main-section {
          padding: 70px 30px;
     }

     section.main-section.quick_business {
          padding: 0px 30px 0;
     }

     .middle-three .expenses-detail {
          padding-left: 0;
     }

     .grow_business {
          width: auto;
          align-items: center;
          margin: auto;
     }

     .mobile_side {
          display: flex;
          position: relative;
          width: 470px;
          justify-content: center;
     }

     .center_side {
          display: none;
     }

     .efficient_section.mobile-screen-image {
          display: none;
     }

     .efficient_business {
          display: flex;
          justify-content: start;
     }

     .screen-slider {
          padding: 50px 40px 50px 40px;
     }

     .title_slider h2 {
          text-align: left;
     }

     .payments_details {
          width: auto;
     }

     .florish_business {
          display: block;
          margin-bottom: 0;
     }

     .mobile-screen-image {
          display: none;
          padding: 0;
     }

     section.section2.full-width {
          padding: 50px 30px 0 30px;
     }

     .tab-wrapper {
          padding: 0 30px;
     }

     .mobile-screens .screen-detail {
          padding: 120px 15px 120px 15px;
          width: 100%;
     }

     .quickbank-screen.quickbank-money {
          padding: 0px 30px 0;
     }

     .tab-section h1 {
          padding: 0 15px 70px 15px;
     }

     /**shivani css **/
     .site_footer .copyright {
          display: block;
          padding: 22px 30px;
     }

     .site_footer .copyright .copyright_text {
          padding-bottom: 20px;
          align-items: center;
     }

     .site_footer .copyright .copyright_text p {
          padding: 0 20px 0 0px;
     }

     .craftedby_text p {
          font-size: 18px;
     }

     .business_title {
          justify-content: flex-start;
          flex-direction: column;
          align-items: flex-start;
     }

     .title_slider h2 {
          padding-bottom: 0;
     }

     .business_heading a {
          margin-top: 30px;
          margin-bottom: 0;
     }

     .business_heading h1 {
          font-size: 54px;
          line-height: 70px;
     }

     .business_exp .business_heading {
          text-align: center;
          padding: 0 0 70px 0;
     }

     .money-section {
          padding: 50px 30px 70px;
     }

     .cash-transection .list-item-zeo {
          margin: 60px 30px 120px 30px;
     }

     .get_in_touch .form {
          margin-top: 30px;
     }
}

@media screen and (min-width: 991px) and (max-width:1024px) {
     section.main-section.tab-section {
          width: auto;
     }

     .main-section {
          padding: 60px 60px;
     }

     .header-nav {
          display: none;
     }

     .slide-1 h5 {
          padding-top: 27px;
          font-size: 16px;
     }

     .scheduled_payments {
          margin-bottom: 70px;
     }

     .left_points .scheduled_payments p {
          width: auto;
     }

     .florish_business {
          display: block;
     }

     .florish_business {
          display: block;
          margin-bottom: 70px;
     }

     .quick-money h3 {
          padding: 0 0;
     }

     .quick-money p {
          padding: 0 0;
     }

     .side-img {
          position: relative;
          top: 0%;
          bottom: 0;
          left: 0;
          right: 0;
          display: block;
          margin: auto;
     }

     section.testimonial-section {
          padding: 100px 0;
     }

     .left_side {
          text-align: left;
     }

     .exclusive_api p {
          text-align: left;
     }

     .tab-section .indi-box {
          padding-right: 30px;
     }

     .quickcash_banner {
          padding: 18px;
     }

     ul.zero-cost {
          padding: 18px;
     }
}

@media screen and (max-width: 991px) {
     .slide-1 h5 {
          padding-top: 0;
     }

     .Personalized-section .row {
          gap: 25px;
     }

     .Personalized-section .card_icon {
          padding-bottom: 0;
     }

     .header-nav {
          display: none;
     }

     .business_heading h1 {
          padding-bottom: 50px;
     }

     .business_exp .business_heading h1 {
          padding-bottom: 30px;
     }

     .invite-section {
          padding-bottom: 30px;
     }

     .business_exp .business_heading a {
          margin-top: 0;
          display: inline-block;
     }

     section.main-section.hide-screen {
          padding: 50px 30px;
     }

     section.main-section.background-section-bg {
          padding: 0px 30px 140px;
     }

     .screen-slider {
          padding: 40px 30px 50px 30px;
     }

     .florish_img img {
          position: static;
          margin: auto;
     }

     .card_block p {
          width: 100%;
     }

     .vertical-payment-slider .p-content .img-box {
          margin-bottom: 30px;
     }

     .testimonial-section .container-fluid {
          width: 100%;
          padding: 0 30px;
     }

     .efficient_section.desktop-screen-image {
          padding: 0;
     }

     section.main-section.mobile-app-sec {
          padding-top: 0;
     }

     .testimonials-1 {
          padding-right: 0;
          padding-bottom: 40px;
     }

     .customer-says h3 {
          font-size: 38px;
          line-height: 50px;
     }

     .transction-section .card_block {
          margin-bottom: 30px;
     }

     .manage_business .manage_points {
          margin-top: 0;
     }

     .money-section {
          padding: 50px 30px 50px;
     }

     .row.justify-content-center.customer-says {
          padding: 0px 0px 40px 0px;
     }

     section.testimonial-section {
          padding: 70px 0;
     }

     .section-market.chat-box {
          overflow: hidden;
     }

     .reward-details .black-sign-up {
          display: flex;
          justify-content: center;
     }

     .superfast-network {
          padding: 70px 30px 50px 30px;
          text-align: center;
     }

     p.individuals-detail {
          width: 100%;
     }

     .main-section.tab-expenses {
          padding: 0 30px;
     }

     .superfast-network .app-link {
          justify-content: center;
     }

     img.screen-1 {
          position: relative;
          left: -8%;
          margin-bottom: -70px;
          transform: none;
          top: auto;
          right: auto;
     }

     img.screen-2 {
          left: 62%;
          transform: translateX(-50%);
          bottom: -70px;
          top: auto;
          right: auto;
     }

     .mobile-screen-images {
          text-align: center;
          justify-content: center;
     }

     .global-process {
          margin-bottom: 30px;
     }

     section.our_client {
          padding-bottom: 80px;
     }

     .FAQ-title h3 {
          padding: 80px 0 30px 0;
     }

     .slide-1 {
          padding: 25px 25px 0 25px;
          height: 734px;
          background-color: #D9E0FF;
          border-radius: 20px;
     }

     .section-market.benefits .expenses-detail {
          margin-bottom: 50px;
     }

     .eco-mobile-app .img-order {
          order: 1;
     }

     .eco-mobile-app .detail-order {
          order: 2;
     }

     .manage_business {
          padding: 10px 0 10px 0;
     }

     section.main-section {
          padding: 70px 30px;
     }

     section.main-section.quick-money-sec {
          padding: 0 15px;
     }

     .title_slider h2 {
          text-align: left;
          padding-bottom: 0;
     }

     .business_title {
          display: flex;
          justify-content: space-between;
          padding-bottom: 100px;
     }

     .business_title .business_heading {
          display: flex;
          align-items: center;
          margin: 0;
     }

     .business_heading a {
          text-decoration: none;
     }

     .right_points {
          padding-left: 0px;
     }

     .Personalized-section .col {
          flex: none;
          width: 100%;
     }

     .get_in_touch {
          padding: 70px 30px;
          background-color: #000000;
     }

     .expenses-wallet {
          margin-bottom: 50px;
     }

     .quickcash_banner .expenses-wallet {
          margin-bottom: 0;
          margin-top: 60px;
     }

     .expenses-detail h4 {
          padding-top: 0;
     }

     .middle-three .expenses-detail.keep-tab {
          padding-left: 0;
     }

     .middle-expenses-block .expenses-detail h4,
     .expenses-detail h4 {
          width: auto;
          font-size: 44px;
          line-height: 60px;
     }

     .qc-wallet .download-img,
     .qc-wallet .bg-height,
     .qc-wallet .download-img .fade-img {
          width: 90%;
          height: 450px;
     }

     .qc-wallet .pin-animated {
          top: 20%;
          right: 3%;
     }

     .section2 .section-market {
          padding: 0;
     }

     .section-market.benefits {
          padding: 0px;
     }

     .site_footer .footer_top {
          background: #283A8E;
          padding: 70px 31px;
     }

     .site_footer .were_here_assist {
          display: flex;
          justify-content: start;
          padding-top: 0;
          margin-top: 0;
     }

     .assist {
          text-align: left;
          padding-bottom: 62px;
     }

     .site_footer .were_here_assist h2 {
          font-family: 'averta';
          font-style: normal;
          font-weight: 400;
          font-size: 40px;
          line-height: 48px;
          text-align: left;
          color: #FFFFFF;
     }

     .site_footer .were_here_assist p {
          padding: 17px 0 30px;
     }

     .site_footer .footer_menu ul li {
          padding: 0 0 17px;
          list-style-type: none;
     }

     .received-ticket .chilling-img.mobile {
          display: block;
          margin-right: auto;
     }

     .expenses-wallet.chilling-side {
          margin-bottom: 0;
          margin-top: 80px;
     }

     .site_footer h3 {
          font-size: 24px;
          padding: 0 0 23px;
     }

     .footer_menu {
          padding-top: 0px;
          padding-left: 30px;
     }

     .site_footer .copyright {
          padding: 22px 30px;
     }

     .craftedby_text p {
          margin-bottom: 0;
          font-size: 16px;
     }

     .site_footer .copyright .copyright_text p {
          font-size: 16px;
     }

     .center_side {
          width: auto;
     }

     .florish_business {
          margin-bottom: 30px;
     }

     .grow_business p {
          padding-bottom: 20px;
     }

     .efficient_business {
          display: flex;
          justify-content: start;
     }

     .exclusive_api p {
          text-align: left;
     }

     .exclusive_api h4 {
          text-align: left;
     }

     .bg_img img {
          display: none;
     }

     .left_side,
     .right_side {
          width: auto;
     }

     .top-left-img {
          display: block;
          margin: auto;
          align-items: center;
          text-align: center;
     }

     .tab-expenses .top-left-img {
          margin-top: 30px;
     }

     .quickbank-screen {
          overflow: hidden;
     }

     .quickbank-screen .mobile-screen img,
     .quickbank-request .mobile-screen img,
     .quickbank-screen.quick_cheque .mobile-screen img {
          position: static;
          margin: auto;
          display: block;
     }

     .row.request-cash .c-order-2 {
          order: 2;
     }

     .row.request-cash .c-order-1 {
          order: 1;
     }

     .mobile-screens .screen-detail {
          text-align: center;
     }

     .screen-detail button.sign-btn {
          justify-content: center;
          margin: 0 auto;
     }

     .mobile-screens .screen-detail {
          padding: 70px 15px 70px 15px;
     }

     .left-one-img {
          left: 0;
          top: 0;
     }

     .top-right-img {
          top: 0;
     }

     .vertical-payment-slider .pay.nine {
          top: 10%;
          bottom: auto;
     }

     .main-section.tab-section {
          margin-bottom: 80px;
     }

     .client-logo ul {
          display: block;
          justify-content: center;
          padding-top: 60px;
     }

     .florish_img {
          display: block;
          margin: auto;
          text-align: center;
     }

     .florish_business p {
          padding-bottom: 30px
     }

     .grow_business {
          width: auto;
          align-items: center;
          margin: auto;
     }

     .efficient_section.desktop-screen-image {
          display: block;
     }

     section.main-section.mobile-screen {
          display: none;
     }

     img.money_sent_desktop.img-fluid {
          display: none;
     }

     .left_side,
     .right_side {
          width: auto;
          padding-top: 20px;
     }

     .mobile_side {
          width: auto;
     }

     section.main-section.hide-screen {
          padding: 20px 30px;
     }

     .expenses-wallet.abeo-wallet .abeo-img {
          width: auto;
     }

     .expenses-wallet.abeo-wallet .abeo-child-img.four {
          right: 26%;
          top: 16%;
          bottom: auto;
     }

     .expenses-wallet.abeo-wallet .abeo-child-img.three {
          right: 20%;
          top: 35%;
          width: 9%;
     }

     .expenses-wallet.abeo-wallet .abeo-child-img.two {
          left: 26.5%;
     }

     .expenses-wallet.chat-wallet .chat-child-img.five {
          left: 5%;
     }

     .expenses-wallet.abeo-wallet .abeo-child-img.one {
          left: 16%;
          bottom: 29%;
          width: 11%;
     }

     .expenses-wallet.chat-wallet .chat-child-img.three {
          top: 39%;
          right: 2%;
     }

     .inbox-child-img.two {
          right: 16%;
     }

     .inbox-child-img.three {
          top: 38%;
          left: 6%;
     }

     .inbox-child-img.four {
          left: 46%;
     }

     .section-inbox .expenses-wallet {
          margin-top: 90px;
     }

     .exclusive_api {
          padding-bottom: 20px;
     }

     .vertical-payment-slider {
          padding: 70px 30px 0;
     }

     .preloader-section {
          font-size: 80px;
     }

     .nextgen-banking .banking-title h3,
     .tab-section h1,
     .partner-heading h3,
     .superfast-network h4,
     .FAQ-title h3 {
          font-size: 48px;
          line-height: 63px;
     }

     .preloader-section .odometer {
          font-size: 80px;
          line-height: 100px;
     }

     .quickbank-request {
          padding: 0 0 0 0;
     }

     section.main-section.download-app {
          padding: 0px 30px;
     }

     .middle-expenses-block .expenses-wallet {
          margin-bottom: 30px;
     }

     .main-section.tab-section {
          padding: 70px 0;
     }

     .preloader-section .coin svg {
          width: 40%;
     }

     .preloader-section .coin {
          top: -37%;
          left: -13%;
     }

     .chill-sub-img {
          left: 31%;
          top: 5%;
          width: 10%;
     }

     .chill-sub-img.two {
          top: -15%;
          left: 55%;
          width: 8%;
     }

     .chill-sub-img.three {
          left: auto;
          right: 16%;
          top: -4%;
          width: 16%;
     }

     .chill-sub-img.four {
          width: 8%;
          top: -9%;
          left: 41%;
     }

     .loader-wrapper .inner-html {
          width: 75%;
     }

     .slider-elipsis-box .elipsis-one {
          width: 234px;
          height: 114px;
          filter: blur(80px);
     }

     .slider-elipsis-box .elipsis-two {
          width: 250px;
          height: 118px;
          filter: blur(80px);
     }

     .map-child-img {
          width: 9%;
     }

     .map-child-img.two {
          width: 10%;
          left: 0;
     }

     .map-child-img.three {
          width: 7%;
     }

     .map-child-img.four {
          width: 13%;
     }

     .quick-ride-wallet .qr-img.six {
          bottom: 0;
          right: 31%;
          width: 16%;
     }

     .quick-ride-wallet .qr-img.five {
          left: 20%;
          width: 59%;
     }

     .quick-ride-wallet .qr-img.seven {
          width: 5%;
     }

     .qf-img.three {
          bottom: 40px;
     }

     .qf-img.four {
          bottom: 11%;
          left: 24%;
          width: 51%;
     }

     .qf-img.one {
          width: auto;
     }

     .qf-img.five {
          bottom: 11%;
          left: 22%;
     }

     .qf-img.six {
          bottom: 9%;
          width: 22%;
          right: 24%;
     }

     /**shivani css **/
     .client-logo ul {
          display: flex;
          justify-content: center;
          padding-top: 0;
          margin: 0 auto;
     }

     .partner-heading {
          padding-bottom: 30px;
     }

     .florish_img {
          display: block;
          margin: auto;
          text-align: center;
     }

     .florish_business p {
          padding-bottom: 30px;
          text-align: center;
     }

     .grow_business {
          width: auto;
          align-items: center;
          margin: auto;
     }

     .efficient_section.desktop-screen-image {
          display: block;
     }

     section.main-section.mobile-screen {
          display: none;
     }

     img.money_sent_desktop.img-fluid {
          display: none;
     }

     .left_side,
     .right_side {
          width: auto;
          padding-top: 20px;
     }

     .mobile_side {
          width: auto;
     }

     section.main-section.hide-screen {
          padding: 60px 30px;
     }

     .exclusive_api {
          padding-bottom: 20px;
     }

     .form {
          flex-direction: row;
     }

     .section1.cash-transection {
          padding: 70px 0 0 0;
     }

     .section1.cash-transection .c-desc {
          padding: 0 30px;
     }

     .cash-transection .cash-img {
          width: 70%;
          margin-left: auto;
          display: block;
          position: static;
     }
}

@media screen and (max-width: 870px) {
     .accordion-flush {
          width: auto;
          padding-bottom: 100px;
     }

     section.main-section.tab-section {
          width: auto;
     }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
     .banner_heading h1 {
          font-style: normal;
          font-weight: 500;
          font-size: 46px;
          line-height: 50px;
          text-align: center;
          letter-spacing: -0.02em;
          color: #000000;
     }

     .main-section {
          padding: 40px 40px;
     }

     .nextgeneration img {
          width: 70px;
     }

     .image-slide {
          top: 120px;
     }

     .nextgeneration p {
          font-family: 'Averta';
          font-style: normal;
          font-weight: 400;
          font-size: 10px;
          line-height: 15px;
          text-align: left;
          color: #000000;
          margin-left: 100px;
     }

     .accordion-flush {
          width: auto;
          padding-bottom: 70px;
     }

     section.main-section.tab-section {
          width: auto;
     }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
     .header-holder {
          width: 100%;
          z-index: 4;
          overflow: hidden;
     }

     .header-nav.active .header-nav__inner {
          display: block;
     }

     .header-nav {
          display: none;
     }

     nav.active ul li {
          padding: 20px 0;
     }

     nav.active ul {
          width: 100%;
          text-align: center;
          padding: 110px 0;
          overflow: hidden;
          display: block;
          align-items: center;
     }

     header {
          position: relative;
          top: 0;
          left: 0;
          right: 0;
          padding: 20px 40px;
          z-index: 5;
          -webkit-transition: background-color 0.4s ease-out;
          transition: background-color 0.4s ease-out;
          display: flex;
          justify-content: space-between;
          align-items: center;
     }

     .search-mobile {
          display: block;
          position: absolute;
          top: -5px;
          right: 80px;
          z-index: 6;
          border: none;
          background-color: white;
          margin: 14px 13px 2px;
     }

     li.header-menu-item.quick_login a {
          display: none;
     }

     .search-mobile a {
          background: #283A8E;
          padding: 15px 20px;
          border-radius: 7px;
          font-style: normal;
          font-weight: 500;
          font-size: 18px;
          line-height: 21px;
          color: #FFFFFF;
          display: block;
          -webkit-box-align: center;
          align-items: center;
          text-align: center;
          width: auto;
          height: auto;
          position: relative;
     }

     .header .logo img {
          width: 144px;
          height: 21px;
          display: block;
          background-size: 100% auto;
          background-repeat: no-repeat;
          order: 1;
     }

     nav ul {
          display: block;
     }

     .first-section img {
          width: 100%;
          margin: 20px 0;
     }

     .center-img {
          position: relative;
          display: none;
     }

     .transction-section .card_block {
          margin-bottom: 30px;
     }

     .left-frame span {
          font-size: 14px;
     }

     .Personalized-section {
          padding: 76px 0 76px 30px;
     }

     .card_block p {
          font-size: 19px;
     }

     .screen-detail {
          padding: 54px 0 43px 29px;
          width: auto;
     }

     .quickbank-screen.quickbank-money {
          padding: 0px 0 0 0px;
     }

     .screen-detail h3 {
          width: auto;
          font-family: 'es_rebond_grotesqueregular';
          font-style: normal;
          font-weight: 500;
          font-size: 31px;
          line-height: 45px;
          color: #FFFFFF;
     }

     img.keep-expreses {
          width: 100%;
     }

     .unlock-reward img.keep-expreses {
          width: auto;
     }

     .quickmarket {
          display: flex;
          flex-direction: column;
     }

     .car-img {
          display: flex;
          flex-direction: column-reverse;
     }

     .received-ticket.car-img,
     .section-inbox .car-img,
     .meet_abeo.car-img {
          flex-direction: column;
     }

     section.section2.full-width {
          padding: 60px 40px;
     }

     .section-market {
          padding: 60px 0 30px 0;
     }

     .section-market.quick-fuel {
          padding: 60px 0 0 0;
     }

     .reward-details {
          padding: 50px 69px;
     }

     .reward-details p {
          font-size: 20px;
          line-height: 32px;
          text-align: center;
     }

     .global-process {
          margin: 30px 0;
     }

     .get_in_touch {
          background-color: #000000;
     }

     .quick-money h3 {
          padding: 0 30px;
     }

     .quick-money p {
          padding: 0 30px;
     }

     .form {
          display: flex;
          justify-content: unset;
     }

     .accordion-flush {
          width: auto;
     }

     .form-slider {
          display: block !important;
          justify-content: space-between;
     }

     .holder {
          width: auto;
          z-index: 4;
          overflow: hidden;
     }

     .row.simple-sign-up {
          display: block;
          justify-content: space-between;
     }

     .login-header {
          background-color: rgba(219, 218, 219, 1);
          position: relative;
          height: auto;
          z-index: 5;
          -webkit-transition: background-color 0.4s ease-out;
          transition: background-color 0.4s ease-out;
          align-items: center;
     }
}


/*********shivani**********/

@media screen and (max-width: 991px) {
     .slide-1 {
          height: auto;
     }

     .reward-order-sm-2 {
          order: 2;
     }

     .reward-order-sm-1 {
          order: 1;
     }

     .expenses-detail p {
          width: auto;
     }

     img.responsive-img {
          display: block;
     }

     .center-img {
          position: relative;
          display: none;
     }

     .nextgeneration {
          display: none;
     }

     .reward-details {
          padding: 60px 30px 70px 30px;
     }

     section.main-section.benefit {
          padding: 0 30px 40px;
     }

     .tabcontent {
          padding: 91px 30px 0;
     }

     .tabcontent .individuals-benefits {
          margin-top: 30px;
     }

     .img-mobile-circle {
          position: static;
     }

     .expenses-detail.fun-tab {
          margin-bottom: 30px;
     }

     .expenses-detail.keep-tab {
          margin-top: 30px;
     }

     .sign-me.black-sign-up a {
          width: auto;
          display: inline-flex;
          align-items: center;
          margin: auto;
          text-align: center;
     }

     section.section2.full-width p {
          padding: 0 0 70px 0;
     }

     .img-mobile-circle {
          display: flex;
          align-items: center;
          text-align: center;
          margin: auto;
          justify-content: center;
     }

     .img-mobile-circle .m-receive-img {
          width: 40%;
          margin: 0 auto -34px;
          position: static;
          transform: rotate(-9deg) translateX(-21px);
     }

     .reward-details p {
          text-align: center;
     }

     .draw-arrow.one {
          justify-content: center;
     }

     .florush_detail {
          text-align: center;
     }

     .download-img.business-img .fade-img,
     .download-img.business-img .bg-height,
     .download-img.business-img {
          height: 400px;
     }

     .quick-ride .qr-row {
          flex-direction: column-reverse;
     }
}

@media screen and (max-width: 767px) {
     .screen-slider .title_slider h2 {
          margin-bottom: 0;
     }

     .mobileSwiper .slide-1 {
          height: 660px;
     }

     .banner_heading h1 {
          font-family: 'es_rebond_grotesqueregular';
          font-style: normal;
          font-weight: 500;
          font-size: 12px;
          line-height: 36px;
          text-align: center;
          letter-spacing: -0.02em;
          color: #000000;
     }

     .row.car-img.meet_abeo .expenses-detail p {
          font-size: 26px;
          line-height: 38px;
     }

     .main-section {
          padding: 0 0;
     }

     .vertical-payment-slider .img-box img {
          border-radius: 0px;
     }

     .unlock-reward .reward-details {
          padding: 50px 30px 70px 30px;
     }

     .img-mobile-circle .half-circle {
          width: 400px;
          height: 184px;
     }

     nav.active ul {
          width: 55%;
          padding: 110px 0;
     }

     .tab-benefit-img .bg-height,
     .download-img.tab-benefit-img {
          margin: 0 auto;
          width: 460px;
     }

     .tab-section h1 {
          padding: 0 15px 30px 15px;
     }

     .tabcontent {
          padding: 50px 30px 0;
     }

     .indi-box-content {
          padding-right: 0;
     }

     .vertical-payment-slider .pay.eight {
          left: 24%;
          bottom: auto;
          top: 5%;
     }

     .vertical-payment-slider .pay.nine {
          right: 30%;
          bottom: 0;
     }

     p.individuals-detail {
          margin-bottom: 0;
          padding-bottom: 30px;
     }

     .nextgen-bottom-arrow {
          display: none;
     }

     .expenses-detail.fun-tab {
          margin-bottom: 20px;
     }

     .qf-img.three {
          bottom: 33px;
     }

     .expenses-wallet {
          margin-bottom: 0;
     }

     .title_slider h3 {
          padding-bottom: 16px;
     }

     .section-market.quick-fuel {
          margin-top: 50px;
     }

     section.main-section.mobile-app-sec {
          padding-bottom: 30px;
          padding-top: 0;
     }

     .transction-section .card_block {
          text-align: center;
     }

     .business_exp .business_heading h1 {
          font-size: 44px;
          line-height: 60px;
     }

     .benefits-list .tab-benefit-img img {
          height: 230px;
          object-fit: cover;
     }

     .middle-three .expenses-detail.keep-tab {
          margin-top: 0;
     }

     .logo-section a {
          display: block;
     }

     section.main-section.background-section-bg {
          padding: 50px 30px 140px;
     }

     section.testimonial-section {
          padding: 50px 0;
     }

     .parent-div {
          width: 100%;
          padding: 0 30px;
     }

     .vertical-payment-slider .pay.one {
          top: 3%;
          left: 25%;
     }

     .vertical-payment-slider .pay.two {
          right: 30%;
          top: auto;
          bottom: 0;
     }

     .vertical-payment-slider .pay.three {
          left: 27%;
          top: auto;
          bottom: 5%;
     }

     .vertical-payment-slider .pay.four {
          right: 33%;
          top: 0;
     }

     .vertical-payment-slider .pay.five {
          right: 33%;
          top: auto;
          bottom: 13%;
     }

     .vertical-payment-slider .pay.six {
          left: 25%;
          bottom: 5%;
     }

     .vertical-payment-slider .pay.seven {
          right: 25%;
          top: 0;
     }

     /* .vertical-payment-slider .p-content .img-box {
          padding: 50px 0 100px;
     } */
     .preloader-section .afterText {
          font-size: 45px;
          line-height: 56px;
     }

     .footer_menu {
          padding-top: 50px;
          padding-left: 0;
     }

     .header-nav {
          display: none;
     }

     .first-section img {
          width: 100%;
          margin-top: 30px;
     }

     .middle-three.quickcash_banner .expenses-detail {
          margin-top: 0;
     }

     .center-img .image-slide {
          display: block;
          width: 285px;
          left: 0;
     }

     .section-market.benefits.contact-box {
          padding: 0 0 0 0;
     }

     .expenses-detail.quick-cash h4 {
          text-align: center;
     }

     .nextgeneration img {
          display: none;
     }

     .banner_heading h1 {
          font-size: 50px;
          line-height: 70px;
          margin-top: 0;
     }

     button.zero-require {
          width: auto;
          top: 0;
          right: 0;
     }

     section.main-section.quick-money-sec {
          padding: 70px 15px 0;
     }

     .qc-wallet .download-img,
     .qc-wallet .bg-height,
     .qc-wallet .download-img .fade-img {
          width: 100%;
          height: 350px;
     }

     .qc-wallet .pin-animated {
          top: 16%;
     }

     .contact-form-block {
          margin-bottom: 60px;
     }

     button.zero-require h5 {
          padding-left: 15px;
          margin-bottom: 0;
          font-size: 14px;
     }

     button.service-charges {
          display: none;
     }

     button.zero-cost {
          display: none;
     }

     button.transaction-time {
          display: none;
     }

     button.zero-financial {
          display: none;
     }

     .nextgeneration {
          display: none;
     }

     .section-market.benefits {
          padding: 0px 0 30px 0;
     }

     section.section2.full-width h2 {
          font-size: 44px;
          line-height: 60px;
     }

     .Personalized-section {
          padding: 76px 40px 76px 40px;
     }

     .swiper.mobileSwiper {
          height: 100%;
          padding: 0 0 50px 0;
     }

     .main-section.quick_business {
          margin-top: 50px;
     }

     .efficient_section.desktop-screen-image {
          padding: 0;
     }

     .right_side {
          padding-left: 0;
     }

     .left_side {
          padding-right: 0;
     }

     section.main-section.mobile-app-sec {
          padding-bottom: 30px;
     }

     .business_heading h1 {
          padding-bottom: 0;
     }

     .mobileSwiper .swiper-slide {
          height: auto;
     }

     .screen-slider {
          padding: 70px 30px 0px 30px;
     }

     .business_title {
          padding-bottom: 50px;
     }

     .scheduled_payments {
          height: auto;
     }

     .screen-detail h3 {
          width: auto;
          font-size: 36px;
          line-height: 49px;
     }

     .screen-detail {
          padding: 48px 30px 6px 30px;
          width: auto;
     }

     .mobile-screen {
          padding: 4px 0px 0px 0px;
     }

     img.mobile-screen-second {
          display: none;
     }

     img.mobile-screen-second {
          position: relative;
          display: block;
     }

     .mobile-screen.mobile-second img.mobile-screen-second {
          left: 0;
          position: relative;
          bottom: 0;
          top: 61%;
          z-index: 1;
          width: 248px;
          right: auto;
          margin: auto;
     }

     img.screen-second {
          display: none;
     }

     .mobile-screen {
          padding: 4px 0px 0px 0px;
     }

     .screen-detail p {
          font-size: 16px;
          line-height: 1.3;
          color: #FFFFFF;
          opacity: 0.8;
          padding: 15px 15px 15px 15px;
          text-align: center;
     }

     section.main-section.nextgen-banking {
          padding: 0px 33px;
     }

     .nextgen-banking .banking-title h3 {
          font-size: 27px;
          line-height: 39px;
     }

     .nextgen-banking .banking-detail p {
          font-size: 18px;
          line-height: 30px;
          color: #000000;
     }

     .download-app-playstore h4 {
          width: auto;
          font-family: 'es_rebond_grotesqueregular';
          font-style: normal;
          font-weight: 500;
          font-size: 31px;
          line-height: 39px;
          text-align: center;
          color: #000000;
     }

     .quickbank-screen.quickbank-money {
          padding: 0px 0 0 0px;
     }

     section.main-section,
     .main-section.background-blur {
          padding: 50px 30px 0;
     }

     section.main-section.eco-section {
          padding: 70px 30px 0;
     }

     .main-section.reward-sec {
          padding: 70px 30px 70px;
     }

     .app-half-circle .expenses-wallet {
          margin-bottom: 0;
     }

     .expenses-wallet {
          margin-bottom: 30px;
     }

     section.main-section.download-app {
          padding: 60px 30px;
     }

     section.main-section.download-app .images {
          display: none;
     }

     .download-app-playstore {
          padding-top: 0;
     }

     .download-app::before {
          border-radius: 0;
     }

     .middle-three .expenses-detail {
          margin-top: 60px;
     }

     .middle-three .expenses-detail.quickmart_store_deatil {
          margin-top: 0;
     }

     .section-market.map {
          padding: 30px 0 0px 0;
     }

     .order-sm-2 {
          order: 2;
     }

     .order-sm-1 {
          order: 1;
     }

     .tab-wrapper {
          margin-top: 70px;
     }

     .tablist-view {
          flex-direction: column;
          justify-content: center;
          align-items: center;
     }

     ul.individuals-benefits {
          margin-top: 30px;
     }

     p.individuals-detail {
          width: 100%;
     }

     .tabcontent {
          text-align: center;
     }

     .tab-section .sign-me.black-sign-up button {
          margin: auto;
     }

     .main-section.tab-section {
          padding: 50px 15px !important;
     }

     .mobile-screen-images img.screen-1,
     .mobile-screen-images img.screen-2 {
          height: 400px;
     }

     .partner-heading h3,
     .superfast-network h4,
     .FAQ-title h3,
     .tab-section h1 {
          font-size: 40px;
          line-height: 55px;
     }

     section.our_client {
          padding-bottom: 0;
     }

     img.responsive-img {
          display: block;
     }

     .expenses-wallet.abeo-wallet .abeo-child-img.one {
          left: 10%;
          bottom: 30%;
          width: 12%;
     }

     .expenses-wallet.abeo-wallet .abeo-child-img.two {
          left: 21.5%;
          top: 41%;
     }

     .expenses-wallet.abeo-wallet .abeo-child-img.four {
          right: 21%;
          top: 14%;
     }

     .expenses-wallet.abeo-wallet .abeo-child-img.three {
          right: 13%;
     }

     /*shivani css */
     .business_heading {
          text-align: center;
          padding: 0px;
     }

     .title_slider h2 {
          font-size: 30px;
          line-height: 40px;
     }

     .title_slider h2 {
          padding-bottom: 12px;
     }

     .scheduled_payments img {
          width: 5%;
     }

     .payments_details {
          left: 0;
          width: 100%;
     }

     .manage_business {
          padding: 0px 0 30px 0;
     }

     .florish_business p {
          font-size: 19px;
     }

     .sign-me.black-sign-up.touch-btn {
          margin-left: 0;
          width: 100%;
          padding-top: 0;
          margin-top: 0;
     }

     .sign-me.black-sign-up button {
          width: auto;
          justify-content: center;
     }

     .expenses-detail.quick-cash .sign-me {
          display: flex;
          justify-content: center;
     }

     .site_footer .were_here_assist {
          display: flex;
          justify-content: start;
          padding-top: 0px;
     }

     .site_footer .were_here_assist p {
          font-size: 16px;
          line-height: 22px;
     }

     section.testimonial-section {
          width: auto;
     }

     .row.justify-content-center.customer-says {
          padding: 0px 30px 50px 30px;
     }

     .testimonials-2 {
          padding-left: 0px;
     }

     .side-img {
          left: 0;
          right: 0
     }

     img.img-responsive.desktop-img.cash-img {
          width: 100%;
          display: flex;
          align-items: center;
          text-align: center;
          margin: auto;
          left: 0;
     }

     .vertical-payment-slider {
          padding: 70px 30px 50px;
     }

     /*Preloader*/
     .preloader-section .odometer,
     .preloader-section .coin {
          font-size: 40px;
     }

     .logo-section {
          padding: 50px 20px;
          text-align: center;
     }

     .side-img {
          position: relative;
          bottom: 0;
     }

     .preloader-section .coin {
          left: -15%;
     }

     .preloader-section .coin svg {
          width: 30%;
     }

     .preloader-section .odometer {
          font-size: 60px;
          line-height: 80px;
     }

     .loader-wrapper .inner-html {
          width: 100%;
          font-size: 28px;
          line-height: 38px;
     }
}

@media only screen and (max-width: 600px) {
     .header .logo img {
          width: 9em;
     }

     .mobileSwiper .swiper-slide {
          margin-right: 20px !important;
     }

     .card_block p {
          width: auto;
     }

     section.main-section.quick_business {
          padding: 0px 15px 0;
     }

     .middle-expenses-block .expenses-detail h4,
     .tab-expenses .expenses-detail h4 {
          font-size: 43px;
          line-height: 50px;
     }

     .section1.cash-transection .c-desc {
          font-size: 26px;
          line-height: 44px;
     }

     .chiil-text .expenses-wallet,
     .chiil-text .expenses-wallet img {
          margin-bottom: 0;
     }

     .tab-benefit-img .bg-height,
     .download-img.tab-benefit-img {
          width: 100%;
     }

     .chat-icon {
          width: 20%;
     }

     .expenses-wallet.chilling-side {
          margin-top: 50px;
     }

     .unlock-reward .reward-details {
          padding: 50px 0px 70px 0px;
     }

     .vertical-payment-slider .pay.eight {
          width: 44%;
     }

     .vertical-payment-slider .pay.nine {
          width: 40%;
     }

     img.responsive-img {
          display: block;
     }

     .section1.cash-transection {
          padding: 50px 0 0 0;
     }

     .qc-wallet .pin-animated {
          top: 20%;
     }

     .banner_heading h1 {
          font-size: 40px;
          line-height: 56px;
     }

     .preloader-section .coin {
          left: -14%;
          top: -32%;
     }

     section.main-section.eco-section.benefit {
          padding: 0 30px 40px;
     }

     .sign-me.black-sign-up.touch-btn {
          margin-top: 30px;
     }

     section.main-section.background-section-bg {
          padding: 50px 15px 100px;
     }

     .eco-section .section-market {
          padding: 0;
     }

     .preloader-section .odometer {
          font-size: 50px;
          line-height: 70px;
     }

     section.reward-sec {
          padding: 50px 30px 50px;
     }

     .nextgen-banking .banking-title h3,
     .tab-section h1,
     .partner-heading h3,
     .superfast-network h4,
     .FAQ-title h3 {
          font-size: 38px;
          line-height: 53px;
     }

     .Personalized-section {
          padding: 50px 40px 50px 40px;
     }

     .mobile-screens .screen-detail {
          padding: 50px 15px 50px;
     }

     .inbox-child-img {
          top: 9%;
     }

     .testimonial-section .container-fluid.testimonial-inner-block {
          width: 100%;
          padding: 0 15px;
     }

     .section1.cash-transection .c-desc {
          padding: 0 15px;
     }

     section.testimonial-section {
          padding: 50px 0 10px;
     }

     .middle-expenses-block .expenses-detail h4,
     .tab-expenses .expenses-detail h4 {
          font-size: 32px;
          line-height: 42px;
     }

     section.main-section {
          padding: 50px 15px 0;
     }

     section.main-section.download-app {
          padding: 50px 15px 30px;
     }

     .main-section.tab-expenses {
          padding: 0 15px;
     }

     .section-inbox .expenses-wallet {
          margin-top: 0;
     }

     .section-market.section-inbox {
          padding-top: 40px;
     }

     .inbox-child-img.two {
          right: 17%;
     }

     .expenses-wallet.abeo-wallet .abeo-img {
          width: 70%;
     }

     .main-section.tab-section {
          margin-bottom: 50px;
     }

     .panel_detail h3 {
          width: 100%;
     }

     .expenses-wallet.abeo-wallet .abeo-child-img.four {
          right: 17%;
          top: 17%;
          width: 14%;
     }

     .expenses-wallet.abeo-wallet .abeo-child-img.three {
          right: 10%;
     }

     .expenses-wallet.abeo-wallet .abeo-child-img.one {
          left: 7%;
     }

     .chat_screen {
          padding-bottom: 40px;
     }

     .chatting-idea .expenses-detail {
          margin-top: 0px;
     }

     .row.car-img.meet_abeo .expenses-detail {
          margin-top: 0;
     }

     .section-market.chatting-idea .expenses-detail {
          margin-top: 30px;
     }

     .expenses-wallet.chat-wallet .chat-child-img.five {
          top: 7%;
     }

     .expenses-wallet.chat-wallet .chat-child-img.four {
          top: 8%;
     }

     .main-section.contact-sec {
          padding: 60px 15px 0;
     }

     .expenses-wallet.chat-wallet .chat-child-img.three {
          top: 22%;
          right: 0;
     }

     .expenses-wallet.chat-wallet {
          margin-top: 30px;
     }

     .expenses-detail.location-detail span.forward-location {
          margin-bottom: 20px;
     }

     .chill-sub-img {
          left: 27%;
          top: 2%;
          width: 11%;
     }

     .screen-slider .title_slider {
          margin-bottom: 0;
     }

     .chill-sub-img.two {
          width: 11%;
     }

     .chill-sub-img.three {
          right: 11%;
          top: -4%;
          width: 18%;
     }

     .cash-transection .list-item-zeo {
          margin: 30px 15px 100px 15px;
     }

     .preloader-section .afterText {
          font-size: 35px;
          line-height: 46px;
     }

     .tab-wrapper {
          padding: 0 15px;
     }

     .preloader-section .inner-html {
          font-size: 26px;
          line-height: 40px;
     }

     .invite-section {
          justify-content: center;
          flex-direction: column;
          align-items: flex-start;
     }

     .invite-friend-wrapper {
          margin-top: 30px;
     }

     .expenses-detail.quick-cash h4 {
          font-size: 40px;
          line-height: 52px;
     }

     section.main-section,
     .main-section.background-blur {
          padding: 50px 15px 0;
     }

     .faq-section {
          padding: 0 15px;
     }

     .slider-main-wrapper .swiper {
          height: 100%;
     }

     .unlock-reward a {
          font-size: 15px;
     }

     img.screen-second {
          display: none;
     }

     .client-logo ul li {
          justify-content: center;
     }

     .quickbank-screen.quickbank-money {
          padding: 0px 0 0 0px;
     }

     .quickbank-screen {
          padding: 0px 0 0px 0px;
     }

     .quickbank-request {
          padding: 0px 0 0 0;
     }

     img.keep-expreses {
          width: 100%;
     }

     .swiper.mobileSwiper {
          padding: 50px 0 30px;
     }

     .expenses-detail h4 {
          font-family: 'es_rebond_grotesqueregular';
          font-style: normal;
          font-weight: 500;
          font-size: 20px;
          line-height: 32px;
          color: #000000;
          padding-top: 0;
     }

     .meet_abeo .expenses-detail h4,
     .section-market.chatting-idea .expenses-detail h4 {
          font-size: 35px;
          line-height: 42px;
     }

     .expenses-detail {
          padding: 0px 0px;
     }

     .middle-three .tab-expenses .expenses-detail {
          margin-top: 30px;
     }

     .expenses-detail p {
          width: auto;
          font-family: 'avertasemibold';
          font-style: normal;
          font-weight: 400;
          font-size: 15px;
          line-height: 25px;
          color: #131313;
     }

     .tab-inner {
          padding: 0 15px;
     }

     .partner-heading h3,
     .superfast-network h4,
     .FAQ-title h3,
     .tab-section h1 {
          font-size: 30px;
          line-height: 45px;
     }

     .partner-heading h3 {
          padding: 0 15px;
     }

     .cashflow ul li {
          line-height: 23px;
          margin-bottom: 13px;
          padding-left: 0px;
     }

     .mobile-screen-images img.screen-1,
     .mobile-screen-images img.screen-2 {
          height: 250px;
     }

     .superfast-network {
          padding: 50px 15px 50px 15px;
     }

     .sign-me.black-sign-up button {
          padding: 15px 30px;
     }

     .header-holder {
          padding: 30px 15px;
     }

     .cashflow {
          margin-bottom: 31px;
     }

     .download-app-playstore {
          padding: 0;
     }

     .quick-money p {
          padding: 0 18px;
     }

     .expenses-detail.quick-cash h4 {
          width: auto;
     }

     section.main-section.eco-section {
          padding: 50px 15px 0;
     }

     .main-section.reward-sec {
          padding: 50px 15px 50px;
     }

     section.main-section.eco-section.benefit {
          padding: 0 15px 40px;
     }

     .full-section {
          padding: 0;
     }

     .container {
          width: auto;
     }

     .get_in_touch .get_in_touch_text {
          display: block;
     }

     .get_in_touch {
          padding: 60px 20px;
     }

     .form__field {
          width: 100%;
     }

     .site_footer .footer_top {
          padding: 50px 20px;
     }

     .site_footer .copyright {
          display: block;
          padding: 15px 13px 22px 13px;
     }

     .site_footer .copyright .copyright_text {
          display: block;
          align-items: center;
     }

     .money-section {
          padding: 50px 20px;
     }

     .section1 {
          background: rgba(40, 58, 142, 1);
          padding: 20px 0 20px 0;
     }

     .full-section.accordion-section {
          padding-top: 50px;
     }

     img.img-responsive {
          display: block;
     }

     img.img-responsive.desktop-img.cash-img {
          display: block;
     }

     img.cash-img {
          width: 100%;
          position: absolute;
          left: -103px;
          top: 185px;
     }

     .testimonial-section .container-fluid {
          width: 100%;
          padding: 0 15px;
     }

     .row.justify-content-center.customer-says {
          padding: 0px 15px 50px 15px;
     }

     h3.testimonial-title {
          font-size: 14px;
          line-height: 21px;
     }

     .testimonials-1 span {
          font-size: 14px;
     }

     .FAQ-title h3 {
          padding: 50px 0 0;
     }

     .customer-says h3 {
          font-size: 30px;
          line-height: 45px;
     }

     .get_in_touch h2 {
          font-size: 24px;
          line-height: 36px;
     }

     .accordion-flush {
          width: auto;
          padding-bottom: 50px;
     }

     .vertical-payment-slider {
          padding: 50px 15px 50px 15px;
     }

     .site_footer .were_here_assist h2 {
          text-align: left;
          font-size: 24px;
     }

     .assist {
          text-align: left;
          padding-bottom: 0px;
     }

     .inbox-child-img.two {
          right: 17%;
          top: 0;
     }

     .site_footer .were_here_assist p {
          text-align: left;
     }

     .media_link a {
          padding: 20px 20px;
     }

     .footer_menu.w-100 {
          padding: 50px 0 0 0;
     }

     .car-img {
          display: flex;
          flex-direction: column-reverse;
     }

     .row.car-img.meet_abeo,
     .row.car-img.received-ticket {
          flex-direction: column;
     }

     section.section2.full-width {
          padding: 20px 15px 0 15px;
     }

     .section-market {
          padding: 20px 15px 20px 15px;
     }

     .section-market.chat-box {
          padding-bottom: 0;
     }

     section.section2.full-width p {
          padding: 0 20px;
          margin-bottom: 50px;
     }

     img.img-fluid.quick-market-img.keep-expreses {
          padding: 0 30px;
     }

     .reward-details {
          padding: 50px 30px 50px;
          color: #ffffff;
     }

     .reward-details .sign-me {
          display: flex;
          justify-content: center;
     }

     section.section2.full-width h2 {
          font-size: 34px;
          line-height: 50px;
     }

     .eco-section .expenses-detail h4 {
          font-size: 30px;
          line-height: 45px;
          margin-bottom: 20px;
     }

     .expenses-wallet {
          margin-bottom: 0;
     }

     .reward-details p {
          font-size: 18px;
          line-height: 32px;
          margin-bottom: 40px;
          text-align: center;
     }

     .global-process {
          padding: 35px 30px;
          margin-bottom: 30px;
     }

     .transction-section {
          padding: 0px 0px;
     }

     .form {
          display: block;
     }

     .get_in_touch .form {
          margin-top: 0;
     }

     .partner-heading {
          padding-bottom: 0;
     }

     .client-logo ul {
          padding-top: 0;
     }

     section.section3.full-width {
          padding: 50px 20px 0 20px;
     }

     section.section3.full-width h2 {
          font-size: 34px;
          line-height: 50px;
     }

     section.section3.full-width p {
          font-size: 16px;
          line-height: 28px;
     }

     section.section3.full-width a {
          font-size: 16px;
          line-height: 28px;
     }

     .contact-sec .row.justify-content-between.align-items-center.benefit {
          display: flex;
          flex-direction: column;
     }

     button.btn.btn-primary {
          margin: 24px 0;
          width: 100%;
          background-color: #283A8E;
     }

     .form-slider {
          display: block !important;
          justify-content: space-between;
     }

     .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
          display: none;
     }

     .holder {
          width: auto !important;
          z-index: 4;
          overflow: hidden;
     }

     .row.simple-sign-up {
          display: block !important;
          justify-content: space-between;
     }

     .login-heading {
          display: none;
     }

     .login-header {
          width: 100% !important;
          background-color: transparent;
          position: relative;
          height: 10vh !important;
          z-index: 5;
          -webkit-transition: background-color 0.4s ease-out;
          transition: background-color 0.4s ease-out;
          align-items: center;
     }

     .sign-up-form .sign-up {
          float: none !important;
          position: static !important;
     }

     .logo-section {
          padding: 60px 27px;
     }

     .sign-up-form {
          width: auto !important;
          padding: 30px 15px !important;
     }

     .form-slider .sign-up-form .sign-up h3 {
          text-align: center;
     }

     .payments_store.swiper-container {
          width: auto;
     }

     .row.car-img.meet_abeo .expenses-detail {
          width: auto;
     }

     img.quick-market-img.panel-img {
          padding-left: 0px;
     }

     .quick-money h3 {
          font-size: 28px;
          line-height: 40px;
     }

     .scroll-to-home {
          left: 50%;
          right: auto;
          transform: translateX(-50%);
     }

     .section1 p {
          width: auto;
          margin: auto;
          font-size: 24px;
          line-height: 40px;
          text-align: center;
     }

     ul.zero-cost {
          padding-left: 0;
     }

     .zero-cost li {
          font-size: 16px;
          line-height: 24px;
     }

     .site_footer .copyright ul {
          display: flex;
          border-left: none;
          margin-bottom: 0px;
          padding-bottom: 8px;
     }

     .site_footer .copyright .copyright_text p {
          font-size: 15px;
     }

     .site_footer .copyright ul li a {
          font-size: 16px;
          line-height: 18px;
     }

     ul.privacy-list {
          padding-left: 2px;
     }

     .site_footer .copyright .copyright_text {
          font-size: 18px;
          line-height: 29px;
     }

     img.img-fluid.quick-market-img.keep-expreses.quick-market-img.panel-img {
          max-width: none;
     }

     .business_banner img {
          width: 100%;
          height: 320px;
          object-fit: cover;
          left: 0;
          right: 0;
     }

     .business_heading h1 {
          font-family: 'ES Rebond Grotesque';
          font-style: normal;
          font-weight: 500;
          font-size: 24px;
          line-height: 36px;
          text-align: center;
          letter-spacing: -0.02em;
          color: #000000;
     }

     .payments_details p {
          width: auto;
          font-size: 17px;
          line-height: 26px;
     }

     .left_points .scheduled_payments p {
          width: auto;
     }

     .right_points .scheduled_payments p {
          width: auto;
     }

     .florish_business {
          padding: 40px 15px 0 15px;
     }

     .scheduled_payments {
          width: auto;
          margin-bottom: 45px;
          display: flex;
          max-height: none;
          position: relative;
          max-width: 100%;
          margin-bottom: 20px;
          height: auto;
     }

     .business_heading a {
          width: auto;
     }

     .business_title {
          display: block;
     }

     .title_slider h2 {
          padding-bottom: 0;
     }

     .right_points {
          padding-left: 0px;
     }

     .florish_business {
          display: block;
          margin-bottom: 0;
     }

     .florush_detail {
          padding: 0px 0 0px 0px;
     }

     .grow_business {
          width: auto;
     }

     .left_side {
          text-align: left;
     }

     .exclusive_api p {
          text-align: left;
     }

     .left_side,
     .right_side {
          width: auto;
     }

     .slide-1 {
          margin-bottom: 20px;
     }

     .center_side {
          display: block;
          width: auto;
     }

     .site_footer .footer_block p {
          width: auto;
     }

     .bg_img {
          display: none;
     }

     .florish_img img {
          padding: 28px 0 0 0;
          width: auto;
          margin: auto;
          display: block;
     }

     .title_slider.grow_business h2 {
          font-size: 24px;
          line-height: 36px;
          font-weight: 500;
          letter-spacing: -0.02em;
     }

     .payments_details {
          padding-left: 35px;
     }

     .screen-slider {
          padding: 0 20px;
     }

     .main-section.florish {
          padding: 15px 15px !important;
     }

     section.main-section.hide-screen .grow_business p {
          padding-bottom: 20px;
     }

     .business_exp .business_heading h1 {
          font-size: 34px;
          line-height: 50px;
     }

     .efficient_section {
          padding: 0 0 50px 0;
     }

     .mobileSwiper .swiper-slide {
          padding-right: 0px;
          margin-bottom: 90px;
     }

     .business_banner.align-items-center.image-responsive {
          padding-bottom: 72px;
     }

     .manage_business {
          padding: 0 0 0 0;
     }

     section.main-section.hide-screen {
          padding: 60px 15px;
     }

     .download-img.business-img .fade-img,
     .download-img.business-img .bg-height,
     .download-img.business-img {
          height: 350px;
     }

     section#onePage {
          display: none;
     }

     .quickbank-screen.quick_cheque .mobile-screen img {
          display: block;
     }

     .accordion img {
          display: block;
     }

     ul.individuals-benefits li {
          display: flex;
          font-size: 15px;
     }

     .client-logo ul {
          display: block;
     }

     section.faq-section {
          margin-top: 7%;
     }

     .app-link {
          display: block;
          padding-bottom: 40px;
     }

     .superfast-network h4 {
          font-size: 20px;
          line-height: 35px;
     }

     .app-link a {
          width: 121px;
          height: 45px;
          padding: 15px 15px;
          margin: 0 5px;
          display: inline;
     }

     .detail-text {
          display: flex;
          flex-direction: column-reverse;
     }

     section.main-section.tab-section {
          display: none;
     }

     .mobileSwiper .swiper-slide {
          margin-bottom: 0;
     }

     .business_heading a {
          margin: 0;
     }

     .manage_business .business_heading a {
          margin-top: 20px;
     }

     /****Business page*/
     .grow_business p {
          padding-bottom: 0px;
     }

     .quickbank-screen .mobile-screen img,
     .quickbank-request .mobile-screen img,
     .quickbank-screen.quick_cheque .mobile-screen img {
          height: 419px;
     }

     /*shivani footer css*/
     .site_footer .were_here_assist h2 {
          text-align: left;
          font-size: 24px;
          margin-bottom: 20px;
     }

     .site_footer .were_here_assist {
          display: flex;
          justify-content: center;
          padding-top: 0px;
     }

     .assist {
          text-align: left;
          padding-bottom: 0px;
          padding-top: 50px;
     }

     .site_footer .were_here_assist p {
          text-align: left;
          font-size: 16px;
          line-height: 22px;
          padding: 20px 0 30px;
     }

     .media_link a {
          padding: 20px 20px;
     }

     .site_footer .copyright .copyright_text p {
          padding-left: 0px;
          padding-bottom: 10px;
     }

     .site_footer .copyright ul li a {
          font-size: 16px;
          line-height: 18px;
     }

     ul.privacy-list li a {
          text-decoration: none;
          padding: 0 15px 0px 2px;
     }

     .parent-div {
          padding: 0 15px;
     }

     footer .footer_block,
     .footer_menu,
     .were_here_assist,
     .site_footer .assist h2,
     a.email-quickbank,
     .site_footer .were_here_assist p,
     .craftedby_text p,
     .site_footer .copyright .copyright_text {
          text-align: center;
     }

     ul.social-link,
     .site_footer .were_here_assist,
     .site_footer .media_link,
     .site_footer .copyright ul {
          justify-content: center;
     }

     .tabcontent {
          padding: 50px 0 0;
     }

     section.main-section.quick-money-sec {
          padding: 50px 15px 0;
     }

     .img-mobile-circle .m-receive-img {
          width: 50%;
          transform: rotate(-9deg) translateX(0);
     }
}

@media(max-width:479px) {
     .mobileSwiper .slide-1 {
          height: 606px;
     }

     .mobileSwiper .slide-1 p {
          line-height: 1.3;
     }

     .mobileSwiper .swiper-slide img {
          width: 260px;
     }

     .preloader-section .inner-html {
          font-size: 22px;
          line-height: 35px;
     }

     .preloader-section .coin {
          left: -16%;
          top: -27%;
     }

     .banner_heading h1,
     .nextgen-banking .banking-title h3,
     .tab-section h1,
     .partner-heading h3,
     .superfast-network h4,
     .FAQ-title h3,
     .screen-detail h3 {
          font-size: 26px;
          line-height: 38px;
     }

     .tab-benefit-img .bg-height,
     .download-img.tab-benefit-img {
          height: 164px;
     }

     .qc-wallet .download-img,
     .qc-wallet .bg-height,
     .qc-wallet .download-img .fade-img {
          height: 280px;
          object-position: left;
     }

     .vertical-payment-slider .pay.three {
          width: 55%;
     }

     .vertical-payment-slider .pay.seven {
          width: 50%;
     }

     .screen-detail h3 {
          line-height: 1.2;
     }

     .qc-wallet .m-profile-img {
          margin-top: 30px;
     }

     .preloader-section .coin svg {
          width: 17%;
     }

     .main-section.florish .download_btn {
          padding: 21px 20px 21px 20px;
     }

     .qc-wallet .pin-animated {
          position: static;
          width: 100%;
          margin-top: 30px;
     }

     .qc-wallet .qc-arrow {
          right: 0;
     }

     .qc-wallet .m-profile-img {
          width: 100%;
     }

     .preloader-section .odometer {
          font-size: 35px;
          line-height: 50px;
     }

     .unlock-reward a {
          padding: 20px 15px;
     }

     .preloader-section .afterText {
          font-size: 25px;
          line-height: 36px;
     }

     .tablist-view .nav-link {
          font-size: 17px;
          line-height: 30px;
     }

     .benefits-list .tab-benefit-img img {
          height: 164px;
          object-fit: cover;
     }

     .scheduled_payments img {
          width: 6%;
     }

     .main-section.quick_business {
          padding: 0 15px;
     }

     .manage_business .payments_details {
          padding-left: 45px;
     }

     .section-market.chatting-idea .expenses-detail h4 {
          font-size: 30px;
          line-height: 45px;
     }

     .business_heading a {
          line-height: 30px;
     }

     .section-market.chatting-idea .expenses-detail .chat-icon {
          width: 14%;
     }

     .expenses-detail.quick-cash h4 {
          font-size: 30px;
          line-height: 42px;
     }

     .vertical-payment-slider .pay.five {
          width: 40%;
     }

     .section-market.benefits .expenses-detail h4 {
          margin-bottom: 20px;
     }

     .download-img.business-img .fade-img,
     .download-img.business-img .bg-height,
     .download-img.business-img {
          height: 250px;
     }

     .slide-1 h5 {
          padding-top: 20px;
     }

     ul.individuals-benefits li img {
          padding-right: 20px;
          width: 40px;
          height: 20px;
     }

     .superfast-network .app-link a {
          width: auto;
          height: auto;
          padding: 20px 15px;
     }

     .superfast-network .app-link {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
     }

     .media_link {
          display: flex;
          align-items: center;
          flex-direction: column;
     }

     .business_exp .business_heading h1 {
          font-size: 28px;
          line-height: 42px;
     }

     .title_slider h2 {
          font-size: 26px;
          line-height: 38px;
     }

     .swiper.mobileSwiper {
          padding: 30px 0 30px;
     }

     .qm-img.one {
          width: 27%;
     }

     .quick-ride-wallet .qr-img.six {
          bottom: 0;
          right: 31%;
          width: 20%;
     }

     .quick-ride-wallet .qr-img.five {
          left: 11%;
          width: 74%;
     }

     .quick-ride-wallet .qr-img.seven {
          left: 42%;
          top: 9%;
     }

     .qf-img.six {
          width: 30%;
     }

     .qf-img.four {
          bottom: 15%;
          left: 21%;
          width: 61%;
     }

     .qf-img.two {
          bottom: 37px;
     }

     .qf-img.one {
          width: 68%;
     }

     .qf-img.five {
          bottom: 14%;
          left: 15%;
          width: 7%;
     }

     .qf-img.three {
          bottom: 30px;
     }
}

@media(max-width:380px) {
     .img-mobile-circle .half-circle {
          width: 300px;
          height: 132px;
     }

     .img-mobile-circle .m-receive-img {
          width: 60%;
     }

     .mobileSwiper .swiper-slide img {
          width: 250px;
     }
}