@media (min-width: 1600px) and (max-width: 1920px) {
.section-active-ecomerce .slider-content {
    text-align: left;
    padding-right: 10%;
    height: 630px;
}
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
        overflow-x: hidden;
        width: 100%;
    }

    .container-xxl {
        max-width: 95%;
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
        width: 1440px;
    }

    .mobile-customer {
        position: absolute;
        left: 16.5%;
        top: 260px;
    }

    .mobile-merchant {
        position: absolute;
        right: 13%;
        top: 260px;
    }
    .img-fluid {
        max-width: 80%;
        height: auto;
    }

    
}
@media (min-width: 1441px) and (max-width: 1530px) {

    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
        overflow-x: hidden;
    }

    .container-xxl {
        max-width: 95%;
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
        width: 1440px;
    }
    .customer-text {
        position: relative;
        border-radius: 30px;
        width: 515px;
        height: 230px;
        background: rgba(71,71,71,0.6);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255,255,255,0.2);
        padding: 30px 35px;
        bottom: -150px;
        left: 4%;
        font-weight: 700;
    }
    .merchant-text {
        position: relative;
        border-radius: 30px;
        width: 515px;
        height: 230px;
        background: rgba(71,71,71,0.6);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255,255,255,0.2);
        padding: 30px 35px;
        bottom: -150px;
        right: -15%;
        font-weight: 700;
    }

    .section-blue-content h3 {
        font-size: 35px;
        margin-top: 0;
        padding-left: 60px;
        padding-bottom: 8px;
    }

    .section-regulatory-content .col-3 {
        flex: 0 0 auto;
        width: 32%;
    }

    .footer {
        background: #231837;
        display: block;
        min-height: 500px;
        padding: 5% 1% 2%;
        color: #fff;
    }
    
    .footer .footer-middle .useful-links {
        padding-left: 1%;
    }

    .footer .footer-middle .quick-links {
        padding-left: 8%;
    }
    .footer .footer-middle img {
        width: 125px;
    }

    .footer .footer-middle .social-media img {
        width: 37px;
        margin: 0px 6px !important;
    }
    .section-blue-three .content-jointoday p {
        font-size: 20px;
        line-height: 30px;
        text-align: left;
        padding: 0px 20% 30px 0px;
        margin: 0px 0px 0px;
    }
    .box.arrow-top::after {
        content: " ";
        position: absolute;
        left: 104px;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .tab-content2 {
        background: #fff;
        border-radius: 15px;
        width: 340px;
        height: auto;
        margin: 0% 0px 0px 26%;
        padding: 25px 10px 25px;
    }
    .box.arrow-top1::after {
        content: " ";
        position: absolute;
        left: 49%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .section-active-ecomerce .slider-content {
        text-align: left;
        padding-right: 10%;
        height: 530px;
    }
  }


@media (min-width: 1280px) and (max-width: 1440px) {

    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
        overflow-x: hidden;
    }

    .container-xxl {
        max-width: 95%;
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
        width: 1260px;
    }
    .customer-text {
        position: relative;
        border-radius: 30px;
        width: 515px;
        height: auto;
        background: rgba(71,71,71,0.6);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255,255,255,0.2);
        padding: 30px 35px;
        bottom: -150px;
        left: 4%;
        font-weight: 700;
    }
    .merchant-text {
        position: relative;
        border-radius: 30px;
        width: 515px;
        height: auto;
        background: rgba(71,71,71,0.6);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255,255,255,0.2);
        padding: 30px 35px;
        bottom: -150px;
        right: -15%;
        font-weight: 700;
    }

    .section-blue-content h3 {
        font-size: 35px;
        margin-top: 0;
        padding-left: 30px;
        padding-bottom: 8px;
    }
    .section-blue-content p {
    padding-right: 0px;
    padding-bottom: 30px;
    padding-left: 30px;
    font-size: 20px;
    color: #BAB4C5;
}

    .section-regulatory-content .col-3 {
        flex: 0 0 auto;
        width: 32%;
    }

    .footer {
        background: #231837;
        display: block;
        min-height: 500px;
        padding: 5% 1% 2%;
        color: #fff;
    }
    
    .footer .footer-middle .useful-links {
        padding-left: 1%;
    }

    .footer .footer-middle .quick-links {
        padding-left: 8%;
    }
    .footer .footer-middle img {
        width: 125px;
    }

    .footer .footer-middle .social-media img {
        width: 37px;
        margin: 0px 6px !important;
    }
    .section-blue-three .content-jointoday p {
        font-size: 20px;
        line-height: 30px;
        text-align: left;
        padding: 0px 20% 30px 0px;
        margin: 0px 0px 0px;
    }
    .box.arrow-top::after {
        content: " ";
        position: absolute;
        left: 104px;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .tab-content2 {
        background: #fff;
        border-radius: 15px;
        width: 340px;
        height: auto;
        margin: 0% 0px 0px 26%;
        padding: 25px 10px 25px;
    }
    .box.arrow-top1::after {
        content: " ";
        position: absolute;
        left: 49%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }

    .app-customize .carousel-indicators .active {
        opacity: 1;
        width: 50px !important;
        height: 50px !important;
        border: solid 6px #fff;
        margin-top: -10px;
    }
    .app-customize .carousel-indicators [data-bs-target] {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 25px;
        height: 25px;
        padding: 0;
        margin-right: 10px;
        margin-left: 10px;
        text-indent: -999px;
        cursor: pointer;
        background-clip: padding-box;
        border: solid 8px #fff;
        border-radius: 50%;
        opacity: 1;
    }
    .section-active-ecomerce .slider-content {
        text-align: left;
        padding-right: 10%;
        height: 440px;
    }

    div#preRegisterModal {
        --bs-modal-width: 55%;
        margin: auto;
        top: 8%;
    }

    .section-blue-three-content .joining-links .signup-customer {
        width: 236px; 
    }

    .section-blue-pricing-two img {
        width: 80%;
    }

    .topmenu .nav-item {
        margin: 0px 10px;
    }

    .topmenu .nav-item:first-child {
        margin-left: 0px;
    }

    .topmenu .joining-links .signup-merchant  {
        width: 100%;
        height: 45px;
        line-height: 20px;
        margin: 0px 0px 0px 10px;
         padding: 10px 5px;
    }
   .topmenu .joining-links .signup-customer {
        width: 100%;
        height: 45px;
        line-height: 20px;
        margin: auto;
        padding: 10px 0px;
    }
    .logo img {
        width:200px;
    }

    .topmenu .joining-links .signup-merchant-login {
        background: rgb(255, 170, 112);
        background: linear-gradient(177deg, rgba(255, 170, 112, 1) 0%, rgba(239, 96, 0, 1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 16px; 
        font-weight: 700;
        padding: 10px 15px;
        border-radius: 36px; 
        display: block;
        cursor: pointer;
        margin: 0px 10px 0px 0px;
        width: 160px;
        height: 45px;
        line-height: 20px;
    }

 .topmenu .joining-links {
    margin: 4px auto 0;
}

.merchant-text h2 br {
    display: none;
}

.mobile-merchant {
    position: absolute;
    right: 7%;
    top: 40%;
    z-index: -1;
}
  }


@media (min-width: 1024px) and (max-width: 1279px) {    

    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
        overflow: hidden;
    }

    .container-xxl {
        max-width: 95%;
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
        width: 1260px;
    }
    .logo img {
        width: 200px;
    }

    .copyrights img {
        width: 200px;
    }

    .topmenu {
        background: #fff;
        width: 95%;
        max-width: 100%;
        border-radius: 60px;
        height: 95px;
        box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.2);
        margin: 30px auto;
    }
    .topmenu .nav-item {
        margin: 0px 17px;
    }

    .topmenu .nav-item a {
        font-size: 20px;
        font-weight: 700;
        color: #474747;
    }

    .topmenu .register .downloadapp a {
        background: rgb(255, 170, 112);
        background: linear-gradient(177deg, rgba(255, 170, 112, 1) 0%, rgba(239, 96, 0, 1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        padding: 10px 18px;
        border-radius: 36px;
        width: 160px;
        height: 62px;
        line-height: 46px;
        display: block;
        margin-top: -4%;
        cursor: pointer;
    }

    .mobile-customer img.w-80 {
        width: 65%;
    }

    .mobile-merchant img.w-80 {
        width: 65%;
    }
    .home-banner {
        min-height: 550px;
    }
    .banner-text h1 {
        text-align: center;
        font-size: 40px;
        color: #000;
        font-weight: 700;
        margin: 125px auto 0px;
    }

    .customer-text {
        position: relative;
        border-radius: 30px;
        width: 85%;
        height: 200px;
        background: rgba(71,71,71,0.6);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255,255,255,0.2);
        padding: 30px 30px;
        bottom: -130px;
        left: 4%;
        font-weight: 700;
    }
    .customer-text h2 {
        font-size: 25px;
        line-height: 35px;
        color: #fff;
    }

    .merchant-text br {
        display: none;
    }
    .merchant-text {
        position: relative;
        border-radius: 30px;
        width: 85%;
        height: 200px;
        background: rgba(71,71,71,0.6);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255,255,255,0.2);
        padding: 30px 30px;
        bottom:-130px;
        right: -13%;
        font-weight: 700;
    }
    .merchant-text h2 {
        font-size: 25px;
        line-height: 35px;
        color: #fff;
    }
    .mobile-merchant {
        position: absolute;
        right: 1%;
        top: 200px;
    }
    .customer-text .button-signup, .merchant-text .button-signup { 
        padding: 0px 10px; 
        width: 180px;
    }
    .customer-text .button-learnmore, .merchant-text .button-learnmore {
        padding: 0px 10px; 
        width: 130px; 
    }

    .section-blue {
        background: #1A043F;
        display: block;
        min-height: 530px;
    }

    .section-blue .col-md-7, .section-blue .col-md-5 {
        flex: 0 0 auto;
        width: 50%;
    }
    .section-blue-content {
        font-size: 18px;
        line-height: 28px;
        color: #fff;
        padding: 50px 30px 0px 0px;
    }
    .section-blue-content img {
        width: 400px;
    }
    .section-blue-content h3 {
        font-size: 35px;
        margin-top: 0;
        padding-left: 30px;
        padding-bottom: 8px;
    }

    .section-blue-content p {
        padding-right: 25px;
        padding-bottom: 30px;
        padding-left: 30px;
        font-size: 18px;
    }

    .section-blue-secound-text .col-3 {
        margin: 50px auto 0px;
        flex: 0 0 auto;
        width: 55%;
    }

    .section-regulatory {
        background: url(../svg-annimation/Compliance.svg) no-repeat center top #F7F5FB;
        min-height: 665px;
        position: relative;
        background-size: 100%;
    }

    .section-regulatory-content {
        position: absolute;
        top: 90px;
        left: 30px;
        font-size: 20px;
        color: #1A043F;
    }

    .section-regulatory-content .col-3 {
        flex: 0 0 auto;
        width: 35%;
    }

    .section-regulatory-content p {
        font-size: 18px;
        color: #1A043F;
        line-height: 28px;
        padding-right: 10px;
    }

    .section-our-services {
        background: #F7F5FB;
        min-height: 650px;
        padding: 5% 5% 2.5%;
    }

    .section-our-services .phone_img-1.w-40,
    .section-our-services .phone_img-2.w-40 {
        height: 500px;
    }
    
    .section-our-services .col-md-6.d-flex.p-5 {
        flex: 0 0 auto;
        width: 40%;
        padding-right:0px !important;
    }
    .section-our-services .col-md-6.p-5 {
        flex: 0 0 auto;
        width: 60%;
        padding-left:0px !important;
    }
    .section-our-services .our-services-content p {
        font-size: 18px;
        color: #474747;
        line-height: 28px;
        text-align: left;
        padding: 0px 0px 20px;
        margin: 0px 0px 0px;
    }
    .section-instapay-numbers h4 {
    font-size: 26px;
    margin-bottom: 20px;
    text-align: left;
    color: #fff;
    font-weight: 700;
    background: url(../images/underline.svg) left bottom no-repeat;
    padding-bottom: 25px;
}
.section-instapay-numbers .transaction {
    background: #263470;
    border-radius: 30px;
    text-align: left;
    padding: 35px 30px;
}

.section-instapay-numbers .payments {
    background: #EF6000;
    border-radius: 30px;
    text-align: left;
    padding: 35px 30px;
}

.transaction .col-md-7 {
    padding: 0px;
}
    .section-instapay-numbers p {
        font-size: 18px;
         
        line-height: 28px;
        text-align: center;
        padding: 0px 12% 20px;
        margin: 0px 0px 0px;
    }
    .section-instapay-numbers .col-md-4:last-child p {
        font-size: 18px;
        color: #474747;
        line-height:28px;
        text-align: center;
        padding: 0px 5% 20px;
        margin: 0px 0px 0px;
    }

    .section-blue-three .content-jointoday {
        margin: 28% 0px 0px 5%;
        color: #fff;
    }

    .section-blue-three-content .joining-links {
        margin: 20px 0px 0px 5%;
    }

    .section-blue-three-content .joining-links .signup-customer {
        /* background: rgb(255,170,112); */
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 15px;
        border-radius: 36px;
        width: 240px;
        height: 45px;
        display: block;
        cursor: pointer;
        margin: 0px 10px 0px 0px;
    }

    .section-blue-three-content .joining-links .signup-merchant {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 13px;
        border-radius: 36px;
        width: 240px;
        height: 45px;
        display: block;
        cursor: pointer;
        margin: 0px 10px 0px 0px;
    }

    .section-blue-three-content .joining-links .register-web {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 14px;
        border-radius: 36px;
        width: 200px;
        height: 45px;
        display: block;
        cursor: pointer;
        margin: 0px 0px 0px 0px;
    }

    .box.arrow-top::after {
        content: " ";
        position: absolute;
        left: 77px;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }

  

    .footer {
        background: #231837;
        display: block;
        min-height: 500px;
        padding: 5% 1% 2%;
        color: #fff;
    }

    .footer .footer-top p br{
        display: none;
    }
    
    .footer .footer-middle .useful-links {
        padding-left: 1%;
    }

    .footer .footer-middle .quick-links {
        padding-left: 6%;
    }

    .footer .footer-middle img {
        width: 105px;
    }

    .footer .footer-middle .social-media img {
        width: 30px;
        margin: 0px 6px !important;
    }

    .footer .footer-middle .social-media img:first-child {
        margin-left: 0px !important;
    }
    .footer .footer-middle .social-media img:last-child {
        margin-right: 0px !important;
    }
    .section-blue-three .content-jointoday p {
        font-size: 20px;
        line-height: 30px;
        text-align: left;
        padding: 0px 10% 20px 0px;
        margin: 0px 0px 0px;
    }

    .tab-content1 {
        background: #fff;
        border-radius: 15px;
        width: 340px;
        height: auto;
        margin: 0% 0px 0px -14%;
        padding: 25px 10px 25px;
    }
    .tab-content3 {
        background: #fff;
        border-radius: 15px;
        width: 340px;
        height: auto;
        margin: 0% 0px 0px 37%;
        padding: 25px 10px 25px;
    }
    .box.arrow-top1::after {
        content: " ";
        position: absolute;
        left: 51%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .box.arrow-top2::after {
        content: " ";
        position: absolute;
        right: 15%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }

    .footer-middle .col-md-3:first-child {
        flex: 0 0 auto;
        width: 33%;
    }

    .footer-middle .col-md-3:nth-child(2), 
    .footer-middle .col-md-3:nth-child(3) {
        flex: 0 0 auto;
        width: 20%;
    }

    .section-blue-three-content .w-70 {
        width: 81%;
    }
    .footer-middle .joining-links .tab-content4 {
        background: #fff;
        border-radius: 15px;
        width: 270px;
        height: auto;
        margin: 5% 0px 0px -11%;
        padding: 25px 10px 25px;
    }
    .footer-middle .joining-links .box.arrow-top4::after {
        content: " ";
        position: absolute;
        left: 38.5%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .footer-middle .joining-links .tab-content5 {
        background: #fff;
        border-radius: 15px;
        width: 270px;
        height: auto;
        margin: 5% 0px 0px -11%;
        padding: 25px 10px 25px;
    }
    .footer-middle .joining-links .box.arrow-top5::after {
        content: " ";
        position: absolute;
        left: 38.5%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .footer-middle .joining-links .signup-customer {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 15px;
        border-radius: 36px;
        width: 220px;
        height: 45px;
        display: block;
        cursor: pointer;
        margin: 10px 0px 10px;
    }
    .footer-middle .joining-links .signup-merchant {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 15px;
        border-radius: 36px;
        width: 220px;
        height: 45px;
        display: block;
        cursor: pointer;
        margin: 10px 0px;
    }
    
    .app-customize .carousel-indicators .active {
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
        border: solid 6px #fff;
        margin-top: -10px;
    }
    .app-customize .carousel-indicators [data-bs-target] {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 20px;
        height: 20px;
        padding: 0;
        margin-right: 10px;
        margin-left: 10px;
        text-indent: -999px;
        cursor: pointer;
        background-clip: padding-box;
        border: solid 8px #fff;
        border-radius: 50%;
        opacity: 1;
    }

    div#preRegisterModal {
        --bs-modal-width: 80%;
        margin: auto;
        top: 10%;
    }
    .section-blue-pricing-two img {
        width: 80%;
    }

    .topmenu .nav-item {
        margin: 0px 0px;
    }

    .topmenu .nav-item:first-child {
        margin-left: 0px;
    }

    .topmenu .joining-links .signup-merchant, .topmenu .joining-links .signup-customer {
        width: 100%;
        height: 60px;
        line-height: 20px;
    }
    .logo img {
        width:180px;
    }

    .tab-content2 {
        background: #fff;
        border-radius: 15px;
        width: auto;
        height: auto;
        margin: 0% 0px 0px 24%;
        padding: 25px 10px 25px;
        -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.63);
        -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.63);
        box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.63);
    }

    .box .login {
        background: rgb(255, 170, 112);
        background: linear-gradient(177deg, rgba(255, 170, 112, 1) 0%, rgba(239, 96, 0, 1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        border-radius: 36px;
        width: 140px;
        height: 48px;
        line-height: 34px;
        display: inline-block;
        margin-top: 10px;
        font-size: 18px;
        font-weight: 700;
        text-align: center;
        padding: 5px 10px;
    }

    .topmenu .joining-links .signup-merchant-login {
        background: rgb(255, 170, 112);
        background: linear-gradient(177deg, rgba(255, 170, 112, 1) 0%, rgba(239, 96, 0, 1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        padding: 10px 15px;
        border-radius: 36px;
     width: 130px;
        height: 60px;
        line-height: 20px;
        display: block;
        cursor: pointer;
        margin: 5px 10px 0px 0px;
    }

    .section-blue-one-merchant {
        background: #F7F5FB;
        display: block;
        min-height: 700px;
        padding: 3% 0% 3%;
        color: #000000;
    }
  }

  @media (min-width: 992px) and (max-width: 1023.99px) {    

    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
        overflow: hidden;
    }

    .container-xxl {
        max-width: 95%;
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
        width: 1260px;
    }
    .logo img {
        width: 200px;
    }
    
    .copyrights img {
        width: 200px;
    }
    
    .topmenu {
        background: #fff;
        width: 95%;
        max-width: 100%;
        border-radius: 60px;
        height: 95px;
        box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.2);
        margin: 30px auto;
    }
    .topmenu .nav-item {
        margin: 0px 16px;
    }

    .topmenu .nav-item a {
        font-size: 20px;
        font-weight: 700;
        color: #474747;
    }

    .topmenu .register .downloadapp a {
        background: rgb(255, 170, 112);
        background: linear-gradient(177deg, rgba(255, 170, 112, 1) 0%, rgba(239, 96, 0, 1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        padding: 10px 18px;
        border-radius: 36px;
        width: 160px;
        height: 62px;
        line-height: 46px;
        display: block;
        margin-top: -4%;
        cursor: pointer;
    }

    .mobile-customer img.w-80 {
        width: 65%;
    }

    .mobile-merchant img.w-80 {
        width: 65%;
    }
    .home-banner {
        min-height: 750px;
    }
    .banner-text h1 {
        text-align: center;
        font-size: 40px;
        color: #000;
        font-weight: 700;
        margin: 125px auto 0px;
    }

    .banner-text h2 {
        text-align: center;
        font-size: 25px;
        color: #000;
        font-weight: 500;
        margin: 5px auto 0px;
    }

    .customer-text {
        position: relative;
        border-radius: 30px;
        width: 85%;
        height: auto;
        background: rgba(71,71,71,0.6);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255,255,255,0.2);
        padding: 30px 29px;
        bottom: -250px;
        left: 4%;
        font-weight: 700;
    }
    .customer-text h2 {
        font-size: 22px;
        line-height: 35px;
        color: #fff;
    }

    .merchant-text br {
        display: none;
    }
    .merchant-text {
        position: relative;
        border-radius: 30px;
        width: 85%;
        height: auto;
        background: rgba(71,71,71,0.6);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255,255,255,0.2);
        padding: 30px 29px;
        bottom:-250px;
        right: -13%;
        font-weight: 700;
    }

    .banner-text p {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    width: 80%;
    margin: 0px auto 20px;
    color: #1A043F;
}
    .mobile-customer {
    position: absolute;
    left: 11.5%;
    top: 75%;
}
    .merchant-text h2 {
        font-size: 22px;
        line-height: 35px;
        color: #fff;
    }
    .mobile-merchant {  
        position: absolute;
        right: 1%;
        top: 75%;
    }
    .customer-text .button-signup, .merchant-text .button-signup { 
        padding: 0px 10px; 
        width: 180px;
    }
    .customer-text .button-learnmore, .merchant-text .button-learnmore {
        padding: 0px 10px; 
        width: 130px; 
    }

    .section-blue {
        background: #1A043F;
        display: block;
        min-height: 510px;
    }

    .section-blue .col-md-7, .section-blue .col-md-5 {
        flex: 0 0 auto;
        width: 50%;
    }
    .section-blue-content {
        font-size: 18px;
        line-height: 28px;
        color: #fff;
        padding: 50px 30px 0px 0px;
    }
    .section-blue-content img {
        width: 400px;
    }
    .section-blue-content h3 {
        font-size: 35px;
        margin-top: 0;
        padding-left: 30px;
        padding-bottom: 8px;
    }

    .section-blue-content p {
        padding-right: 25px;
        padding-bottom: 30px;
        padding-left: 30px;
        font-size: 18px;
    }

    .section-blue-secound-text .col-3 {
        margin: 50px auto 0px;
        flex: 0 0 auto;
        width: 55%;
    }

    .section-regulatory {
        background: url(../svg-annimation/Compliance.svg) no-repeat center top #F7F5FB;
        min-height: 650px;
        position: relative;
        background-size: contain;
    }

    .section-regulatory-content {
        position: absolute;
        top: 90px;
        left: 60px;
        font-size: 20px;
        color: #1A043F;
    }
    .section-regulatory-content .col-3 {
        flex: 0 0 auto;
        width: 40%;
    }

    .section-regulatory-content p {
        font-size: 18px;
        color: #1A043F;
        line-height: 28px;
        padding-right:0px;
    }

    .section-our-services {
        background: #F7F5FB;
        min-height: 650px;
        padding: 5% 5% 2.5%;
    }

    .section-our-services .phone_img-1.w-40,
    .section-our-services .phone_img-2.w-40 {
        height: 500px;
    }
    
    .section-our-services .col-md-6.d-flex.p-5 {
        flex: 0 0 auto;
        width: 40%;
        padding-right:0px !important;
    }
    .section-our-services .col-md-6.p-5 {
        flex: 0 0 auto;
        width: 60%;
        padding-left:0px !important;
    }
    .section-our-services .our-services-content p {
        font-size: 18px;
        color: #474747;
        line-height: 28px;
        text-align: left;
        padding: 0px 0px 20px;
        margin: 0px 0px 0px;
    }
    .section-instapay-numbers p {
        font-size: 18px;
        /* color: #474747; */
        line-height: 28px;
        text-align: left;
        padding: 0px 0% 0px;
        margin: 0px 0px 0px;
    }
    .section-instapay-numbers .col-md-6:last-child p {
        font-size: 18px;
        /* color: #474747; */
        line-height:28px;
        text-align: left;
        padding: 0px 0% 0px;
        margin: 0px 0px 0px;
    }

    .section-blue-three .content-jointoday {
        margin: 28% 0px 0px 5%;
        color: #fff;
    }

    .section-blue-three-content .joining-links {
        margin: 20px 0px 0px 5%;
    }
    
    .section-blue-three-content .joining-links .signup-customer {
        /* background: rgb(255,170,112); */
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 13px;
        border-radius: 36px;
        width: 220px;
        height: 45px;
        display: block;
        cursor: pointer;
        margin: 0px 10px 0px 0px;
    }

    .section-blue-three-content .joining-links .signup-merchant {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 10px;
        border-radius: 36px;
        width: 220px;
        height: 45px;
        display: block;
        cursor: pointer;
        margin: 0px 10px 0px 0px;
    }

    .section-blue-three-content .joining-links .register-web {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 10px;
        border-radius: 36px;
        width: 220px;
        height: 45px;
        display: block;
        cursor: pointer;
        margin: 0px 0px 0px 0px;
    }

 
    .section-blue-three .w-70 {
        width: 85%;
    }

    .footer {
        background: #231837;
        display: block;
        min-height: 500px;
        padding: 5% 1% 2%;
        color: #fff;
    }

    .footer .footer-top p br{
        display: none;
    }
    
    .footer .footer-middle .useful-links {
        padding-left: 1%;
    }

    .footer .footer-middle .quick-links {
        padding-left: 6%;
    }

    .footer .footer-middle img {
        width: 105px;
    }

    .footer .footer-middle .social-media img {
        width: 30px;
        margin: 0px 6px !important;
    }

    .footer .footer-middle .social-media img:first-child {
        margin-left: 0px !important;
    }
    .footer .footer-middle .social-media img:last-child {
        margin-right: 0px !important;
    }

    
    .section-blue-three .content-jointoday p {
        font-size: 20px;
        line-height: 30px;
        text-align: left;
        padding: 0px 10% 20px 0px;
        margin: 0px 0px 0px;
    }

    .tab-content1 {
        background: #fff;
        border-radius: 15px;
        width: 340px;
        height: auto;
        margin: 0% 0px 0px -16%;
        padding: 25px 10px 25px;
    }
    .tab-content3 {
        background: #fff;
        border-radius: 15px;
        width: 340px;
        height: auto;
        margin: 0% 0px 0px 35%;
        padding: 25px 10px 25px;
    }
    .box.arrow-top::after {
        content: " ";
        position: absolute;
        left: 65px;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .box.arrow-top1::after {
        content: " ";
        position: absolute;
        left: 52%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .box.arrow-top2::after {
        content: " ";
        position: absolute;
        right: 15%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }

    .footer-middle .col-md-3:first-child {
        flex: 0 0 auto;
        width: 33%;
    }

    .footer-middle .col-md-3:nth-child(2), 
    .footer-middle .col-md-3:nth-child(3) {
        flex: 0 0 auto;
        width: 20%;
    }

    .section-blue-three-content .w-70 {
        width: 85%;
    }
    
    .footer-middle .joining-links .tab-content4 {
        background: #fff;
        border-radius: 15px;
        width: 270px;
        height: auto;
        margin: 5% 0px 0px -11%;
        padding: 25px 10px 25px;
    }
    .footer-middle .joining-links .box.arrow-top4::after {
        content: " ";
        position: absolute;
        left: 38.5%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .footer-middle .joining-links .tab-content5 {
        background: #fff;
        border-radius: 15px;
        width: 270px;
        height: auto;
        margin: 5% 0px 0px -11%;
        padding: 25px 10px 25px;
    }
    .footer-middle .joining-links .box.arrow-top5::after {
        content: " ";
        position: absolute;
        left: 38.5%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .footer-middle .joining-links .signup-customer {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 15px;
        border-radius: 36px;
        width: 220px;
        height: 45px;
        display: block;
        cursor: pointer;
        margin: 10px 0px 10px;
    }
    .footer-middle .joining-links .signup-merchant {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 15px;
        border-radius: 36px;
        width: 220px;
        height: 45px;
        display: block;
        cursor: pointer;
        margin: 10px 0px;
    }
    .app-customize .carousel-indicators .active {
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
        border: solid 6px #fff;
        margin-top: -10px;
    }
    .app-customize .carousel-indicators [data-bs-target] {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 20px;
        height: 20px;
        padding: 0;
        margin-right: 10px;
        margin-left: 10px;
        text-indent: -999px;
        cursor: pointer;
        background-clip: padding-box;
        border: solid 8px #fff;
        border-radius: 50%;
        opacity: 1;
    }

    div#preRegisterModal {
        --bs-modal-width: 80%;
        margin: auto;
        top: 10%;
    }

    .section-blue-pricing-two img {
        width: 80%;
    }
    .section-blue-pricing-two h3 br {
        display: none;
    }
    .section-blue-pricing-two .content p {
        font-size: 18px;
        line-height: 30px;
        text-align: center;
        padding: 0px 30px 0px;
        margin: 0px auto 0px;
        color: #fff;
    }

    .pricing-banner .banner-text h1 {
        text-align: left;
        font-size: 35px;
        color: #1A043F;
        font-weight: 700;
        margin: 0 auto 30px;
    }

    .section-blue-one-pricing .pricing-content h4 {
        font-size: 22px;
        margin-bottom: 0px;
        text-align: center;
        font-weight: 700;
        color: #BAB4C5;
    }

    .section-transact .transact-content .making-content img, .section-transact .transact-content .receiving-content img {
    width: 125px;
    height: 125px;
    }

    .section-transact .transact-content .making-content h4, .section-transact .transact-content .receiving-content h4 {
        text-align: left;
        font-size: 30px;
    }

    .section-transact .transact-content .making-content p, .section-transact .transact-content .receiving-content p {
        text-align: left;
        font-size: 18px;
        padding-bottom: 20px;
    }

    .section-transact .transact-content .receiving-content ul li, .section-transact .transact-content .making-content ul li {
       
        padding-left: 50px;
        margin-bottom: 15px;
        text-align: left;
        font-size: 18px;
        line-height: 30px;
    }

    .section-transact .transact-content .receiving-content, .section-transact .transact-content .making-content {
        background: #1A043F;
        border-radius: 30px;
        padding: 35px;
        margin: 100px 0px 50px;
        min-height: 685px;
        color: #fff;
    }

    .section-blue-pricing-two h3 {
        font-size: 28px;
        margin-bottom: 30px;
        text-align: center;
        color: #fff;
    }

    .section-blue-pricing-two {
        background: #1A043F;
        display: block;
        min-height: 600px;
        padding: 8% 0px 2%;
        color: #fff;
    }

    #headermobile {
        display: block;
    }
    .nav.justify-content-center, .topmenu .joining-links {
        visibility: hidden;
        display: none;
    }

    .section-blue-one-merchant {
        background: #F7F5FB;
        display: block;
        min-height: 700px;
        padding: 3% 0% 3%;
        color: #000000;
    }

    .section-blue-secound-text .col-md-6 {
    flex: 0 0 auto;
    width: 80%;
}
  }

  @media (min-width: 768px) and (max-width: 991.99px) {    

    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
        overflow: hidden;
    }

    .container-xxl {
        max-width: 95%;
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
        width: 100%;
    }
    .logo img {
        width: 150px;
    }
    
    .copyrights img {
        width: 150px;
    }

    #headermobile {
        display: block;
    }
    .nav.justify-content-center, .topmenu .joining-links {
        visibility: hidden;
        display: none;
    }
    
    .topmenu {
        background: #fff;
        width: 95%;
        max-width: 100%;
        border-radius: 60px;
        height: 80px;
        box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.2);
        margin: 30px auto;
    }
    .topmenu .nav-item {
        margin: 0px 10px;
    }

    .topmenu .nav-item a {
        font-size: 20px;
        font-weight: 700;
        color: #474747;
    }

    .topmenu .nav-item a.active {
        font-size: 20px;
        font-weight: 700;
        color: #EF6000;
    }

    .mobile-customer img.w-80 {
        width: 60%;
        margin: 0px auto;
        text-align: center;
        display: block;
    }
    .mobile-merchant img.w-80 {
        width: 60%;
        margin: 0px auto;
        text-align: center;
        display: block;
    }
    .home-banner {
        min-height: 700px;
    }
    .banner-text h1 {
        text-align: center;
        font-size: 30px;
        color: #000;
        font-weight: 700;
        margin: 50px auto 0px;
    }

    .banner-text h2 {
        text-align: center;
        font-size: 22px;
        color: #000;
        font-weight: 500;
        margin: 0px auto 0px;
    }

    .banner-text img {
        margin-bottom: 20px;
    }

    .customer-text {
        position: relative;
        border-radius: 30px;
        width: 90%;
        height: auto;
        background: rgba(71,71,71,0.6);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255,255,255,0.2);
        padding: 20px 20px;
        bottom: -200px;
        left: 5%;
        font-weight: 700;
    }
    .customer-text h2 {
        font-size: 22px;
        line-height: 30px;
        color: #fff;
    }
    .customer-text p {
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.5;
}
    .merchant-text br,  .customer-text br {
        display: none;
    }
.mobile-customer {
    position: absolute;
    left: 7%;
    top: 60%;
}
    .merchant-text {
        position: relative;
        border-radius: 30px;
        width: 90%;
        height: auto;
        background: rgba(71,71,71,0.6);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255,255,255,0.2);
        padding: 20px 20px;
        bottom: -200px;
        right: -5%;
        font-weight: 700;
    }
    .merchant-text h2 {
        font-size: 20px;
        line-height: 30px;
        color: #fff;
    }
    .merchant-text p {
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.5;
}
.mobile-merchant {
    position: absolute;
    right: 9%;
    top: 60%;
}
    .customer-text .button-signup, .merchant-text .button-signup { 
        padding: 0px 10px; 
        width: 190px;
    }
    .customer-text .button-learnmore, .merchant-text .button-learnmore {
        padding: 0px 10px; 
        width: 100px; 
    }

    .section-blue {
        background: #1A043F;
        display: block;
        min-height: 510px;
    }

    .section-blue .col-md-7, .section-blue .col-md-5 {
        flex: 0 0 auto;
        width: 100%;
    }
    .section-blue-content {
        font-size: 18px;
        line-height: 28px;
        color: #fff;
        padding: 50px 30px 0px 0px;
    }
    .section-blue-content img {
        width: 600px;
        display: block;
        margin: 0px auto 20px;
    }
    .section-blue-content h3 {
        font-size: 30px;
        margin-top: 0;
        padding-left: 30px;
        padding-bottom: 8px;
    }

    .section-blue-content p {
        padding-right: 25px;
        padding-bottom: 30px;
        padding-left: 30px;
        font-size: 16px;
    }

    .section-blue-secound-text .col-3 {
        margin: 50px auto 0px;
        flex: 0 0 auto;
        width: 100%;
    }

    .section-blue-secound-text p {
        font-size: 16px;
        color: #fff;
        line-height: 26px;
        text-align: center;
        padding: 0px 20px 0px;
    }

    .section-regulatory {
        background: url(../svg-annimation/Compliance.svg) no-repeat center top #F7F5FB;
        min-height: 600px;
        position: relative;
        background-size: cover;
    }

    .section-regulatory-content {
        position: absolute;
        top: 50px;
        left: 25px;
        font-size: 18px;
        color: #1A043F;
    }

    .section-regulatory-content .col-3 {
        flex: 0 0 auto;
        width: 45%;
    }

    .section-regulatory-content p {
        font-size: 16px;
        color: #1A043F;
        line-height: 26px;
        padding-right:0px;
    }

    .section-our-services {
        background: #F7F5FB;
        min-height: 500px;
        padding: 5% 5% 0%;
    }

    .section-our-services .phone_img-1.w-40,
    .section-our-services .phone_img-2.w-40 {
        height: 500px;
    }
    
    .section-our-services .col-md-6.d-flex.p-5 {
        flex: 0 0 auto;
        width: 40%;
        padding-right:0px !important;
    }
    .section-our-services .col-md-6.p-5 {
        flex: 0 0 auto;
        width: 60%;
        padding-left:0px !important;
    }

    .service-list ul li h4 {
        font-size: 22px;
        color: #1A043F;
        margin-top: -35px;
    }

    .section-our-services .our-services-content p {
        font-size: 16px;
        color: #474747;
        line-height: 28px;
        text-align: left;
        padding: 0px 0px 20px;
        margin: 0px 0px 0px;
    }
    .section-instapay-numbers {
        background: #fff;
        text-align: center;
        padding: 5% 2.5% 2.5%;
    }
    .section-instapay-numbers h5 {
        font-size: 22px;
        margin-bottom: 15px;
        text-align: left;
        /* color: #1A043F; */
        font-weight: 700;
    }

    .section-instapay-numbers .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 20px;
    }
    .section-instapay-numbers p {
        font-size: 16px;
        /* color: #474747; */
        line-height: 28px;
        text-align: left;
        padding: 0px 0% 0px;
        margin: 0px 0px 0px;
    }
    .section-instapay-numbers .col-md-6:last-child p {
        font-size: 16px;
        /* color: #474747; */
        line-height:28px;
        text-align: left;
        padding: 0px 0% 0px;
        margin: 0px 0px 0px;
    }

    .section-blue-three {
        background: #1A043F;
        display: block;
        min-height: 450px;
    }

    .section-blue-three .marquee-container {
        height: 150px;
        overflow: hidden;
        line-height: 150px;
        font-size: 60px;
        font-weight: 700;
        
        color: #1A043F;
        top: 20px;
    }

    .section-blue-three .content-jointoday {
        margin: 20% 0px 0px 5%;
        color: #fff;
    }

    .section-blue-three-content {
        position: relative;
        z-index: 9;
        margin-top: -12%;
    } 
    
    .section-blue-three .content-jointoday p {
        font-size: 16px;
        line-height: 28px;
        text-align: left;
        padding: 0px 13% 10px 0px;
        margin: 0px 0px 0px;
    }

    .section-blue-three-content .joining-links {
        margin: 20px 0px 0px 5%;
    }

    .section-blue-three-content .joining-links div.d-flex {
        display: inline-block !important;
    }

 
    
    .section-blue-three-content .joining-links .signup-customer {
 
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 15px;
        border-radius: 36px;
        width: 250px;
        height: 45px;
        display: block;
        cursor: pointer;
        margin: 10px 0px 10px;
    }

    .section-blue-three-content .joining-links .signup-merchant {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 12px;
        border-radius: 36px;
        width: 250px;
        height: 45px;
        display: block;
        cursor: pointer;
        margin: 10px 0px;
    }

    .section-blue-three-content .joining-links .register-web {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 14px;
        border-radius: 36px;
        width: 250px;
        height: 45px;
        display: block;
        cursor: pointer;
        margin: 0px 0px 0px 0px;
    }


    .section-blue-three .w-70 {
        width:100%;
    }

    .section-partners {
        display: block;
        min-height: 200px;
        padding: 6% 5% 1%;
        background: #fff;
    }
    
    .section-partners img {
        width: 250px;
    }
    .partner-slider {
        display: block;
        min-height: 250px;
        padding: 1% 0% 1.5%;
        background: #fff;
    }
    .partner-slider p {
        font-size: 16px;
        margin-bottom: 20px;
        text-align: center;
        color: #474747;
        font-weight: 400;
    }
    .footer {
        background: #231837;
        display: block;
        min-height: 500px;
        padding: 5% 1% 2%;
        color: #fff;
    }
    .footer-top .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }
    .footer-top .col-md-5 {
        flex: 0 0 auto;
        width: 100%;
    }

    .footer .footer-top a.learn-more {
        background: #fff;
        color: #474747;
        text-decoration: none;
        text-align: center;
        padding: 0px 10px;
        border-radius: 36px;
        width: 180px;
        line-height: 42px;
        font-size: 15px;
        margin: 20px auto 0px;
        float: none;
        display: block;
    }
    .footer .footer-top p br{
        display: none;
    }
    
    .footer .footer-middle .useful-links {
        padding-left: 2%;
        border-bottom: solid 1px #6E6E6E;
    }
    .footer .footer-middle .useful-links h4 {
        font-size: 20px;
        margin: 10px 0px;
        text-align: left;
        color: #fff;
        font-weight: 700;
    }
    .footer .footer-middle h4 {
        margin: 10px 0px; 
    }
    .footer .footer-middle .quick-links {
        padding-left: 2%;
        border-bottom: solid 1px #6E6E6E;
    }
    .footer .footer-middle .quick-links h4 {
        font-size: 20px;
        margin: 10px 0px;
        text-align: left;
        color: #fff;
        font-weight: 700;
    }
    .footer .footer-middle ul li {
        list-style: none;
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 28px;
        display: inline-block;
        margin-right: 10px;
    }
    .footer .footer-middle img {
        width: 105px;
    }
    .footer .footer-middle .col-md-3 {
        flex: 0 0 auto;
        width: 100%;
    }
    .footer .footer-middle .social-media img {
        width: 40px;
        margin: 0px 1px !important;
    }
    .footer-middle .about-company {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: left;
        padding: 5% 5%;
        border-radius: 40px;
        min-height: 200px;
        margin-bottom: 20px;
    }
    .footer .footer-middle .social-media img:first-child {
        margin-left: 0px !important;
    }
    .footer .footer-middle .social-media img:last-child {
        margin-right: 0px !important;
    }

    .copyrights {
        padding: 30px 0px 0px;
        font-weight: 15px;
    }
    
    .tab-content1 {
        background: #fff;
        border-radius: 15px;
        width: 340px;
        height: auto;
        margin: 0% 0px 0px -13%;
        padding: 25px 10px 25px;
    }
    .tab-content2 {
        background: #fff;
        border-radius: 15px;
        width: 340px;
        height: auto;
        margin: 0% 0px 0px -13%;
        padding: 25px 10px 25px;
    }
    .tab-content3 {
        background: #fff;
        border-radius: 15px;
        width: 340px;
        height: auto;
        margin: 0% 0px 0px 13%;
        padding: 25px 10px 25px;
    }
    
    .box.arrow-top1::after {
        content: " ";
        position: absolute;
        left: 23%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .box.arrow-top2::after {
        content: " ";
        position: absolute;
        right: 15%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .footer-middle .joining-links {
        margin: 20px auto;
        text-align: center;
    }
    
    .footer-middle .joining-links .tab-content4 {
        background: #fff;
        border-radius: 15px;
        width: 270px;
        height: auto;
        margin: 1% 0px 0px 18%;
        padding: 25px 10px 25px;
    }
    .footer-middle .joining-links .box.arrow-top4::after {
        content: " ";
        position: absolute;
        left: 33.5%;
        top: -15px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .footer-middle .joining-links .tab-content5 {
        background: #fff;
        border-radius: 15px;
        width: 270px;
        height: auto;
        margin: 1% 0px 0px 47%;
        padding: 25px 10px 25px;
    }
    .footer-middle .joining-links .box.arrow-top5::after {
        content: " ";
        position: absolute;
        left: 63.5%;
        top: -15px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .footer-middle .joining-links .signup-customer {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 15px;
        border-radius: 36px;
        width: 220px;
        height: 45px;
        display: inline-block;
        cursor: pointer;
        margin: 10px 20px 10px;
    }
    .footer-middle .joining-links .signup-merchant {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 15px;
        border-radius: 36px;
        width: 220px;
        height: 45px;
        display: inline-block;
        cursor: pointer;
        margin: 10px 0px;
    }

    .app-customize .carousel-indicators .active {
        opacity: 1;
        width: 35px !important;
        height: 35px !important;
        border: solid 4px #fff;
        margin-top: -10px;
    }
    .app-customize .carousel-indicators [data-bs-target] {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 20px;
        height: 20px;
        padding: 0;
        margin-right: 10px;
        margin-left: 10px;
        text-indent: -999px;
        cursor: pointer;
        background-clip: padding-box;
        border: solid 5px #fff;
        border-radius: 50%;
        opacity: 1;
    }
    div#preRegisterModal {
        --bs-modal-width: 80%;
        margin: auto;
        top: 6%;
    }

    .section-blue-pricing-two img {
        width: 80%;
    }
    .section-blue-pricing-two h3 br {
        display: none;
    }
    .section-blue-pricing-two .content p {
        font-size: 18px;
        line-height: 30px;
        text-align: center;
        padding: 0px 30px 0px;
        margin: 0px auto 0px;
        color: #fff;
    }

    .pricing-banner .banner-text h1 {
        text-align: left;
        font-size: 35px;
        color: #1A043F;
        font-weight: 700;
        margin: 0 auto 30px;
    }

    .section-blue-one-pricing .pricing-content h4 {
        font-size: 22px;
        margin-bottom: 0px;
        text-align: center;
        font-weight: 700;
        color: #BAB4C5;
    }

    .section-transact .transact-content .making-content img, .section-transact .transact-content .receiving-content img {
    width: 125px;
    height: 125px;
    }

    .section-transact .transact-content .making-content h4, .section-transact .transact-content .receiving-content h4 {
        text-align: left;
        font-size: 30px;
    }

    .section-transact .transact-content .making-content p, .section-transact .transact-content .receiving-content p {
        text-align: left;
        font-size: 18px;
        padding-bottom: 20px;
    }

    .section-transact .transact-content .receiving-content ul li, .section-transact .transact-content .making-content ul li {
       
        padding-left: 50px;
        margin-bottom: 15px;
        text-align: left;
        font-size: 18px;
        line-height: 30px;
    }

    .section-transact .transact-content .receiving-content, .section-transact .transact-content .making-content {
        background: #1A043F;
        border-radius: 30px;
        padding: 35px;
        margin: 100px 0px 50px;
        min-height:450px;
        color: #fff;
    }
    

    .section-blue-pricing-two h3 {
        font-size: 28px;
        margin-bottom: 30px;
        text-align: center;
        color: #fff;
    }

    .section-blue-pricing-two {
        background: #1A043F;
        display: block;
        min-height: 600px;
        padding: 8% 0px 2%;
        color: #fff;
    }

    .pricing-banner .col-md-6 {
        width: 100% ;
    }

    .section-transact .transact-content .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }



  }

  @media (min-width: 560px) and (max-width: 767.99px) {    

    #headermobile {
        display: block;
    }

    .nav.justify-content-center, .topmenu .joining-links {
        visibility: hidden;
        display: none;
    }

    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
        overflow: hidden;
    }

    .container-xxl {
        max-width: 95%;
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
        width: 100%;
    }

    .nav.justify-content-center {
        visibility: hidden;
    }
    .topmenu .register {
        visibility: hidden;
    }
    .logo img {
        width: 150px;
    }
    
    .copyrights img {
        width: 150px;
    }
    
    .topmenu {
        background: #fff;
        width: 95%;
        max-width: 100%;
        border-radius: 60px;
        height: 80px;
        box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.2);
        margin: 30px auto;
    }
    .topmenu .nav-item {
        margin: 0px 10px;
    }

    .topmenu .nav-item a {
        font-size: 20px;
        font-weight: 700;
        color: #474747;
    }

    .mobile-customer img.w-80 {
        width: 70%;
        margin: 0px auto;
        text-align: center;
        display: block;
    }
    .mobile-merchant img.w-80 {
        width: 70%;
        margin: 0px auto;
        text-align: center;
        display: block;
    }

    .home-banner .col-4 {
        flex: 0 0 auto;
        width: 100%;
    }

    .home-banner {
        min-height: 400px;
    }
    .banner-text h1 {
        text-align: center;
        font-size: 30px;
        color: #000;
        font-weight: 700;
        margin: 20px auto 0px;
    }

    .banner-text h2 {
        text-align: center;
        font-size: 25px;
        color: #000;
        font-weight: 500;
        margin: 0px auto 20px;
    }

    .banner-text p {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    width: 85%;
    margin: 0px auto 20px;
    color: #1A043F;
}

    .banner-text img {
        margin-bottom: 20px;
        width: 90%;
    }

    .home-banner .col-md-6 {
        flex: 0 0 auto;
        width:100%;
    }

    .customer-text {
        position: relative;
        border-radius: 30px;
        width: 100%;
        height: auto;
        background: rgba(71,71,71,0.6);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255,255,255,0.2);
        padding: 20px 20px;
        bottom: 220px;
        left: 0;
        font-weight: 700;
    }
    .customer-text h2 {
        font-size: 18px;
        line-height: 26px;
        color: #fff;
        text-align: center;
    }

    .merchant-text br,  .customer-text br {
        display: none;
    }
    .mobile-customer {
        position:unset;
        left: 0%;
        bottom: 150px;
        width: 50%;
        margin: auto;
    }
    .merchant-text {
        position: relative;
        border-radius: 30px;
        width: 100%;
        height: auto;
        background: rgba(71,71,71,0.6);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255,255,255,0.2);
        padding: 20px 20px;
        bottom: 220px;
        right: -0%;
        font-weight: 700;
    }
    .merchant-text h2 {
        font-size: 18px;
        line-height: 26px;
        color: #fff;
        text-align: center;
    }
    .mobile-merchant {
        position: unset;
        right: 0%;
        top: 150px;
        width: 50%;
        margin: auto;
    }
    .customer-text .button-signup, .merchant-text .button-signup { 
        padding: 0px 10px; 
        width: 100%;
        margin: auto;
        float: none;
        display: block;
    }
    .customer-text .button-learnmore, .merchant-text .button-learnmore {
        padding: 0px 10px; 
        width: 100%; 
        margin: 10px auto;
        float: none;
        display: block;
    }

        .section-blue-secound .col-md-6 {
        width: 95%;
        margin: 10px auto;
        display: block;
        text-align: center;
    }

    .section-blue {
        background: #1A043F;
        display: block;
        min-height: 510px;
    }

    .section-blue .col-md-7, .section-blue .col-md-5 {
        flex: 0 0 auto;
        width: 100%;
    }
    .section-blue-content {
        font-size: 18px;
        line-height: 28px;
        color: #fff;
        padding: 50px 30px 0px;
        margin: 0px auto 0px;

    }
    .section-blue-content img {
        width: 100%;
        display: block;
        margin: 10px auto 20px;
    }
    .section-blue-content h3 {
        font-size:30px;
        margin: 0 auto;
        padding-left: 0px;
        padding-bottom: 8px;
        text-align: center;
    }

    .section-blue-content p {
        padding:0px 20px 10px;
        font-size: 16px;
        text-align: center;
    }

    .section-blue-secound-text .col-3 {
        margin: 50px auto 0px;
        flex: 0 0 auto;
        width: 100%;
    }
    .section-blue-secound .w-40 {
        width: 70%;
    }
    .section-blue-secound-text p {
        font-size: 16px;
        color: #fff;
        line-height: 26px;
        text-align: center;
        padding: 0px 20px 0px;
    }

    .section-blue-secound .col-md-6 img.w-80 {
        width: 95%;
        margin: 10px auto;
        display: block;
        text-align: center;
    }

    .section-blue-secound .Insights-image-1 {
        text-align: center;
    }

    .section-blue-secound .Insights-image-1 img {
        text-align: center;
        width: 80%;
        margin: 10px auto 30px;
        line-height: 0px;
    }

    .section-regulatory {
        background: url(../svg-annimation/Compliance.svg) no-repeat right top #F7F5FB;
        min-height: 600px;
        position: unset;
        background-size: 130%;

    }

    .section-regulatory-content {
        position: unset;
        font-size: 18px;
        color: #1A043F;
        width: 90%;
        bottom: 0;
        margin: 0px auto;
        float: none;
        padding: 82% 0px 20px;
    }
    .section-regulatory-content .col-3 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-regulatory-content p {
        font-size: 16px;
        color: #1A043F;
        line-height: 26px;
        padding-right:0px;
    }

    .section-our-services {
        background: #F7F5FB;
        min-height: 500px;
        padding: 5% 5% 0%;
        text-align: center  ;
    }

    .section-our-services .phone_img-1.w-40,
    .section-our-services .phone_img-2.w-40 {
        height: auto;
        width: 30%;
        margin: 0px auto;
    }
    .section-our-services .phone_img-1, .section-our-services .phone_img-2 {
        float: none;
        margin: 20px auto;
        
    }
    .section-our-services .col-md-6.d-flex.p-5 {
        flex: 0 0 auto;
        width: 80%;
        padding: 0px !important;
        text-align: center;
        margin: auto;
    }
    .section-our-services .col-md-6.p-5 {
        flex: 0 0 auto;
        width: 100%;
        padding-left:0px !important;
        padding-right:0px !important;
    }

    .section-our-services .our-services-content h3 {
        font-size: 30px;
        margin-bottom: 30px;
        text-align: center;
        color: #1A043F;
    }
    .service-list ul {
        margin: 0px 0px 0px 30px;
        padding: 0px;
    }
    .service-list ul li h4 {
        font-size: 22px;
        color: #1A043F;
        margin-top: -35px;
    }

    .section-our-services .our-services-content p {
        font-size: 16px;
        color: #474747;
        line-height: 28px;
        text-align: center;
        padding: 0px 0px 20px;
        margin: 0px 0px 0px;
    }
    .section-our-services .our-services-content li p {
        text-align: left;
    }
    .section-instapay-numbers {
        background: #fff;
        text-align: center;
        padding: 5% 2.5% 2.5%;
    }
    .section-instapay-numbers h5 {
        font-size: 22px;
        margin-bottom: 15px;
        text-align: left;
        /* color: #1A043F; */
        font-weight: 700;
    }
    .section-instapay-numbers .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 20px;
    }
 

    .section-instapay-numbers .col-md-6 img.w-80 {
        width:180px !important;
        text-align: center;
        margin: 20px auto 0px;
        display: block;
    }

    .section-instapay-numbers p {
        font-size: 16px;
        /* color: #474747; */
        line-height: 28px;
        text-align: left;
        padding: 0px 0% 0px;
        margin: 0px 0px 0px;
    }
    .section-instapay-numbers .col-md-6:last-child p {
        font-size: 16px;
        /* color: #474747; */
        line-height:28px;
        text-align: left;
        padding: 0px 0% 0px;
        margin: 0px 0px 0px;
    }

    .section-blue-three {
        background: #1A043F;
        display: block;
        min-height: 450px;
    }

    .section-blue-three .marquee-container {
        height: 100px;
        overflow: hidden;
        line-height: 100px;
        font-size: 50px;
        font-weight: 700;
        color: #1A043F;
        top: 50px;
    }

    .section-blue-three .content-jointoday {
        margin: 0% 3% 2.5%;
        color: #fff;
        /* border-top: solid 2px #fff; */
        padding:5% 0px 0px ;
    }

    .section-blue-three-content {
        position: relative;
        z-index: 9;
        margin-top: -15%;
        padding-top: 20px;
    } 

     .section-blue-three-content .col-md-5, .section-blue-three-content .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
     }
    .section-blue-three .content-jointoday h3 {
        font-size: 30px;
        margin-bottom: 30px;
        text-align: center;
        text-transform: uppercase;
    }
    .section-blue-three .content-jointoday p {
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        padding: 0px 0px 20px;
        margin: 0px 0px 0px;
    }

    .section-blue-three-content .joining-links {
        margin: 0% auto 15%;
        text-align: center;
    }
    
    .section-blue-three-content .joining-links div.d-flex {
        display: inline-block !important;
    }

    .section-blue-three-content .joining-links .signup-customer {
 
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 15px;
        border-radius: 36px;
        width: 250px;
        height: 45px;
        display: block;
        cursor: pointer;
        margin: 10px 0px 10px;
    }

    .section-blue-three-content .joining-links .signup-merchant {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 12px;
        border-radius: 36px;
        width: 250px;
        height: 45px;
        display: block;
        cursor: pointer;
        margin: 10px 0px;
    }

    .section-blue-three-content .joining-links .register-web {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 14px;
        border-radius: 36px;
        width: 250px;
        height: 45px;
        display: block;
        cursor: pointer;
        margin: 0px 0px 0px 0px;
    }


    .tab-content1 {
        background: #fff;
        border-radius: 15px;
        width: 340px;
        height: auto;
        margin: -20% auto 0px;
        padding: 25px 10px 25px;
    }
 
    .tab-content2 {
        background: #fff;
        border-radius: 15px;
        width: 340px;
        height: auto;
        margin: -10% auto 0px;
        padding: 25px 10px 25px;
    }

    .tab-content3 {
        background: #fff;
        border-radius: 15px;
        width: 340px;
        height: auto;
        margin: 0% 0px 0px 31%;
        padding: 25px 10px 25px;
    }

    .box.arrow-top::after {
        content: " ";
        position: absolute;
        left: 47%;
        top: -9px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .box.arrow-top1::after {
        content: " ";
        position: absolute;
        left: 47%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .box.arrow-top2::after {
        content: " ";
        position: absolute;
        right: 15%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .footer-middle .joining-links {
        margin: 20px auto;
        text-align: center;
    }
    
    .footer-middle .joining-links .tab-content4 {
        background: #fff;
        border-radius: 15px;
        width: 270px;
        height: auto;
        margin: 1% 0px 0px 0%;
        padding: 25px 10px 25px;
    }
    .footer-middle .joining-links .box.arrow-top4::after {
        content: " ";
        position: absolute;
        left: 24.5%;
        top: -15px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .footer-middle .joining-links .tab-content5 {
        background: #fff;
        border-radius: 15px;
        width: 270px;
        height: auto;
        margin: 1% 0px 0px 47%;
        padding: 25px 10px 25px;
    }
    .footer-middle .joining-links .box.arrow-top5::after {
        content: " ";
        position: absolute;
        left: 71.5%;
        top: -15px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .footer-middle .joining-links .signup-customer {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 15px;
        border-radius: 36px;
        width: 220px;
        height: 45px;
        display: inline-block;
        cursor: pointer;
        margin: 10px 20px 10px;
    }
    .footer-middle .joining-links .signup-merchant {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 15px;
        border-radius: 36px;
        width: 220px;
        height: 45px;
        display: inline-block;
        cursor: pointer;
        margin: 10px 0px;
    }
    .section-blue-three .w-70 {
        width:40%;
    }

    .section-partners {
        display: block;
        min-height: 200px;
        padding: 6% 5% 1%;
        background: #fff;
    }
    
    .section-partners img {
        width: 200px;
    }
    .partner-slider {
        display: block;
        min-height: 250px;
        padding: 1% 0% 1.5%;
        background: #fff;
    }

    .partner-slider p {
        font-size: 16px;
        margin-bottom: 20px;
        text-align: center;
        color: #474747;
        font-weight: 400;
    }

    .footer {
        background: #231837;
        display: block;
        min-height: 500px;
        padding: 5% 1% 2%;
        color: #fff;
    }
    .footer .footer-top h3 {
        font-size: 30px;
        margin-bottom: 30px;
        text-align: center;
        color: #fff;
        font-weight: 700;
    }

    .footer .footer-top p {
        color: #BDBAC3;
        text-align: center;
    }
    .footer-top .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }
    .footer-top .col-md-5 {
        flex: 0 0 auto;
        width: 100%;
    }

    .footer .footer-top a.learn-more {
        background: #fff;
        color: #474747;
        text-decoration: none;
        text-align: center;
        padding: 0px 10px;
        border-radius: 36px;
        width: 180px;
        line-height: 42px;
        font-size: 15px;
        margin: 20px auto 0px;
        float: none;
        display: block;
    }
    .footer .footer-top p br{
        display: none;
    }

    .footer-middle {
        border-bottom: solid 1px #6E6E6E;
        padding: 30px 20px;
    }
    
    .footer .footer-middle .useful-links {
        padding-left: 2%;
        border-bottom: solid 1px #6E6E6E;
    }
    .footer .footer-middle .useful-links h4 {
        font-size: 20px;
        margin: 10px 0px;
        text-align: left;
        color: #fff;
        font-weight: 700;
    }
    .footer .footer-middle h4 {
        margin: 10px 0px; 
    }
    .footer .footer-middle .quick-links {
        padding-left: 2%;
        border-bottom: solid 1px #6E6E6E;
    }
    .footer .footer-middle .quick-links h4 {
        font-size: 20px;
        margin: 10px 0px;
        text-align: left;
        color: #fff;
        font-weight: 700;
    }
    .footer .footer-middle ul li {
        list-style: none;
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 28px;
        display: inline-block;
        margin-right: 10px;
    }
    .footer .footer-middle img {
        width: 105px;
    }
    .footer .footer-middle .col-md-3 {
        flex: 0 0 auto;
        width: 100%;
        padding-left: 10px !important;
    }
    .footer .footer-middle .social-media img {
        width: 40px;
        margin: 0px 5px !important;
    }
    .footer-middle .about-company {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: left;
        padding: 5% 5%;
        border-radius: 40px;
        min-height: 200px;
        margin-bottom: 20px;
    }
    .footer .footer-middle .social-media img:first-child {
        margin-left: 0px !important;
    }
    .footer .footer-middle .social-media img:last-child {
        margin-right: 0px !important;
    }

    .copyrights {
        padding: 30px 0px 0px;
        font-weight: 15px;
        text-align: center;
    }

    .copyrights .text-end {
        text-align: center !important;
        padding: 20px 0px;
    }
    
    .app-customize .carousel-indicators .active {
        opacity: 1;
        width: 35px !important;
        height: 35px !important;
        border: solid 4px #fff;
        margin-top: -10px;
    }
    .app-customize .carousel-indicators [data-bs-target] {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 20px;
        height: 20px;
        padding: 0;
        margin-right: 10px;
        margin-left: 10px;
        text-indent: -999px;
        cursor: pointer;
        background-clip: padding-box;
        border: solid 5px #fff;
        border-radius: 50%;
        opacity: 1;
    }
    div#preRegisterModal {
        --bs-modal-width: 80%;
        margin: auto;
        top: 6%;
    }

    #preRegister-form .btn-unique {
        float: left !important;
        margin-top: 10px;
    }
    
    .section-blue-pricing-two img {
        width: 80%;
    }
    .section-blue-pricing-two h3 br {
        display: none;
    }
    .section-blue-pricing-two .content p {
        font-size: 18px;
        line-height: 30px;
        text-align: center;
        padding: 0px 30px 0px;
        margin: 0px auto 0px;
        color: #fff;
    }

    .pricing-banner .banner-text h1 {
        text-align: left;
        font-size: 35px;
        color: #1A043F;
        font-weight: 700;
        margin: 0 auto 30px;
    }

    .section-blue-one-pricing .pricing-content h4 {
        font-size: 20px;
        margin-bottom: 0px;
        text-align: center;
        font-weight: 700;
        color: #BAB4C5;
    }

    .section-transact .transact-content .making-content img, .section-transact .transact-content .receiving-content img {
    width: 100px;
    height: 100px;
    }

    .section-transact .transact-content .making-content h4, .section-transact .transact-content .receiving-content h4 {
        text-align: left;
        font-size: 28px;
    }

    .section-transact .transact-content .making-content p, .section-transact .transact-content .receiving-content p {
        text-align: left;
        font-size: 18px;
        padding-bottom: 20px;
    }

    .section-transact .transact-content .receiving-content ul li, .section-transact .transact-content .making-content ul li {
       
        padding-left: 50px;
        margin-bottom: 15px;
        text-align: left;
        font-size: 18px;
        line-height: 30px;
    }

    .section-transact .transact-content .receiving-content, .section-transact .transact-content .making-content {
        background: #1A043F;
        border-radius: 30px;
        padding: 35px;
        margin: 100px 0px 50px;
        min-height:450px;
        color: #fff;
    }
    

    .section-blue-pricing-two h3 {
        font-size: 28px;
        margin-bottom: 30px;
        text-align: center;
        color: #fff;
    }

    .section-blue-pricing-two {
        background: #1A043F;
        display: block;
        min-height: 600px;
        padding: 8% 20px 8%;
        color: #fff;
    }

    .pricing-banner .col-md-6 {
        width: 100% ;
    }

    .section-transact .transact-content .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-blue-one-pricing .watch-demo, .section-blue-one-pricing a.learn-more {
        float: none;
        margin: 10px auto;
        width: 200px;
    }

    .section-transact h3 {
        font-size: 28px;
        margin-bottom: 30px;
        text-align: center;
        color: #1A043F;
    }

    .section-device img.float-end {
        float: none !important;
        margin: auto;
        display: block;
        width: 30%;
    }

    .section-device h3 {
        font-size: 28px;
        margin-bottom: 30px;
        text-align: center;
        color: #000000;
        font-weight: 700;
    }

    .section-device .get-started {
        background: rgb(255, 170, 112);
        background: linear-gradient(177deg, rgba(255, 170, 112, 1) 0%, rgba(239, 96, 0, 1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        padding: 10px 15px;
        border-radius: 36px;
        width: 200px;
        height: 45px;
        font-weight: 700;
        margin: auto;
        display: block;
        cursor: pointer;
    }
  }

  @media (min-width: 460px) and (max-width: 559.99px) {   
    
    #headermobile {
        display: block;
    }

    .nav.justify-content-center, .topmenu .joining-links {
        visibility: hidden;
        display: none;
    }

    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
        overflow: hidden;
    }

    .container-xxl {
        max-width: 95%;
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
        width: 100%;
    }

    .nav.justify-content-center {
        visibility: hidden;
    }
    .topmenu .register {
        visibility: hidden;
    }
    .logo img {
        width: 150px;
    }
    
    .copyrights img {
        width: 300px;
    }
    
    .topmenu {
        background: #fff;
        width: 95%;
        max-width: 100%;
        border-radius: 60px;
        height: 80px;
        box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.2);
        margin: 30px auto;
    }
    .topmenu .nav-item {
        margin: 0px 10px;
    }

    .topmenu .nav-item a {
        font-size: 20px;
        font-weight: 700;
        color: #474747;
    }

    .mobile-customer img.w-80 {
        width: 100%;
        margin: 0px auto;
        text-align: center;
        display: block;
    }
    .mobile-merchant img.w-80 {
        width: 100%;
        margin: 0px auto;
        text-align: center;
        display: block;
    }

    .home-banner .col-4 {
        flex: 0 0 auto;
        width: 100%;
    }

    .home-banner {
        min-height: 400px;
    }
    .banner-text h1 {
        text-align: center;
        font-size: 30px;
        color: #000;
        font-weight: 700;
        margin: 20px auto 20px;
    }

    .banner-text h2 {
        text-align: center;
        font-size: 25px;
        color: #000;
        font-weight: 500;
        margin:0px auto 20px;
    }

    .banner-text img {
        margin-bottom:0px;
    }

    .home-banner .col-md-6 {
        flex: 0 0 auto;
        width:100%;
        height: 650px;
    }

    .customer-text .tab-content6 {
        background: #fff;
        border-radius: 15px;
        width: 340px;
        height: auto;
        margin: 6% auto -11%;
        padding: 25px 10px 25px;
    }

    .customer-text .box.arrow-top6::after {
        content: " ";
        position: absolute;
        left: 46%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }

    .customer-text {
        position: relative;
        border-radius: 30px;
        width: 100%;
        height: auto;
        background: rgba(71,71,71,0.6);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255,255,255,0.2);
        padding: 15px 10px;
        bottom: 265px;
        left: 0;
        font-weight: 700;
    }
    .customer-text h2 {
        font-size: 18px;
        line-height: 26px;
        color: #fff;
        text-align: center;
    }

    .merchant-text br,  .customer-text br {
        display: none;
    }
    .mobile-customer {
        position:unset;
        left: 0%;
        bottom: 150px;
        width: 50%;
        margin: auto;
    }

    .merchant-text .tab-content7 {
        background: #fff;
        border-radius: 15px;
        width: 340px;
        height: auto;
        margin: 6% auto -11%;
        padding: 25px 10px 25px;
    }

    .merchant-text .box.arrow-top7::after {
        content: " ";
        position: absolute;
        left: 46%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .merchant-text {
        position: relative;
        border-radius: 30px;
        width: 100%;
        height: auto;
        background: rgba(71,71,71,0.6);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255,255,255,0.2);
        padding: 15px 10px;
        bottom: 265px;
        right: -0%;
        font-weight: 700;
    }
    .merchant-text h2 {
        font-size: 18px;
        line-height: 26px;
        color: #fff;
        text-align: center;
    }
    .mobile-merchant {
        position: unset;
        right: 0%;
        top: 150px;
        width: 50%;
        margin: auto;
    }
    .customer-text .button-signup, .merchant-text .button-signup { 
        padding: 0px 10px; 
        width: 100%;
        margin: auto;
        float: none;
        display: block;
    }
    .customer-text .button-learnmore, .merchant-text .button-learnmore {
        padding: 0px 10px; 
        width: 100%; 
        margin: 10px auto;
        float: none;
        display: block;
    }

    .section-blue {
        background: #1A043F;
        display: block;
        min-height: 510px;
    }

    .section-blue .col-md-7, .section-blue .col-md-5 {
        flex: 0 0 auto;
        width: 100%;
    }
    .section-blue-content {
        font-size: 18px;
        line-height: 28px;
        color: #fff;
        padding: 50px 30px 0px;
        margin: 0px auto 0px;

    }
    .section-blue-content img {
        width: 100%;
        display: block;
        margin: 10px auto 20px;
    }
    .section-blue-content h3 {
        font-size:25px;
        margin: 0 auto;
        padding-left: 0px;
        padding-bottom: 8px;
        text-align: center;
    }

    .section-blue-content p {
        padding:0px 20px 10px;
        font-size: 16px;
        text-align: center;
    }

    .section-blue-secound-text .col-3 {
        margin: 50px auto 0px;
        flex: 0 0 auto;
        width: 100%;
    }

    .section-blue-secound .w-40 {
        width: 70%;
    }

    .section-blue-secound-text {
        margin: 0px auto 0px;
        padding: 0px 20px;
    }

    .section-blue-secound-text h3 {
        font-size: 25px;
        margin-bottom: 30px;
        text-align: center;
        color: #fff;
    }

    .section-blue-secound-text p {
        font-size: 16px;
        color: #fff;
        line-height: 26px;
        text-align: center;
        padding: 0px 20px 0px;
    }

    .section-blue-secound .col-md-6 img.w-80 {
        width: 95%;
        margin: 10px auto;
        display: block;
        text-align: center;
    }

    .section-blue-secound .Insights-image-1 {
        text-align: center;
    }

    .section-blue-secound .Insights-image-1 img {
        text-align: center;
        width: 80%;
        margin: 10px auto 30px;
        line-height: 0px;
    }

    .section-regulatory {
        background: url(../svg-annimation/Compliance.svg) no-repeat right top #F7F5FB;
        min-height: 600px;
        position: unset;
        background-size: 130%;

    }

    .section-regulatory-content {
        position: unset;
        font-size: 18px;
        color: #1A043F;
        width: 90%;
        bottom: 0;
        margin: 0px auto;
        float: none;
        padding: 82% 0px 20px;
    }
    .section-regulatory-content .col-3 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-regulatory-content h3 {
        color: #1A043F;
        font-size: 25px;
        margin-bottom: 30px;
    }

    .section-regulatory-content p {
        font-size: 16px;
        color: #1A043F;
        line-height: 26px;
        padding-right:0px;
    }

    .section-our-services {
        background: #F7F5FB;
        min-height: 500px;
        padding: 15% 5% 0%;
        text-align: center  ;
    }

    .section-our-services .phone_img-1.w-40,
    .section-our-services .phone_img-2.w-40 {
        height: auto;
        width: 50%;
        margin: 0px auto;
    }
    .section-our-services .phone_img-1, .section-our-services .phone_img-2 {
        float: none;
        margin: 20px auto;
        
    }
    .section-our-services .col-md-6.d-flex.p-5 {
        flex: 0 0 auto;
        width: 80%;
        padding: 0px !important;
        text-align: center;
        margin: auto;
    }
    .section-our-services .col-md-6.p-5 {
        flex: 0 0 auto;
        width: 100%;
        padding-left:0px !important;
        padding-right:0px !important;
    }

    .section-our-services .our-services-content h3 {
        font-size: 25px;
        margin-bottom: 30px;
        text-align: center;
        color: #1A043F;
    }
    .service-list ul {
        margin: 0px 0px 0px 30px;
        padding: 0px;
    }
    .service-list ul li h4 {
        font-size: 22px;
        color: #1A043F;
        margin-top: -35px;
    }

    .section-our-services .our-services-content p {
        font-size: 16px;
        color: #474747;
        line-height: 28px;
        text-align: center;
        padding: 0px 0px 20px;
        margin: 0px 0px 0px;
    }
    .section-our-services .our-services-content li p {
        text-align: left;
    }
    .section-instapay-numbers {
        background: #fff;
        text-align: center;
        padding: 10% 2.5% 2.5%;
    }
    .section-instapay-numbers h5 {
        font-size: 22px;
        margin-bottom: 15px;
        text-align: left;
        /* color: #1A043F; */
        font-weight: 700;
    }
    .section-instapay-numbers p {
        font-size: 16px;
        /* color: #474747; */
        line-height: 28px;
        text-align: left;
        padding: 0px 0% 0px;
        margin: 0px 0px 0px;
    }
    .section-instapay-numbers .col-md-6:last-child p {
        font-size: 16px;
        /* color: #474747; */
        line-height:28px;
        text-align: left;
        padding: 0px 0% 0px;
        margin: 0px 0px 0px;
    }

    .section-instapay-numbers .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 20px;
    }
 

    .section-instapay-numbers .col-md-6 img.w-80 {
        width:180px !important;
        text-align: center;
        margin: 20px auto 0px;
        display: block;
    }

    .section-blue-three {
        background: #1A043F;
        display: block;
        min-height: 450px;
        
    }

    .section-blue-three .marquee-container {
        height: 100px;
        overflow: hidden;
        line-height: 100px;
        font-size: 50px;
        font-weight: 700;
        color: #1A043F;
        top: 50px;
    }

    .section-blue-three .content-jointoday {
        margin: 0% 5% 2.5%;
        color: #fff;
        border-top: solid 2px #fff;
        padding:5% 0px 0px ;
    }

    .section-blue-three-content {
        position: relative;
        z-index: 9;
        margin-top: -12%;
    } 
    .section-blue-three .content-jointoday h3 {
        font-size: 25px;
        margin-bottom: 10px;
        text-align: center;
        text-transform: uppercase;
    }
    .section-blue-three .content-jointoday p {
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        padding: 0px 0px 20px;
        margin: 0px 0px 0px;
    }

    .section-blue-three-content .joining-links {
        margin: 0% auto 15%;
        text-align: center;
    }
    .section-blue-three-content .joining-links div.d-flex {
        display: inline-block !important;
    }
 
    .section-blue-three-content .joining-links .signup-customer {
 
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 15px;
        border-radius: 36px;
        width: 250px;
        height: 45px;
        display: block;
        cursor: pointer;
        margin: 10px 0px 10px;
    }

    .section-blue-three-content .joining-links .signup-merchant {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 12px;
        border-radius: 36px;
        width: 250px;
        height: 45px;
        display: block;
        cursor: pointer;
        margin: 10px 0px;
    }

    .section-blue-three-content .joining-links .register-web {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 14px;
        border-radius: 36px;
        width: 250px;
        height: 45px;
        display: block;
        cursor: pointer;
        margin: 0px 0px 0px 0px;
    }


    .tab-content1 {
        background: #fff;
        border-radius: 15px;
        width: 340px;
        height: auto;
        margin: -24% auto 0px;
        padding: 25px 10px 25px;
    }
 
    .tab-content2 {
        background: #fff;
        border-radius: 15px;
        width: 340px;
        height: auto;
        margin: -13% auto 0px;
        padding: 25px 10px 25px;
    }

    .tab-content3 {
        background: #fff;
        border-radius: 15px;
        width: 340px;
        height: auto;
        margin: 0% 0px 0px 31%;
        padding: 25px 10px 25px;
    }

    .box.arrow-top::after {
        content: " ";
        position: absolute;
        left: 47%;
        top: -10px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .box.arrow-top1::after {
        content: " ";
        position: absolute;
        left: 47%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .box.arrow-top2::after {
        content: " ";
        position: absolute;
        right: 15%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .footer-middle .joining-links {
        margin: 0px auto;
        text-align: center;
    }
    
    .footer-middle .joining-links .tab-content4 {
        background: #fff;
        border-radius: 15px;
        width: 270px;
        height: auto;
        margin: -59px auto 0px;
        padding: 25px 10px 25px;
    }
    .footer-middle .joining-links .box.arrow-top4::after {
        content: " ";
        position: absolute;
        left: 45.5%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .footer-middle .joining-links .tab-content5 {
        background: #fff;
        border-radius: 15px;
        width: 270px;
        height: auto;
        margin: 10px auto;
        padding: 25px 10px 25px;
    }
    .footer-middle .joining-links .box.arrow-top5::after {
        content: " ";
        position: absolute;
        left: 45.5%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .footer-middle .joining-links .signup-customer {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 15px;
        border-radius: 36px;
        width: 220px;
        height: 45px;
        display: inline-block;
        cursor: pointer;
        margin: 10px 20px 10px;
    }
    .footer-middle .joining-links .signup-merchant {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 15px;
        border-radius: 36px;
        width: 220px;
        height: 45px;
        display: inline-block;
        cursor: pointer;
        margin: 10px 0px;
    }
    .section-blue-three .w-70 {
        width:40%;
    }

    .section-partners {
        display: block;
        min-height: 150px;
        padding: 10% 5% 10%;
        background: #fff;
    }
    
    .section-partners img {
        width: 150px;
    }
    .partner-slider {
        display: block;
        min-height: 200px;
        padding: 1% 0% 2.5%;
        background: #fff;
    }

    .partner-slider p {
        font-size: 16px;
        margin-bottom: 20px;
        text-align: center;
        color: #474747;
        font-weight: 400;
    }

    .footer {
        background: #231837;
        display: block;
        min-height: 500px;
        padding: 5% 1% 2%;
        color: #fff;
    }
    .footer .footer-top h3 {
        font-size: 25px;
        margin-bottom: 30px;
        text-align: center;
        color: #fff;
        font-weight: 700;
    }

    .footer .footer-top p {
        color: #BDBAC3;
        text-align: center;
    }
    .footer-top .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }
    .footer-top .col-md-5 {
        flex: 0 0 auto;
        width: 100%;
    }

    .footer .footer-top a.learn-more {
        background: #fff;
        color: #474747;
        text-decoration: none;
        text-align: center;
        padding: 0px 10px;
        border-radius: 36px;
        width: 180px;
        line-height: 42px;
        font-size: 15px;
        margin: 20px auto 0px;
        float: none;
        display: block;
    }
    .footer .footer-top p br{
        display: none;
    }
    
    .footer .footer-middle .useful-links {
        padding-left: 2%;
        border-bottom: solid 1px #6E6E6E;
    }
    .footer .footer-middle .useful-links h4 {
        font-size: 20px;
        margin: 10px 0px;
        text-align: left;
        color: #fff;
        font-weight: 700;
    }
    .footer .footer-middle h4 {
        margin: 10px 0px; 
    }
    .footer .footer-middle .quick-links {
        padding-left: 2%;
        border-bottom: solid 1px #6E6E6E;
    }
    .footer .footer-middle .quick-links h4 {
        font-size: 20px;
        margin: 10px 0px;
        text-align: left;
        color: #fff;
        font-weight: 700;
    }
    .footer .footer-middle ul li {
        list-style: none;
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 10px;
        display: inline-block;
        margin-right: 10px;
    }
    .footer .footer-middle img {
        width: 105px;
    }
    .footer-middle {
        border-bottom: solid 1px #6E6E6E;
        padding: 30px 20px;
    }
    .footer .footer-middle .col-md-3 {
        flex: 0 0 auto;
        width: 100%;
        padding-left: 10px !important;
    }
    .footer .footer-middle .social-media img {
        width: 40px;
        margin: 0px 1px !important;
    }
    .footer-middle .about-company {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: left;
        padding: 5% 5%;
        border-radius: 40px;
        min-height: 200px;
        margin-bottom: 20px;
    }
    .footer .footer-middle .social-media img:first-child {
        margin-left: 0px !important;
    }
    .footer .footer-middle .social-media img:last-child {
        margin-right: 0px !important;
    }

    .copyrights {
        padding: 30px 0px 0px;
        font-weight: 15px;
        text-align: center;
    }

    .copyrights .text-end {
        text-align: center !important;
        padding: 20px 0px;
    }
    .about-content {
        padding: 5% 5% 0px;
    }
    
    .app-customize .carousel-indicators .active {
        opacity: 1;
        width: 35px !important;
        height: 35px !important;
        border: solid 4px #fff;
        margin-top: -10px;
    }
    .app-customize .carousel-indicators [data-bs-target] {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 20px;
        height: 20px;
        padding: 0;
        margin-right: 10px;
        margin-left: 10px;
        text-indent: -999px;
        cursor: pointer;
        background-clip: padding-box;
        border: solid 5px #fff;
        border-radius: 50%;
        opacity: 1;
    }

    div#preRegisterModal {
        --bs-modal-width: 80%;
        margin: auto;
        top: 6%;
    }

    #preRegister-form .btn-unique {
        float: left !important;
        margin-top: 10px;
    }

    .section-blue-pricing-two img {
        width: 80%;
    }
    .section-blue-pricing-two h3 br {
        display: none;
    }
    .section-blue-pricing-two .content p {
        font-size: 18px;
        line-height: 30px;
        text-align: center;
        padding: 0px 30px 0px;
        margin: 0px auto 0px;
        color: #fff;
    }

    .pricing-banner .banner-text h1 {
        text-align: left;
        font-size: 35px;
        color: #1A043F;
        font-weight: 700;
        margin: 0 auto 30px;
    }

    .section-blue-one-pricing .pricing-content h4 {
        font-size: 20px;
        margin-bottom: 0px;
        text-align: center;
        font-weight: 700;
        color: #BAB4C5;
    }

    .section-transact .transact-content .making-content img, .section-transact .transact-content .receiving-content img {
    width: 100px;
    height: 100px;
    }

    .section-transact .transact-content .making-content h4, .section-transact .transact-content .receiving-content h4 {
        text-align: left;
        font-size: 28px;
    }

    .section-transact .transact-content .making-content p, .section-transact .transact-content .receiving-content p {
        text-align: left;
        font-size: 18px;
        padding-bottom: 20px;
    }

    .section-transact .transact-content .receiving-content ul li, .section-transact .transact-content .making-content ul li {
       
        padding-left: 50px;
        margin-bottom: 15px;
        text-align: left;
        font-size: 18px;
        line-height: 30px;
    }

    .section-transact .transact-content .receiving-content, .section-transact .transact-content .making-content {
        background: #1A043F;
        border-radius: 30px;
        padding: 35px;
        margin: 100px 0px 50px;
        min-height:450px;
        color: #fff;
    }
    

    .section-blue-pricing-two h3 {
        font-size: 28px;
        margin-bottom: 30px;
        text-align: center;
        color: #fff;
    }

    .section-blue-pricing-two {
        background: #1A043F;
        display: block;
        min-height: 600px;
        padding: 8% 20px 8%;
        color: #fff;
    }

    .pricing-banner .col-md-6 {
        width: 100% ;
    }

    .section-transact .transact-content .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-blue-one-pricing .watch-demo, .section-blue-one-pricing a.learn-more {
        float: none;
        margin: 10px auto;
        width: 200px;
    }

    .section-transact h3 {
        font-size: 28px;
        margin-bottom: 30px;
        text-align: center;
        color: #1A043F;
    }

    .section-device img.float-end {
        float: none !important;
        margin: auto;
        display: block;
        width: 30%;
    }

    .section-device h3 {
        font-size: 28px;
        margin-bottom: 30px;
        text-align: center;
        color: #000000;
        font-weight: 700;
    }

    .section-device .get-started {
        background: rgb(255, 170, 112);
        background: linear-gradient(177deg, rgba(255, 170, 112, 1) 0%, rgba(239, 96, 0, 1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        padding: 10px 15px;
        border-radius: 36px;
        width: 200px;
        height: 45px;
        font-weight: 700;
        margin: auto;
        display: block;
        cursor: pointer;
    }
  }

  @media (min-width: 360px) and (max-width: 459.99px) {  
    
    #headermobile {
        display: block;
    }

    .nav.justify-content-center, .topmenu .joining-links {
        visibility: hidden;
        display: none;
    }

    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
         overflow: hidden;
    }

    .container-xxl {
        max-width: 95%;
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
        width: 100%;
        overflow: hidden;
    }

    .nav.justify-content-center {
        display: none;
    }
    .topmenu .register {
        display: none !important;
    }
    .logo img {
        width: 150px;
    }
    
    .copyrights img {
        width: 300px;
    }
    
    .topmenu {
        background: #fff;
        width: 95%;
        max-width: 100%;
        border-radius: 60px;
        height: 80px;
        box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.2);
        margin: 30px auto;
    }
    .topmenu .nav-item {
        margin: 0px 10px;
    }

    .topmenu .nav-item a {
        font-size: 20px;
        font-weight: 700;
        color: #474747;
    }

    .mobile-customer img.w-80 {
        width: 90%;
        margin: 0px auto;
        text-align: center;
        display: block;
    }
    .mobile-merchant img.w-80 {
        width: 90%;
        margin: 0px auto;
        text-align: center;
        display: block;
    }

    .home-banner .col-4 {
        flex: 0 0 auto;
        width: 100%;
    }

    .home-banner {
        min-height: 400px;
    }
    .banner-text h1 {
        text-align: center;
        font-size: 30px;
        color: #000;
        font-weight: 700;
        margin: 20px auto 20px;
    }

    .banner-text h2 {
        text-align: center;
        font-size: 20px;
        color: #000;
        font-weight: 500;
        margin: 0px auto 20px;
    }

    .banner-text img {
        margin-bottom: 0px;
        width: 100%;
    }

    .banner-text img.w-80 {
        width: 65%;
    }

    .home-banner .col-md-6 {
        flex: 0 0 auto;
        width:100%;
        height: 640px;
    }

    .banner-text p {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    width: 90%;
    margin: 0px auto 20px;
    color: #1A043F;
}

    .customer-text {
        position: relative;
        border-radius: 30px;
        width: 95%;
        height: auto;
        background: rgba(71,71,71,0.6);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255,255,255,0.2);
        padding: 20px 20px;
        bottom: 285px;
        left: 0;
        font-weight: 700;
        margin: 0px auto;
    }
    .customer-text h2 {
        font-size: 22px;
        line-height: 26px;
        color: #fff;
        text-align: center;
    }

    .merchant-text br,  .customer-text br {
        display: none;
    }
    .mobile-customer {
        position:unset;
        left: 0%;
        bottom: 150px;
        width: 70%;
        margin: auto;
    }
    .merchant-text {
        position: relative;
        border-radius: 30px;
        width: 95%;
        height: auto;
        background: rgba(71,71,71,0.6);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255,255,255,0.2);
        padding: 20px 20px;
        bottom: 310px;
        right: -0%;
        font-weight: 700;
        margin: auto;
    }
    .merchant-text h2 {
        font-size: 22px;
        line-height: 26px;
        color: #fff;
        text-align: center;
    }
    .merchant-text p, .customer-text p {
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
}
    .mobile-merchant {
        position: unset;
        right: 0%;
        top: 150px;
        width: 70%;
        margin: auto;
    }
    .customer-text .button-signup, .merchant-text .button-signup { 
        padding: 0px 10px; 
        width: 100%;
        margin: auto;
        float: none;
        display: block;
    }
    .customer-text .button-learnmore, .merchant-text .button-learnmore {
        padding: 0px 10px; 
        width: 100%; 
        margin: 10px auto;
        float: none;
        display: block;
    }

    .section-blue {
        background: #1A043F;
        display: block;
        min-height: 510px;
    }

    .section-blue .col-md-7, .section-blue .col-md-5 {
        flex: 0 0 auto;
        width: 100%;
    }
    .section-blue-content {
        font-size: 18px;
        line-height: 28px;
        color: #fff;
        padding: 50px 30px 0px;
        margin: 0px auto 0px;

    }
    .section-blue-content img {
        width: 100%;
        display: block;
        margin: 10px auto 20px;
    }
    .section-blue-content h3 {
        font-size:25px;
        margin: 0 auto;
        padding-left: 0px;
        padding-bottom: 8px;
        text-align: center;
    }

    .section-blue-content p {
        padding:0px 0px 10px;
        font-size: 15px;
        text-align: center;
    }

    .section-blue-secound-text .col-3 {
        margin: 50px auto 0px;
        flex: 0 0 auto;
        width: 100%;
    }

    .section-blue-secound .w-40 {
        width: 70%;
    }

    .section-blue-secound-text {
        margin: 0px auto 0px;
        padding: 0px 20px;
    }

    .section-blue-secound-text h3 {
        font-size: 25px;
        margin-bottom: 30px;
        text-align: center;
        color: #fff;
    }

    .section-blue-secound-text p {
        font-size: 16px;
        color: #fff;
        line-height: 26px;
        text-align: center;
        padding: 0px 0px 0px;
    }

    .section-blue-secound .col-md-6 img.w-80 {
        width: 85%;
        margin: 10px auto;
        display: block;
        text-align: center;
    }

    .section-blue-secound .Insights-image-1 {
        text-align: center;
    }

    .section-blue-secound .Insights-image-1 img {
        text-align: center;
        width: 80%;
        margin: 10px auto 30px;
        line-height: 0px;
    }

    .section-regulatory {
        background: url(../svg-annimation/Compliance.svg) no-repeat right top #F7F5FB;
        min-height: 600px;
        position: unset;
        background-size: 130%;

    }

    .section-regulatory-content {
        position: unset;
        font-size: 18px;
        color: #1A043F;
        width: 100%;
        bottom: 0;
        margin: 0px auto;
        float: none;
        padding: 92% 0px 0px;
    }
    .section-regulatory-content .col-3 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-regulatory-content h3 {
        color: #1A043F;
        font-size: 25px;
        margin-bottom: 30px;
    }

    .section-regulatory-content p {
        font-size: 16px;
        color: #1A043F;
        line-height: 26px;
        padding-right:0px;
    }

    .section-our-services {
        background: #F7F5FB;
        min-height: 500px;
        padding: 15% 5% 0%;
        text-align: center  ;
    }

    .section-our-services .phone_img-1.w-40,
    .section-our-services .phone_img-2.w-40 {
        height: auto;
        width: 50%;
        margin: 0px auto;
    }
    .section-our-services .phone_img-1, .section-our-services .phone_img-2 {
        float: none;
        margin: 20px auto;
        
    }
    .section-our-services .col-md-6.d-flex.p-5 {
        flex: 0 0 auto;
        width: 80%;
        padding: 0px !important;
        text-align: center;
        margin: auto;
    }
    .section-our-services .col-md-6.p-5 {
        flex: 0 0 auto;
        width: 100%;
        padding-left:0px !important;
        padding-right:0px !important;
    }

    .section-our-services .our-services-content h3 {
        font-size: 25px;
        margin-bottom: 30px;
        text-align: center;
        color: #1A043F;
    }
    .service-list ul {
        margin: 0px 0px 0px 30px;
        padding: 0px;
    }
    .service-list ul li h4 {
        font-size: 20px;
        color: #1A043F;
        margin-top: -25px;
    }
    .service-list ul li::before {
        content: "\2022";
        color: #EF6000;
        font-weight: bold;
        display: block;
        width: 20px;
        margin-left: -0.55em;
        font-size: 50px;
    }

    .service-list ul li {
        text-align: left;
        padding: 0px 0px 0px 18px;
        margin: 0px;
        border-left: dashed 2px #EF6000;
        list-style: none;
    }

    .section-our-services .our-services-content p {
        font-size: 16px;
        color: #474747;
        line-height: 28px;
        text-align: center;
        padding: 0px 0px 20px;
        margin: 0px 0px 0px;
    }
    .section-our-services .our-services-content li p {
        text-align: left;
    }
    .section-instapay-numbers {
        background: #fff;
        text-align: center;
        padding: 10% 2.5% 2.5%;
    }
    .section-instapay-numbers h5 {
        font-size: 22px;
        margin-bottom: 15px;
        text-align: left;
        /* color: #1A043F; */
        font-weight: 700;
    }
    .section-instapay-numbers p {
        font-size: 16px;
        /* color: #474747; */
        line-height: 28px;
        text-align: left;
        padding: 0px 0% 0px;
        margin: 0px 0px 0px;
    }
    .section-instapay-numbers .col-md-6:last-child p {
        font-size: 16px;
        /* color: #474747; */
        line-height:28px;
        text-align: left;
        padding: 0px 0% 0px;
        margin: 0px 0px 0px;
    }

    .section-instapay-numbers .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 20px;
    }
 

    .section-instapay-numbers .col-md-6 img.w-80 {
        width:150px !important;
        text-align: center;
        margin: 20px auto 0px;
        display: block;
    }


    .section-blue-three {
        background: #1A043F;
        display: block;
        min-height: 450px;
        
    }

    .section-blue-three .marquee-container {
        height: 100px;
        overflow: hidden;
        line-height: 100px;
        font-size:35px;
        font-weight: 700;
        color: #1A043F;
        top: 50px;
    }

    .section-blue-three .content-jointoday {
        margin: 0% 5% 2.5%;
        color: #fff;
        border-top: solid 2px #fff;
        padding:5% 0px 0px ;
    }

    .section-blue-three-content {
        position: relative;
        z-index: 9;
        margin-top: -12%;
    } 
    .section-blue-three .content-jointoday h3 {
        font-size: 25px;
        margin-bottom: 30px;
        text-align: center;
        text-transform: uppercase;
    }
    .section-blue-three .content-jointoday p {
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        padding: 0px 0px 0px;
        margin: 0px 0px 0px;
    }
    .section-blue-three-content .joining-links {
        margin: 20px auto 20px;
        text-align: center;
    }

    .section-blue-three-content .joining-links div.d-flex {
        display: inline-block !important;
        margin: auto;
        text-align: center;
    }
 
    .section-blue-three-content .joining-links .signup-customer {
 
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 15px;
        border-radius: 36px;
        width: 250px;
        height: 45px;
        display: block;
        cursor: pointer;
        margin: 10px 0px 10px;
    }

    .section-blue-three-content .joining-links .signup-merchant {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 12px;
        border-radius: 36px;
        width: 250px;
        height: 45px;
        display: block;
        cursor: pointer;
        margin: 10px 0px;
    }

    .section-blue-three-content .joining-links .register-web {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 14px;
        border-radius: 36px;
        width: 250px;
        height: 45px;
        display: block;
        cursor: pointer;
        margin: 0px 0px 0px 0px;
    }


    .tab-content1 {
        background: #fff;
        border-radius: 15px;
        width: 340px;
        height: auto;
        margin: -31% auto 0px;
        padding: 25px 10px 25px;
    }
 
    .tab-content2 {
        background: #fff;
        border-radius: 15px;
        width: 340px;
        height: auto;
        margin: -16% auto 0px;
        padding: 25px 10px 25px;
    }

    .tab-content3 {
        background: #fff;
        border-radius: 15px;
        width: 340px;
        height: auto;
        margin: 0% 0px 0px 31%;
        padding: 25px 10px 25px;
    }

    .box.arrow-top::after {
        content: " ";
        position: absolute;
        left: 46%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .box.arrow-top1::after {
        content: " ";
        position: absolute;
        left: 46%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .box.arrow-top2::after {
        content: " ";
        position: absolute;
        right: 15%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .footer-middle .joining-links {
        margin: 0px auto;
        text-align: center;
    }
    
    .footer-middle .joining-links .tab-content4 {
        background: #fff;
        border-radius: 15px;
        width: 270px;
        height: auto;
        margin: -59px auto 0px;
        padding: 25px 10px 25px;
    }
    .footer-middle .joining-links .box.arrow-top4::after {
        content: " ";
        position: absolute;
        left: 45.5%;
        top: -15px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .footer-middle .joining-links .tab-content5 {
        background: #fff;
        border-radius: 15px;
        width: 270px;
        height: auto;
        margin: 10px auto;
        padding: 25px 10px 25px;
    }
    .footer-middle .joining-links .box.arrow-top5::after {
        content: " ";
        position: absolute;
        left: 45.5%;
        top: -15px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .footer-middle .joining-links .signup-customer {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 15px;
        border-radius: 36px;
        width: 220px;
        height: 45px;
        display: inline-block;
        cursor: pointer;
        margin: 10px 20px 10px;
    }
    .footer-middle .joining-links .signup-merchant {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 15px;
        border-radius: 36px;
        width: 220px;
        height: 45px;
        display: inline-block;
        cursor: pointer;
        margin: 10px 0px;
    }
    .section-blue-three .w-70 {
        width:40%;
    }

    .section-partners {
        display: block;
        min-height: 150px;
        padding: 10% 0% 10%;
        background: #fff;
    }
    
    .section-partners img {
        width: 130px;
    }
    .partner-slider {
        display: block;
        min-height: 200px;
        padding: 1% 3% 2.5%;
        background: #fff;
    }

    .partner-slider p {
        font-size: 16px;
        margin-bottom: 20px;
        text-align: center;
        color: #474747;
        font-weight: 400;
    }

    .footer {
        background: #231837;
        display: block;
        min-height: 500px;
        padding: 5% 1% 2%;
        color: #fff;
    }
    .footer .footer-top h3 {
        font-size: 25px;
        margin-bottom: 30px;
        text-align: center;
        color: #fff;
        font-weight: 700;
    }

    .footer .footer-top .col-md-7.ps-0 {
        padding-left: 2% !important;
    }

    .footer .footer-top p {
        color: #BDBAC3;
        text-align: center;
    }
    .footer-top .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }
    .footer-top .col-md-5 {
        flex: 0 0 auto;
        width: 100%;
    }

    .footer .footer-top a.learn-more {
        background: #fff;
        color: #474747;
        text-decoration: none;
        text-align: center;
        padding: 0px 10px;
        border-radius: 36px;
        width: 180px;
        line-height: 42px;
        font-size: 15px;
        margin: 20px auto 0px;
        float: none;
        display: block;
    }
    .footer .footer-top p br{
        display: none;
    }

    .footer .footer-middle 
    
    .footer .footer-middle .useful-links {
        padding-left: 2%;
        border-bottom: solid 1px #6E6E6E;
    }
    .footer .footer-middle .useful-links h4 {
        font-size: 20px;
        margin: 10px 0px;
        text-align: left;
        color: #fff;
        font-weight: 700;
    }
    .footer .footer-middle h4 {
        margin: 10px 0px; 
    }
    .footer .footer-middle .quick-links {
        padding-left: 4%;
        border-bottom: solid 1px #6E6E6E;
    }
    .footer .footer-middle .quick-links h4 {
        font-size: 20px;
        margin: 10px 0px;
        text-align: left;
        color: #fff;
        font-weight: 700;
    }
    .footer .footer-middle ul li {
        list-style: none;
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 10px;
        display: inline-block;
        margin-right: 10px;
    }
    .footer .footer-middle img {
        width: 105px;
    }
    .footer-middle {
        border-bottom: solid 1px #6E6E6E;
        padding: 30px 10px;
    }
    .footer .footer-middle .col-md-3 {
        flex: 0 0 auto;
        width: 100%;
        padding-left: 10px !important;
    }
    .footer .footer-middle .useful-links {
        padding-left: 4%;
        border-bottom: solid 1px #6E6E6E;
    }
    
    .footer .footer-middle .col-md-3.ps-0 {
        padding-left: 3% !important;
    }
    .footer .footer-middle .col-md-3.pe-0 {
        padding-right: 3% !important;
    }
    .footer .footer-middle .social-media img {
        width: 40px;
        margin: 0px 5px !important;
    }
    .footer-middle .about-company {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: left;
        padding: 5% 5%;
        border-radius: 40px;
        min-height: 200px;
        margin-bottom: 20px;
    }
    .footer .footer-middle .social-media img:first-child {
        margin-left: 0px !important;
    }
    .footer .footer-middle .social-media img:last-child {
        margin-right: 0px !important;
    }

    .copyrights {
        padding: 30px 0px 0px;
        font-weight: 400;
        text-align: center;
        
    }

    .copyrights .text-end {
        text-align: center !important;
        padding: 20px 0px 0px;
        font-size: 15px;
    }
    .about-content {
        padding: 5% 5% 0px;
    }
 
    .section-instaPay-ecosystem img.w-80 {
        width: 80% !important;
        display: block;
        margin: 0px auto 20px;
    }

    .section-instaPay-ecosystem .w-90 {
        width: 70% !important;
        display: block;
        margin: 20px auto;
    }
    
    .app-customize .carousel-indicators .active {
        opacity: 1;
        width: 26px !important;
        height: 26px !important;
        border: solid 3px #fff;
        margin-top: -5px;
    }
    .app-customize .carousel-indicators [data-bs-target] {
        box-sizing: content-box;
        flex: 0 1 auto;
        width:16px;
        height:16px;
        padding: 0;
        margin-right: 10px;
        margin-left: 10px;
        text-indent: -999px;
        cursor: pointer;
        background-clip: padding-box;
        border: solid 2px #fff;
        border-radius: 50%;
        opacity: 1;
    }
  }

  @media (min-width: 320px) and (max-width: 359.99px) {    


    #headermobile {
        display: block;
    }

    .nav.justify-content-center, .topmenu .joining-links {
        visibility: hidden;
        display: none;
    }
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
         overflow: hidden;
    }

    .container-xxl {
        max-width: 95%;
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
        width: 100%;
        overflow: hidden;
    }

    .nav.justify-content-center {
        visibility: hidden;
    }
    .topmenu .register {
        visibility: hidden;
    }
    .logo img {
        width: 150px;
    }
    
    .copyrights img {
        width: 150px;
    }
    
    .topmenu {
        background: #fff;
        width: 95%;
        max-width: 100%;
        border-radius: 60px;
        height: 80px;
        box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.2);
        margin: 30px auto;
    }
    .topmenu .nav-item {
        margin: 0px 10px;
    }

    .topmenu .nav-item a {
        font-size: 20px;
        font-weight: 700;
        color: #474747;
    }

    .mobile-customer img.w-80 {
        width: 95%;
        margin: 0px auto;
        text-align: center;
        display: block;
    }
    .mobile-merchant img.w-80 {
        width: 95%;
        margin: 0px auto;
        text-align: center;
        display: block;
    }

    .merchant-text p {
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
}

    .home-banner .col-4 {
        flex: 0 0 auto;
        width: 100%;
    }

    .home-banner {
        min-height: 400px;
    }
    .banner-text h1 {
        text-align: center;
        font-size: 30px;
        color: #000;
        font-weight: 700;
        margin: 20px auto 20px;
    }
    .banner-text h2 {
        text-align: center;
        font-size: 18px;
        color: #000;
        font-weight: 500;
        margin: 0px auto 20px;
    }
    .banner-text img {
        margin-bottom: 0px;
        width: 100%;
    }

    .home-banner .col-md-6 {
        flex: 0 0 auto;
        width:100%;
        height: 600px;
    }
    .customer-text p {
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
}
    .banner-text p {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    width: 95%;
    margin: 0px auto 20px;
    color: #1A043F;
}

    .customer-text {
        position: relative;
        border-radius: 30px;
        width: 100%;
        height: auto;
        background: rgba(71,71,71,0.6);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255,255,255,0.2);
        padding: 20px 20px;
        bottom: 230px;
        left: 0;
        font-weight: 700;
    }
    .customer-text h2 {
        font-size: 18px;
        line-height: 26px;
        color: #fff;
        text-align: center;
    }

    .merchant-text br,  .customer-text br {
        display: none;
    }
    .mobile-customer {
        position:unset;
        left: 0%;
        bottom: 150px;
        width: 70%;
        margin: auto;
    }
    .merchant-text {
        position: relative;
        border-radius: 30px;
        width: 100%;
        height: auto;
        background: rgba(71,71,71,0.6);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255,255,255,0.2);
        padding: 20px 20px;
        bottom: 230px;
        right: -0%;
        font-weight: 700;
    }
    .merchant-text h2 {
        font-size: 20px;
        line-height: 26px;
        color: #fff;
        text-align: center;
    }
    .mobile-merchant {
        position: unset;
        right: 0%;
        top: 150px;
        width: 70%;
        margin: auto;
    }
    .customer-text .button-signup, .merchant-text .button-signup { 
        padding: 0px 10px; 
        width: 100%;
        margin: auto;
        float: none;
        display: block;
    }
    .customer-text .button-learnmore, .merchant-text .button-learnmore {
        padding: 0px 10px; 
        width: 100%; 
        margin: 10px auto;
        float: none;
        display: block;
    }

    .section-blue {
        background: #1A043F;
        display: block;
        min-height: 510px;
    }

    .section-blue .col-md-7, .section-blue .col-md-5 {
        flex: 0 0 auto;
        width: 100%;
    }
    .section-blue-content {
        font-size: 18px;
        line-height: 28px;
        color: #fff;
        padding: 50px 30px 0px;
        margin: 0px auto 0px;

    }
    .section-blue-content img {
        width: 100%;
        display: block;
        margin: 10px auto 20px;
    }
    .section-blue-content h3 {
        font-size:25px;
        margin: 0 auto;
        padding-left: 0px;
        padding-bottom: 8px;
        text-align: center;
    }

    .section-blue-content p {
        padding:0px 0px 10px;
        font-size: 15px;
        text-align: center;
    }

    .section-blue-secound-text .col-3 {
        margin: 50px auto 0px;
        flex: 0 0 auto;
        width: 100%;
    }

    .section-blue-secound .w-40 {
        width: 70%;
    }

    .section-blue-secound-text {
        margin: 0px auto 0px;
        padding: 0px 20px;
    }

    .section-blue-secound-text h3 {
        font-size: 25px;
        margin-bottom: 30px;
        text-align: center;
        color: #fff;
    }

    .section-blue-secound-text p {
        font-size: 16px;
        color: #fff;
        line-height: 26px;
        text-align: center;
        padding: 0px 0px 0px;
    }

    .section-blue-secound .col-md-6 img.w-80 {
        width: 85%;
        margin: 10px auto;
        display: block;
        text-align: center;
    }

    .section-blue-secound .Insights-image-1 {
        text-align: center;
    }

    .section-blue-secound .Insights-image-1 img {
        text-align: center;
        width: 80%;
        margin: 10px auto 30px;
        line-height: 0px;
    }

    .section-regulatory {
        background: url(../svg-annimation/Compliance.svg) no-repeat right top #F7F5FB;
        min-height: 600px;
        position: unset;
        background-size: 130%;

    }

    .section-regulatory-content {
        position: unset;
        font-size: 18px;
        color: #1A043F;
        width: 100%;
        bottom: 0;
        margin: 0px auto;
        float: none;
        padding: 92% 0px 0px;
    }
    .section-regulatory-content .col-3 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-regulatory-content h3 {
        color: #1A043F;
        font-size: 25px;
        margin-bottom: 30px;
    }

    .section-regulatory-content p {
        font-size: 16px;
        color: #1A043F;
        line-height: 26px;
        padding-right:0px;
    }

    .section-our-services {
        background: #F7F5FB;
        min-height: 500px;
        padding: 15% 5% 0%;
        text-align: center  ;
    }

    .section-our-services .phone_img-1.w-40,
    .section-our-services .phone_img-2.w-40 {
        height: auto;
        width: 50%;
        margin: 0px auto;
    }
    .section-our-services .phone_img-1, .section-our-services .phone_img-2 {
        float: none;
        margin: 20px auto;
        
    }
    .section-our-services .col-md-6.d-flex.p-5 {
        flex: 0 0 auto;
        width: 80%;
        padding: 0px !important;
        text-align: center;
        margin: auto;
    }
    .section-our-services .col-md-6.p-5 {
        flex: 0 0 auto;
        width: 100%;
        padding-left:0px !important;
        padding-right:0px !important;
    }

    .section-our-services .our-services-content h3 {
        font-size: 25px;
        margin-bottom: 30px;
        text-align: center;
        color: #1A043F;
    }
    .service-list ul {
        margin: 0px 0px 0px 30px;
        padding: 0px;
    }
    .service-list ul li h4 {
        font-size: 20px;
        color: #1A043F;
        margin-top: -25px;
    }
    .service-list ul li::before {
        content: "\2022";
        color: #EF6000;
        font-weight: bold;
        display: block;
        width: 20px;
        margin-left: -0.55em;
        font-size: 50px;
    }

    .service-list ul li {
        text-align: left;
        padding: 0px 0px 0px 18px;
        margin: 0px;
        border-left: dashed 2px #EF6000;
        list-style: none;
    }

    .section-our-services .our-services-content p {
        font-size: 16px;
        color: #474747;
        line-height: 28px;
        text-align: center;
        padding: 0px 0px 20px;
        margin: 0px 0px 0px;
    }
    .section-our-services .our-services-content li p {
        text-align: left;
    }
    .section-instapay-numbers {
        background: #fff;
        text-align: center;
        padding: 10% 2% 2.5%;
    }
    .section-instapay-numbers h5 {
        font-size: 22px;
        margin-bottom: 15px;
        text-align: left;
        /* color: #1A043F; */
        font-weight: 700;
    }
    .section-instapay-numbers p {
        font-size: 18px;
        /* color: #474747; */
        line-height: 28px;
        text-align: left;
        padding: 0px 0% 0px;
        margin: 0px 0px 0px;
    }
    .section-instapay-numbers .col-md-6:last-child p {
        font-size: 16px;
        /* color: #474747; */
        line-height:28px;
        text-align: left;
        padding: 0px 0% 0px;
        margin: 0px 0px 0px;
    }

    .section-instapay-numbers .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 20px;
    }
 

    .section-instapay-numbers .col-md-6 img.w-80 {
        width:150px !important;
        text-align: center;
        margin: 20px auto 0px;
        display: block;
    }

    .section-blue-three {
        background: #1A043F;
        display: block;
        min-height: 450px;
        
    }

    .section-blue-three .marquee-container {
        height: 100px;
        overflow: hidden;
        line-height: 100px;
        font-size: 50px;
        font-weight: 700;
        color: #1A043F;
        top: 50px;
    }

    .section-blue-three .content-jointoday {
        margin: 0% 5% 2.5%;
        color: #fff;
        border-top: solid 2px #fff;
        padding:5% 0px 0px ;
    }

    .section-blue-three-content {
        position: relative;
        z-index: 9;
        margin-top: -12%;
    } 
    .section-blue-three .content-jointoday h3 {
        font-size: 25px;
        margin-bottom: 30px;
        text-align: center;
        text-transform: uppercase;
    }
    .section-blue-three .content-jointoday p {
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        padding: 0px 0px 0px;
        margin: 0px 0px 0px;
    }
     
    .section-blue-three-content .joining-links {
        margin: 20px auto 20px;
        text-align: center;
    }

    .section-blue-three-content .joining-links div.d-flex {
        display: inline-block !important;
        margin: auto;
        text-align: center;
    }
 
    .section-blue-three-content .joining-links .signup-customer {
 
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 15px;
        border-radius: 36px;
        width: 250px;
        height: 45px;
        display: block;
        cursor: pointer;
        margin: 10px 0px 10px;
    }

    .section-blue-three-content .joining-links .signup-merchant {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 12px;
        border-radius: 36px;
        width: 250px;
        height: 45px;
        display: block;
        cursor: pointer;
        margin: 10px 0px;
    }

    .section-blue-three-content .joining-links .register-web {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 14px;
        border-radius: 36px;
        width: 250px;
        height: 45px;
        display: block;
        cursor: pointer;
        margin: 0px 0px 0px 0px;
    }


    .tab-content1 {
        background: #fff;
        border-radius: 15px;
        width: 300px;
        height: auto;
        margin: -35% auto 0px;
        padding: 25px 10px 25px;
    }
 
    .tab-content2 {
        background: #fff;
        border-radius: 15px;
        width: 300px;
        height: auto;
        margin: -18% auto 0px;
        padding: 25px 10px 25px;
    }

    .tab-content3 {
        background: #fff;
        border-radius: 15px;
        width: 340px;
        height: auto;
        margin: 0% 0px 0px 31%;
        padding: 25px 10px 25px;
    }
    .tab-content1 img, .tab-content2 img {
        width: 105px;
    }

    .box.arrow-top::after {
        content: " ";
        position: absolute;
        left: 46%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .box.arrow-top1::after {
        content: " ";
        position: absolute;
        left: 46%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .box.arrow-top2::after {
        content: " ";
        position: absolute;
        right: 15%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .footer-middle .joining-links {
        margin: 0px auto;
        text-align: center;
    }
    
    .footer-middle .joining-links .tab-content4 {
        background: #fff;
        border-radius: 15px;
        width: 270px;
        height: auto;
        margin: -60px auto 0px;
        padding: 25px 10px 25px;
    }
    .footer-middle .joining-links .box.arrow-top4::after {
        content: " ";
        position: absolute;
        left: 45.5%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .footer-middle .joining-links .tab-content5 {
        background: #fff;
        border-radius: 15px;
        width: 270px;
        height: auto;
        margin: 10px auto;
        padding: 25px 10px 25px;
    }
    .footer-middle .joining-links .box.arrow-top5::after {
        content: " ";
        position: absolute;
        left: 45.5%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .footer-middle .joining-links .signup-customer {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 15px;
        border-radius: 36px;
        width: 220px;
        height: 45px;
        display: inline-block;
        cursor: pointer;
        margin: 10px 20px 10px;
    }
    .footer-middle .joining-links .signup-merchant {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        padding: 10px 15px;
        border-radius: 36px;
        width: 220px;
        height: 45px;
        display: inline-block;
        cursor: pointer;
        margin: 10px 0px;
    }

    .section-blue-three .w-70 {
        width:40%;
    }

    .section-partners {
        display: block;
        min-height: 150px;
        padding: 10% 0% 10%;
        background: #fff;
    }
    
    .section-partners img {
        width: 130px;
    }
    .partner-slider {
        display: block;
        min-height: 200px;
        padding: 1% 3% 2.5%;
        background: #fff;
    }

    .partner-slider p {
        font-size: 16px;
        margin-bottom: 20px;
        text-align: center;
        color: #474747;
        font-weight: 400;
    }

    .footer {
        background: #231837;
        display: block;
        min-height: 500px;
        padding: 5% 1% 2%;
        color: #fff;
    }
    .footer .footer-top h3 {
        font-size: 25px;
        margin-bottom: 30px;
        text-align: center;
        color: #fff;
        font-weight: 700;
    }

    .footer .footer-top .col-md-7.ps-0 {
        padding-left: 2% !important;
    }

    .footer .footer-top p {
        color: #BDBAC3;
        text-align: center;
    }
    .footer-top .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }
    .footer-top .col-md-5 {
        flex: 0 0 auto;
        width: 100%;
    }

    .footer .footer-top a.learn-more {
        background: #fff;
        color: #474747;
        text-decoration: none;
        text-align: center;
        padding: 0px 10px;
        border-radius: 36px;
        width: 180px;
        line-height: 42px;
        font-size: 15px;
        margin: 20px auto 0px;
        float: none;
        display: block;
    }
    .footer .footer-top p br{
        display: none;
    }
    
    .footer .footer-middle .useful-links {
        padding-left: 4%;
        border-bottom: solid 1px #6E6E6E;
    }
    .footer .footer-middle .useful-links h4 {
        font-size: 20px;
        margin: 10px 0px;
        text-align: left;
        color: #fff;
        font-weight: 700;
    }
    .footer .footer-middle h4 {
        margin: 10px 0px; 
    }
    .footer .footer-middle .quick-links {
        padding-left: 4%;
        border-bottom: solid 1px #6E6E6E;
    }
    .footer .footer-middle .quick-links h4 {
        font-size: 20px;
        margin: 10px 0px;
        text-align: left;
        color: #fff;
        font-weight: 700;
    }
    .footer .footer-middle ul li {
        list-style: none;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 5px;
        display: inline-block;
        margin-right: 10px;
    }
    .footer .footer-middle img {
        width: 105px;
    }

    .footer-middle {
        border-bottom: solid 1px #6E6E6E;
        padding: 30px 20px;
    }

    .footer .footer-middle .col-md-3 {
        flex: 0 0 auto;
        width: 100%;
        padding-left: 10px !important;
    }
 
    .footer .footer-middle .col-md-3.ps-0 {
        padding-left: 5% !important;
    }
    .footer .footer-middle .col-md-3.pe-0 {
        padding-right: 5% !important;
    }
    .footer .footer-middle .social-media img {
        width: 40px;
        margin: 0px 5px !important;
    }
    .footer-middle .about-company {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: left;
        padding: 8% 8%;
        border-radius: 40px;
        min-height: 200px;
        margin-bottom: 20px;
    }
    .footer .footer-middle .social-media img:first-child {
        margin-left: 0px !important;
    }
    .footer .footer-middle .social-media img:last-child {
        margin-right: 0px !important;
    }

    .copyrights {
        padding: 30px 0px 0px;
        font-weight: 400;
        text-align: center;
        
    }

    .copyrights .text-end {
        text-align: center !important;
        padding: 20px 0px 0px;
        font-size: 13px;
    }
    .footer-middle .about-company .social-media ul li a {
        width: 40px;
        height: 40px;
        background-color: #fff;
        text-align: center;
        line-height: 37px;
        font-size: 20px;
        margin: 0 10px 0px 0px;
        display: block;
        border-radius: 50%;
        position: relative;
        overflow: hidden;
        border: 3px solid #fff;
        z-index: 1;
    }

    .app-customize .carousel-indicators .active {
        opacity: 1;
        width: 26px !important;
        height: 26px !important;
        border: solid 3px #fff;
        margin-top: -5px;
    }
    .app-customize .carousel-indicators [data-bs-target] {
        box-sizing: content-box;
        flex: 0 1 auto;
        width:16px;
        height:16px;
        padding: 0;
        margin-right: 10px;
        margin-left: 10px;
        text-indent: -999px;
        cursor: pointer;
        background-clip: padding-box;
        border: solid 2px #fff;
        border-radius: 50%;
        opacity: 1;
    }
    .section-instapay-numbers h4 {
    font-size: 30px;
    margin-bottom: 20px;
    text-align: left;
    color: #fff;
    font-weight: 700;
    background: url(../images/underline.svg) left bottom no-repeat;
    padding-bottom: 25px;
}
  }



  /*about Us */

  @media (min-width: 1280px) and (max-width: 1500px) {

  .about-content .col-md-7 {
	flex: 0 0 auto;
	width: 75%;
}

.about-banner {
    margin: auto;
    padding: 0 0px 2%;
    min-height: 300px;
    background: url(../images/about-bg.png) no-repeat center top;
    border-radius: 20px;
    width: 95%;
    background-size:cover;
}

.section-instaPay-ecosystem .col-md-7 {
	flex: 0 0 auto;
	width: 75%;
}

.section-instaPay-ecosystem p {
	font-size: 16px;
	line-height: 30px;
}

.section-join-this-journey p {
	font-size: 16px;
	line-height: 30px;
}

.section-join-this-journey .col-md-8 {
	flex: 0 0 auto;
	width: 75%;
}

  }

  @media (min-width: 1024.99px) and (max-width: 1279px) { 
        
    .about-banner .about-content h1 {
        text-align: left;
        font-size: 40px;
        color: #fff;
        font-weight: 700;
        margin: 0 auto 20px;
    }

    .about-content .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .about-banner {
        margin: auto;
        padding: 0 0px 2%;
        min-height: 300px;
        background: url(../images/about-bg.png) no-repeat center top;
        border-radius: 20px;
        width: 95%;
        background-size:cover;
    }

    .about-banner p {
        font-size: 16px;
        line-height: 26px;
        text-align: left;
        padding: 0px 0px 15px;
        margin: 0px 0px 0px;
        color: #fff;
    }
    .section-instaPay-ecosystem .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-instaPay-ecosystem p {
        font-size: 16px;
        line-height: 30px;
    }

    .section-join-this-journey p {
        font-size: 16px;
        line-height: 30px;
    }

    .section-join-this-journey .col-md-8 {
        flex: 0 0 auto;
        width: 100%;
    }

    .our-mission-vision .card p {
        font-size: 17px;
        line-height: 30px;
        text-align: left;
        padding: 0px 0px 10px;
    }

    .our-mission-vision .card h2 {
        font-size: 25px;
        line-height: 35px;
        text-align: left;
        padding: 0px 0px;
        margin: 0px 0px 10px;
        color: #1A043F;
    }

    .section-instaPay-ecosystem {
        background: #fff;
        text-align: center;
        padding: 5% 0% 2.5%;
        min-height: 500px;
    }

    .section-join-this-journey {
        text-align: center;
        padding: 5% 0% 2.5%;
        min-height: 500px;
    }
  }

  @media (min-width: 992px) and (max-width: 1024px) {    

    .about-banner .about-content h1 {
        text-align: left;
        font-size: 35px;
        color: #fff;
        font-weight: 700;
        margin: 0 auto 20px;
    }

    .about-content .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .about-banner {
        margin: auto;
        padding: 0 0px 2%;
        min-height: 300px;
        background: url(../images/about-bg.png) no-repeat center top;
        border-radius: 20px;
        width: 95%;
        background-size: cover;
    }

    .about-banner p {
        font-size: 16px;
        line-height: 26px;
        text-align: left;
        padding: 0px 0px 15px;
        margin: 0px 0px 0px;
        color: #fff;
    }
    .section-instaPay-ecosystem .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-instaPay-ecosystem p {
        font-size: 16px;
        line-height: 30px;
    }

    .section-join-this-journey p {
        font-size: 16px;
        line-height: 30px;
    }

    .section-join-this-journey .col-md-8 {
        flex: 0 0 auto;
        width: 100%;
    }

    .our-mission-vision .card p {
        font-size: 17px;
        line-height: 30px;
        text-align: left;
        padding: 0px 0px 10px;
    }

    .our-mission-vision .card h2 {
        font-size: 25px;
        line-height: 35px;
        text-align: left;
        padding: 0px 0px;
        margin: 0px 0px 10px;
        color: #1A043F;
    }

    .section-instaPay-ecosystem {
        background: #fff;
        text-align: center;
        padding: 5% 0% 2.5%;
        min-height: 500px;
    }

    .section-join-this-journey {
        text-align: center;
        padding: 5% 0% 2.5%;
        min-height: 500px;
    }
    .partner-slider {
        display: block;
        min-height: 200px;
        padding: 1% 0% 2.5%;
        background: #fff;
    }
  }

  @media (min-width: 768px) and (max-width:991.99px) {    

    .about-banner .about-content h1 {
        text-align: left;
        font-size: 35px;
        color: #fff;
        font-weight: 700;
        margin: 0 auto 20px;
    }

    .about-content .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .about-banner {
        margin: auto;
        padding: 0 0px 2%;
        min-height: 300px;
        background: url(../images/about-bg.png) no-repeat center top;
        border-radius: 20px;
        width: 95%;
        background-size: cover;
    }

    .about-banner p {
        font-size: 16px;
        line-height: 26px;
        text-align: left;
        padding: 0px 0px 15px;
        margin: 0px 0px 0px;
        color: #fff;
    }

    .our-mission-vision .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 25px;
    }

    .our-mission-vision .card {
        margin: 0px auto;
        text-align: center;
        padding: 5% 6% 3%;
        border-radius: 30px;
        height: auto;
        border: solid 2px #C7CDE3;
        width: 100.00%;
        -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
    }

    .section-instaPay-ecosystem .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-instaPay-ecosystem p {
        font-size: 16px;
        line-height: 30px;
    }

    .section-join-this-journey p {
        font-size: 16px;
        line-height: 30px;
        padding: 0px 0% 10px;
    }

    .section-join-this-journey .col-md-8 {
        flex: 0 0 auto;
        width: 100%;
    }

    .our-mission-vision .card p {
        font-size: 17px;
        line-height: 30px;
        text-align: left;
        padding: 0px 0px 10px;
    }

    .our-mission-vision .card h2 {
        font-size: 25px;
        line-height: 35px;
        text-align: left;
        padding: 0px 0px;
        margin: 0px 0px 10px;
        color: #1A043F;
    }

    .section-instaPay-ecosystem {
        background: #fff;
        text-align: center;
        padding: 5% 0% 2.5%;
        min-height: 500px;
    }

    .section-join-this-journey {
        text-align: center;
        padding: 5% 0% 2.5%;
        min-height: 500px;
    }
    .partner-slider {
        display: block;
        min-height: 200px;
        padding: 1% 0% 2.5%;
        background: #fff;
    }

    .footer .footer-top h3 {
        font-size: 25px;
        margin-bottom: 20px;
    }

    .section-join-this-journey .payment-bg h3 {
        font-size: 30px;
        margin-bottom: 15px;
        text-align: center;
        color: #fff;
    }
  }

  @media (min-width: 560px) and (max-width:767.99px) {    

    .about-banner .about-content h1 {
        text-align: left;
        font-size: 35px;
        color: #fff;
        font-weight: 700;
        margin: 0 auto 20px;
    }

    .about-content .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .about-banner {
        margin: auto;
        padding: 0 0px 2%;
        min-height: 300px;
        background: url(../images/about-bg.png) no-repeat center top;
        border-radius: 20px;
        width: 95%;
        background-size: cover;
    }

    .about-banner p {
        font-size: 16px;
        line-height: 26px;
        text-align: left;
        padding: 0px 0px 15px;
        margin: 0px 0px 0px;
        color: #fff;
    }

    .our-mission-vision .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 25px;
    }

    .our-mission-vision .card {
        margin: 0px auto;
        text-align: center;
        padding: 5% 6% 3%;
        border-radius: 30px;
        height: auto;
        border: solid 2px #C7CDE3;
        width: 100.00%;
        -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
    }

    .section-instaPay-ecosystem .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-instaPay-ecosystem p {
        font-size: 16px;
        line-height: 30px;
    }

    .section-join-this-journey p {
        font-size: 16px;
        line-height: 30px;
        padding: 0px 2% 10px;
    }

    .section-join-this-journey .col-md-8 {
        flex: 0 0 auto;
        width: 100%;
    }

    .our-mission-vision .card p {
        font-size: 17px;
        line-height: 30px;
        text-align: left;
        padding: 0px 0px 10px;
    }

    .our-mission-vision .card h2 {
        font-size: 25px;
        line-height: 35px;
        text-align: left;
        padding: 0px 0px;
        margin: 0px 0px 10px;
        color: #1A043F;
    }

    .section-instaPay-ecosystem {
        background: #fff;
        text-align: center;
        padding: 5% 0% 2.5%;
        min-height: 500px;
    }

    .section-instaPay-ecosystem img.w-80 {
        width: 60% !important;
        display: block;
        margin: 0px auto 20px;
    }

    .section-instaPay-ecosystem .w-90 {
        width: 60% !important;
        display: block;
        margin: 20px auto;
    }

    .section-join-this-journey {
        text-align: center;
        padding: 5% 0% 2.5%;
        min-height: 500px;
    }
    .partner-slider {
        display: block;
        min-height: 200px;
        padding: 1% 0% 2.5%;
        background: #fff;
    }

    .footer .footer-top h3 {
        font-size: 25px;
        margin-bottom: 20px;
    }
    .section-join-this-journey .payment-bg h3 {
        font-size: 25px;
        margin-bottom: 10px;
        text-align: center;
        color: #fff;
    }
    .section-join-this-journey .payment-bg {
        background: url(../images/future-of-payments-bg.png) no-repeat center top;
        background-size: 100%;
        text-align: center;
        margin: 30px auto 40px;
        padding: 4% 0% 4%;
        color: #fff;
    }
  }

  @media (min-width: 460px) and (max-width:559.99px) {    

    .about-banner .about-content h1 {
        text-align: left;
        font-size: 30px;
        color: #fff;
        font-weight: 700;
        margin: 0 auto 20px;
    }

    .about-content .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .about-banner {
        margin: auto;
        padding: 2% 2%;
        min-height: 300px;
        background: url(../images/about-bg.png) no-repeat center top;
        border-radius: 20px;
        width: 95%;
        background-size: cover;
    }

    .about-banner p {
        font-size: 16px;
        line-height: 26px;
        text-align: left;
        padding: 0px 0px 15px;
        margin: 0px 0px 0px;
        color: #fff;
    }

    .our-mission-vision .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 25px;
    }

    .our-mission-vision .card {
        margin: 0px auto;
        text-align: center;
        padding: 5% 6% 3%;
        border-radius: 30px;
        height: auto;
        border: solid 2px #C7CDE3;
        width: 100.00%;
        -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
    }

    .section-instaPay-ecosystem .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-instaPay-ecosystem p {
        font-size: 16px;
        line-height: 30px;
    }

    .section-join-this-journey p {
        font-size: 16px;
        line-height: 30px;
        padding: 0px 2% 10px;
    }

    .section-join-this-journey .col-md-8 {
        flex: 0 0 auto;
        width: 100%;
    }

    .our-mission-vision .card p {
        font-size: 17px;
        line-height: 30px;
        text-align: left;
        padding: 0px 0px 10px;
    }

    .our-mission-vision .card h2 {
        font-size: 25px;
        line-height: 35px;
        text-align: left;
        padding: 0px 0px;
        margin: 0px 0px 10px;
        color: #1A043F;
    }

    .section-instaPay-ecosystem {
        background: #fff;
        text-align: center;
        padding: 5% 0% 2.5%;
        min-height: 500px;
    }
    .section-instaPay-ecosystem img.w-80 {
        width: 60% !important;
        display: block;
        margin: 0px auto 20px;
    }

    .section-instaPay-ecosystem .w-90 {
        width: 60% !important;
        display: block;
        margin: 20px auto;
    }

    .section-join-this-journey {
        text-align: center;
        padding: 5% 0% 2.5%;
        min-height: 500px;
    }
    .partner-slider {
        display: block;
        min-height: 200px;
        padding: 1% 0% 2.5%;
        background: #fff;
    }

    .footer .footer-top h3 {
        font-size: 25px;
        margin-bottom: 20px;
    }
    .section-join-this-journey .payment-bg h3 {
        font-size: 20px;
        margin-bottom: 5px;
        text-align: center;
        color: #fff;
    }
    .section-join-this-journey .payment-bg {
        background: url(../images/future-of-payments-bg-sm.png) no-repeat center top;
        background-size: 100%;
        text-align: center;
        margin: 30px auto 40px;
        padding: 4% 0% 4%;
        color: #fff;
    }
    .section-join-this-journey .payment-bg p {
        font-size: 17px;
        line-height: 27px;
    }
  }

  @media (min-width: 360px) and (max-width:459.99px) {    

    .about-banner .about-content h1 {
        text-align: left;
        font-size: 30px;
        color: #fff;
        font-weight: 700;
        margin: 0 auto 20px;
    }

    .about-content .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .about-banner {
        margin: auto;
        padding: 2% 2% 2%;
        min-height: 300px;
        background: url(../images/about-bg.png) no-repeat center top;
        border-radius: 20px;
        width: 95%;
        background-size: cover;
    }

    .about-banner p {
        font-size: 16px;
        line-height: 26px;
        text-align: left;
        padding: 0px 0px 15px;
        margin: 0px 0px 0px;
        color: #fff;
    }

    .our-mission-vision .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 25px;
    }

    .our-mission-vision .card {
        margin: 0px auto;
        text-align: center;
        padding: 5% 6% 3%;
        border-radius: 30px;
        height: auto;
        border: solid 2px #C7CDE3;
        width: 100.00%;
        -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
    }

    .section-instaPay-ecosystem .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-instaPay-ecosystem p {
        font-size: 16px;
        line-height: 30px;
    }

    .section-join-this-journey p {
        font-size: 16px;
        line-height: 30px;
        padding: 0px 3% 10px;
    }

    .section-join-this-journey .col-md-8 {
        flex: 0 0 auto;
        width: 100%;
    }

    .our-mission-vision .card p {
        font-size: 17px;
        line-height: 30px;
        text-align: left;
        padding: 0px 0px 10px;
    }

    .our-mission-vision .card h2 {
        font-size: 25px;
        line-height: 35px;
        text-align: left;
        padding: 0px 0px;
        margin: 0px 0px 10px;
        color: #1A043F;
    }

    .section-instaPay-ecosystem {
        background: #fff;
        text-align: center;
        padding: 5% 0% 2.5%;
        min-height: 500px;
    }

    .section-instaPay-ecosystem img.w-80 {
        width: 60% !important;
        display: block;
        margin: 0px auto 20px;
    }

    .section-instaPay-ecosystem .w-90 {
        width: 60% !important;
        display: block;
        margin: 20px auto;
    }

    .section-join-this-journey {
        text-align: center;
        padding: 5% 0% 2.5%;
        min-height: 500px;
    }
    .partner-slider {
        display: block;
        min-height: 200px;
        padding: 1% 0% 2.5%;
        background: #fff;
    }

    .footer .footer-top h3 {
        font-size: 23px;
        margin-bottom: 20px;
    }
    .section-join-this-journey .payment-bg h3 {
        font-size: 20px;
        margin-bottom: 5px;
        text-align: center;
        color: #fff;
    }
    .section-join-this-journey .payment-bg {
        background: url(../images/future-of-payments-bg-xs.png) no-repeat center top;
        background-size:contain;
        text-align: center;
        margin: 30px auto 40px;
        padding: 4% 0% 4%;
        color: #fff;
    }
    .section-join-this-journey .payment-bg p {
        font-size: 17px;
        line-height: 27px;
    }
    
  }

  @media (min-width: 320px) and (max-width:359.99px) {    

    .about-banner .about-content h1 {
        text-align: left;
        font-size: 25px;
        color: #fff;
        font-weight: 700;
        margin: 0 auto 20px;
    }

    .about-content .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .about-banner {
        margin: auto;
        padding: 2% 2% 2%;
        min-height: 300px;
        background: url(../images/about-bg.png) no-repeat center top;
        border-radius: 20px;
        width: 95%;
        background-size: cover;
    }

    .about-banner p {
        font-size: 16px;
        line-height: 26px;
        text-align: left;
        padding: 0px 0px 15px;
        margin: 0px 0px 0px;
        color: #fff;
    }

    .our-mission-vision .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 25px;
    }

    .our-mission-vision .card {
        margin: 0px auto;
        text-align: center;
        padding: 5% 6% 3%;
        border-radius: 30px;
        height: auto;
        border: solid 2px #C7CDE3;
        width: 100.00%;
        -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
    }

    .section-instaPay-ecosystem .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-instaPay-ecosystem p {
        font-size: 16px;
        line-height: 30px;
    }

    .section-join-this-journey p {
        font-size: 16px;
        line-height: 30px;
        padding: 0px 3% 10px;
    }

    .section-join-this-journey .col-md-8 {
        flex: 0 0 auto;
        width: 100%;
    }

    .our-mission-vision .card p {
        font-size: 17px;
        line-height: 30px;
        text-align: left;
        padding: 0px 0px 10px;
    }

    .our-mission-vision .card h2 {
        font-size: 25px;
        line-height: 35px;
        text-align: left;
        padding: 0px 0px;
        margin: 0px 0px 10px;
        color: #1A043F;
    }

    .section-instaPay-ecosystem {
        background: #fff;
        text-align: center;
        padding: 5% 0% 2.5%;
        min-height: 500px;
    }

    .section-instaPay-ecosystem img.w-80 {
        width: 60% !important;
        display: block;
        margin: 0px auto 20px;
    }

    .section-instaPay-ecosystem .w-90 {
        width: 60% !important;
        display: block;
        margin: 20px auto;
    }

    .section-join-this-journey {
        text-align: center;
        padding: 5% 0% 2.5%;
        min-height: 500px;
    }
    .partner-slider {
        display: block;
        min-height: 200px;
        padding: 1% 0% 2.5%;
        background: #fff;
    }

    .footer .footer-top h3 {
        font-size: 25px;
        margin-bottom: 20px;
    }
    .section-join-this-journey .payment-bg h3 {
        font-size: 20px;
        margin-bottom: 5px;
        text-align: center;
        color: #fff;
    }
    .section-join-this-journey .payment-bg {
        background: url(../images/future-of-payments-bg-xs.png) no-repeat center top;
        background-size:contain;
        text-align: center;
        margin: 30px auto 40px;
        padding: 4% 0% 4%;
        color: #fff;
    }
    .section-join-this-journey .payment-bg p {
        font-size: 17px;
        line-height: 27px;
    }
    
  }


/*contact Us */

@media (min-width: 1280px) and (max-width: 1500px) {
    .contact-banner {
        width: 95%;
        background-size: cover;
    }
}

@media (min-width: 1024px) and (max-width: 1279px)  {

    .contact-banner {
        width: 95%;
        background-size: cover;
    }

    .contact-content .col-md-6 {
        flex: 0 0 auto;
        width: 60%;
    }

    .faq-section p {
        color: #5E4F78;
        text-align: center;
        padding: 0% 12% 1%;
    }
    .card a.contact-button {
        bottom: 0;
        position: absolute;
    }
}

@media (min-width: 992px) and (max-width: 1023.99px) {

    .contact-banner {
        width: 95%;
        background-size: cover;
    }

    .contact-content .col-md-6 {
        flex: 0 0 auto;
        width: 60%;
    }

    .faq-section p {
        color: #5E4F78;
        text-align: center;
        padding: 0% 12% 1%;
    }
    .card a.contact-button {
        bottom: 0;
        position: absolute;
    }
    .our-support-sales .card {
        height: 400px;
    }
}

@media (min-width: 768px) and (max-width: 991.99px) {

    .contact-banner {
        width: 95%;
        background-size: cover;
    }

    .contact-banner .contact-content h1 {
        text-align: left;
        font-size: 40px;
        color: #fff;
        font-weight: 700;
        margin: 0 auto 30px;
    }

    .contact-content .col-md-6 {
        flex: 0 0 auto;
        width: 60%;
    }

    .topmenu .register .downloadapp a {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        padding: 0px 10px 0px;
        border-radius: 36px;
        width: 160px;
        height: 45px;
        display: block;
        margin-top: -5px;
    }
    
    .coustomer-banner .banner-text {
        text-align: left;
        margin: 13% 0px 0px 0px;
        width: 40%;
    }

    .faq-section p {
        color: #5E4F78;
        text-align: center;
        padding: 0% 10% 1%;
    }

    .our-support-sales  .col-md-6 {
        flex: 0 0 auto;
        width:100%;
    }

 

    .developer-guide {
        background: transparent;
        width: 95%;
        max-width: 1640px;
        margin: 30px auto;
        color: #7C7B7D;
    }
    .developer-guide .col-md-9 {
        flex: 0 0 auto;
        width: 100%;
    }
    
    .developer-guide h1 {
        font-family: 'Roboto', sans-serif;
        font-size: 40px;
        font-weight: 600;
        color: #1A043F;
        margin-bottom: 30px;
    }
    .developer-guide h3 {
        font-family: 'Roboto', sans-serif;
        font-size: 30px;
        font-weight: 600;
        color: #1A043F;
        margin-bottom: 30px;
    }

    .card a.contact-button {
        bottom: 0;
        position: absolute;
    }
    .our-support-sales .card {
        height: 300px;
    }
}   

@media (min-width: 560px) and (max-width: 767.99px) {

    .contact-banner {
        width: 95%;
        background-size: cover;
    }

    .contact-banner .contact-content h1 {
        text-align: left;
        font-size:35px;
        color: #fff;
        font-weight: 700;
        margin: 0 auto 10px;
    }

    .contact-content .col-md-6 {
        flex: 0 0 auto;
        width: 60%;
    }

    .topmenu .register .downloadapp a {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        padding: 10px 10px 0px;
        border-radius: 36px;
        width: 160px;
        height: 45px;
        display: block;
        margin-top: -5px;
    }

    .contact-banner p {
        font-size: 16px;
        line-height: 26px;
        text-align: left;
        padding: 0px 0px 30px;
        margin: 0px 0px 10px;
        color: #fff;
    }
    

    .faq-section p {
        color: #5E4F78;
        text-align: center;
        padding: 0% 3% 1%;
    }

    .our-support-sales  .col-md-6 {
        flex: 0 0 auto;
        width:100%;
    }

    .our-support-sales .card h2 {
        font-size: 25px;
        line-height: 40px;
        text-align: left;
        padding: 0px 0px;
        margin: 0px 0px 15px;
        color: #1A043F;
        font-weight: 600;
    }
    .developer-guide {
        background: transparent;
        width: 95%;
        max-width: 1640px;
        margin: 0px auto;
        color: #7C7B7D;
    }
    .developer-guide .col-md-9 {
        flex: 0 0 auto;
        width: 100%;
    }

    .developer-guide h1 {
        font-family: 'Roboto', sans-serif;
        font-size: 45px;
        font-weight: 600;
        color: #1A043F;
        margin-bottom: 30px;
    }
    .developer-guide h3 {
        font-family: 'Roboto', sans-serif;
        font-size: 35px;
        font-weight: 600;
        color: #1A043F;
        margin-bottom: 30px;
    }
    .card a.contact-button {
        bottom: 0;
        position: unset;
        text-align: center;
        margin: auto;
    }
    .our-support-sales .card {
        height: auto;
    }

    .footer-middle .social-media ul {
        display: block;
        position: unset;
        margin: auto;
        text-align: center;
    }
    
}

@media (min-width: 460px) and (max-width: 559.99px) {

    .contact-content {
        padding: 5% 8% 0px;
    }
    .contact-banner {
        width: 95%;
        background-size: cover;
    }

    .contact-banner .contact-content h1 {
        text-align: left;
        font-size:30px;
        color: #fff;
        font-weight: 700;
        margin: 0 auto 10px;
    }

    .contact-content .col-md-6 {
        flex: 0 0 auto;
        width: 75%;
    }

    .topmenu .register .downloadapp a {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        padding: 10px 10px 0px;
        border-radius: 36px;
        width: 160px;
        height: 45px;
        display: block;
        margin-top: -5px;
    }

    .contact-banner p {
        font-size: 16px;
        line-height: 26px;
        text-align: left;
        padding: 0px 0px 10px;
        margin: 0px 0px 10px;
        color: #fff;
    }
    

    .faq-section p {
        color: #5E4F78;
        text-align: center;
        padding: 0% 3% 1%;
    }

    .our-support-sales  .col-md-6 {
        flex: 0 0 auto;
        width:100%;
    }
 

    .our-support-sales .card h2 {
        font-size: 25px;
        line-height: 40px;
        text-align: left;
        padding: 0px 0px;
        margin: 0px 0px 15px;
        color: #1A043F;
        font-weight: 600;
    }
    .developer-guide {
        background: transparent;
        width: 95%;
        max-width: 1640px;
        margin: 0px auto;
        color: #7C7B7D;
    }
    .developer-guide .col-md-9 {
        flex: 0 0 auto;
        width: 100%;
    }
    .developer-guide h1 {
        font-family: 'Roboto', sans-serif;
        font-size: 40px;
        font-weight: 600;
        color: #1A043F;
        margin-bottom: 30px;
    }
    .developer-guide h3 {
        font-family: 'Roboto', sans-serif;
        font-size: 35px;
        font-weight: 600;
        color: #1A043F;
        margin-bottom: 30px;
    }
    .card a.contact-button {
        bottom: 0;
        position: unset;
        text-align: center;
        margin: auto;
    }
    .our-support-sales .card {
        height: auto;   
        padding: 6% 6% 6%;     
    }
 

    .footer-middle .social-media ul {
        display: block;
        position: unset;
        margin: auto;
        text-align: center;
    }
}

@media (min-width: 360px) and (max-width: 459.99px) {

    .contact-content {
        padding: 8% 8% 0px;
    }
    .contact-banner {
        width: 95%;
        background-size: cover;
        background-position: left top;
    }

    .contact-banner .contact-content h1 {
        text-align: left;
        font-size:25px;
        color: #fff;
        font-weight: 700;
        margin: 0 auto 10px;
    }

    .contact-content .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .topmenu .register .downloadapp a {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        padding: 10px 10px 0px;
        border-radius: 36px;
        width: 160px;
        height: 45px;
        display: block;
        margin-top: -5px;
    }

    .contact-banner p {
        font-size: 16px;
        line-height: 26px;
        text-align: left;
        padding: 0px 0px 30px;
        margin: 0px 0px 10px;
        color: #fff;
    }
    

    .faq-section p {
        color: #5E4F78;
        text-align: center;
        padding: 0% 3% 1%;
    }

    .our-support-sales  .col-md-6 {
        flex: 0 0 auto;
        width:100%;
    }

    .our-support-sales .card {
        margin: 0px auto;
        text-align: center;
        padding: 5% 6% 3%;
        border-radius: 30px;
        height: auto;
        border: solid 2px #C7CDE3;
        width: 100.00%;
        -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
        margin-bottom: 30px;
    }

    .our-support-sales .card h2 {
        font-size: 20px;
        line-height: 40px;
        text-align: left;
        padding: 0px 0px;
        margin: 0px 0px 15px;
        color: #1A043F;
        font-weight: 600;
    }
    .developer-guide {
        background: transparent;
        width: 95%;
        max-width: 1640px;
        margin: 0px auto;
        color: #7C7B7D;
    }
    .developer-guide .col-md-9 {
        flex: 0 0 auto;
        width: 100%;
    }
    .developer-guide h1 {
        font-family: 'Roboto', sans-serif;
        font-size: 35px;
        font-weight: 600;
        color: #1A043F;
        margin-bottom: 30px;
    }
    .developer-guide h3 {
        font-family: 'Roboto', sans-serif;
        font-size: 30px;
        font-weight: 600;
        color: #1A043F;
        margin-bottom: 30px;
    }
    .card a.contact-button {
        bottom: 0;
        position: unset;
        text-align: center;
        margin: auto;
    }
 

    .footer-middle .social-media ul {
        display: block;
        position: unset;
        margin: auto;
        text-align: center;
    }
}

@media (min-width: 320px) and (max-width: 359.99px) {

    .contact-content {
        padding: 8% 8% 0px;
    }
    .contact-banner {
        width: 95%;
        background-size: cover;
        background-position: left top;
    }

    .contact-banner .contact-content h1 {
        text-align: left;
        font-size:25px;
        color: #fff;
        font-weight: 700;
        margin: 0 auto 10px;
    }

    .contact-content .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .topmenu .register .downloadapp a {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        padding: 10px 10px 0px;
        border-radius: 36px;
        width: 160px;
        height: 45px;
        display: block;
        margin-top: -5px;
    }

    .contact-banner p {
        font-size: 16px;
        line-height: 26px;
        text-align: left;
        padding: 0px 0px 10px;
        margin: 0px 0px 10px;
        color: #fff;
    }
    

    .faq-section p {
        color: #5E4F78;
        text-align: center;
        padding: 0% 3% 1%;
    }

    .our-support-sales  .col-md-6 {
        flex: 0 0 auto;
        width:100%;
    }

    .our-support-sales .card {
        margin: 0px auto;
        text-align: center;
        padding: 5% 6% 3%;
        border-radius: 30px;
        height: auto;
        border: solid 2px #C7CDE3;
        width: 100.00%;
        -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
        margin-bottom: 30px;
    }
    .card a.contact-button {
        bottom: 0;
        position: unset;
        text-align: center;
        margin: auto;
    }
    .our-support-sales .card h2 {
        font-size: 22px;
        line-height: 40px;
        text-align: left;
        padding: 0px 0px;
        margin: 0px 0px 10px;
        color: #1A043F;
        font-weight: 600;
    }

    .our-support-sales .card p {
        font-size: 16px;
        line-height: 28px;
        text-align: left;
        padding: 0px 0px 20px;
        margin: 0px 0px 0px;
        color: #7C7B7D;
    }
    .developer-guide {
        background: transparent;
        width: 95%;
        max-width: 1640px;
        margin: 0px auto;
        color: #7C7B7D;
    }
    .developer-guide .col-md-9 {
        flex: 0 0 auto;
        width: 100%;
    }
    .developer-guide h1 {
        font-family: 'Roboto', sans-serif;
        font-size: 35px;
        font-weight: 600;
        color: #1A043F;
        margin-bottom: 30px;
    }
    .developer-guide h3 {
        font-family: 'Roboto', sans-serif;
        font-size: 25px;
        font-weight: 600;
        color: #1A043F;
        margin-bottom: 30px;
    } 
 

    .footer-middle .social-media ul {
        display: block;
        position: unset;
        margin: auto;
        text-align: center;
    }
}



/* faq */

@media (min-width: 1280px) and (max-width: 1500px) {
    h1.title {
        font-family: 'Roboto', sans-serif;
        font-size: 45px;
        font-weight: 600;
        color: #1A043F;
    }
}

@media (min-width: 1024.99px) and (max-width: 1279px) {
    h1.title {
        font-family: 'Roboto', sans-serif;
        font-size: 45px;
        font-weight: 600;
        color: #1A043F;
    }

}

@media (min-width: 992px) and (max-width: 1023.99px) {
    h1.title {
        font-family: 'Roboto', sans-serif;
        font-size: 40px;
        font-weight: 600;
        color: #1A043F;
    }
    h2.title {
        font-family: 'Roboto', sans-serif;
        font-size: 35px;
        font-weight: 600;
        color: #1A043F;
        margin: 30px auto 30px;
    }
}

@media (min-width: 768px) and (max-width: 991.99px) {
    h1.title {
        font-family: 'Roboto', sans-serif;
        font-size: 35px;
        font-weight: 600;
        color: #1A043F;
    }
    h2.title {
        font-family: 'Roboto', sans-serif;
        font-size: 30px;
        font-weight: 600;
        color: #1A043F;
        margin: 30px auto 30px;
    }

    .master-box  .col-md-8 {
        flex: 0 0 auto;
        width: 100%;
    }

    .master-box .col-md-4 img {
    display: none;
    }
}

@media (min-width: 560px) and (max-width: 767.99px) {
    h1.title {
        font-family: 'Roboto', sans-serif;
        font-size: 30px;
        font-weight: 600;
        color: #1A043F;
    }
    h2.title {
        font-family: 'Roboto', sans-serif;
        font-size: 25px;
        font-weight: 600;
        color: #1A043F;
        margin: 30px auto 30px;
    }

    h3.title {
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        font-weight: 600;
        color: #1A043F;
        margin-bottom: 20px;
    }

    .master-box  .col-md-8 {
        flex: 0 0 auto;
        width: 100%;
    }

    .master-box .col-md-4 img {
    display: none;
    }
}

@media (min-width: 460px) and (max-width: 559.99px) {
    h1.title {
        font-family: 'Roboto', sans-serif;
        font-size: 30px;
        font-weight: 600;
        color: #1A043F;
    }
    h1.title br {
        display: none;
    }
    h2.title {
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        font-weight: 600;
        color: #1A043F;
        margin: 20px auto 20px;
    }

    h3.title {
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        font-weight: 600;
        color: #1A043F;
        margin-bottom: 20px;
    }

    #myBtnContainer {
        margin: 15px 0px;
        letter-spacing: 5px;
    }

    .master-box  .col-md-8 {
        flex: 0 0 auto;
        width: 100%;
    }

    .master-box .col-md-4 img {
        display: none;
    }
}


@media (min-width: 360px) and (max-width: 459.99px) {
    h1.title {
        font-family: 'Roboto', sans-serif;
        font-size: 25px;
        font-weight: 600;
        color: #1A043F;
    }
    h1.title br {
        display: none;
    }
    h2.title {
        font-family: 'Roboto', sans-serif;
        font-size: 18px;
        font-weight: 600;
        color: #1A043F;
        margin: 20px auto 20px;
    }

    h3.title {
        font-family: 'Roboto', sans-serif;
        font-size: 18px;
        font-weight: 600;
        color: #1A043F;
        margin-bottom: 20px;
    }

    #myBtnContainer {
        margin: 15px 0px;
        letter-spacing: 5px;
    }

    .master-box {
        margin: 0px auto;
    }

    .master-box  .col-md-8 {
        flex: 0 0 auto;
        width: 100%;
    }

    .master-box .col-md-4 img {
        display: none;
    }
}


@media (min-width: 320px) and (max-width: 359.99px) {
    h1.title {
        font-family: 'Roboto', sans-serif;
        font-size: 25px;
        font-weight: 600;
        color: #1A043F;
    }
    h1.title br {
        display: none;
    }
    h2.title {
        font-family: 'Roboto', sans-serif;
        font-size: 18px;
        font-weight: 600;
        color: #1A043F;
        margin: 20px auto 20px;
    }

    h3.title {
        font-family: 'Roboto', sans-serif;
        font-size: 18px;
        font-weight: 600;
        color: #1A043F;
        margin-bottom: 20px;
    }

    #myBtnContainer {
        margin: 15px 0px;
        letter-spacing: 5px;
    }

    .master-box {
        margin: 0px auto;
    }

    .master-box  .col-md-8 {
        flex: 0 0 auto;
        width: 100%;
    }

    .master-box .col-md-4 img {
        display: none;
    }
}


/* customers */

@media (min-width: 1280px) and (max-width: 1500px) {
    .coustomer-banner {
        min-height: 580px;
    }

    .section-blue-customer-three {
        background: #1A043F;
        display: block;
        min-height: 590px;
        padding: 5% 0 5%;
        color: #fff;
    }

    .section-blue-customer-three .consumer-content {
        font-size: 17px;
        line-height: 28px;
        text-align: left;
        padding: 20px 6% 0px 20px;
        margin: 5% 0px 0px;
    }
    .section-quicksetps {
        display: block;
        min-height: 700px;
        padding: 6% 0% 3%;
        color: #474747;
    }
    .section-blue-customer-two {
        background: #1A043F;
        display: block;
        min-height: 500px;
        padding: 8% 0px 3%;
        color: #fff;
    }

    .section-blue-customer-two .col-md-4 {
	flex: 0 0 auto;
	width: 50%;
}

.section-blue-customer-two .col-md-4:last-child {
    width: 100%;
    margin: 20px auto;
}

.section-blue-customer-two .content p {
	font-size: 20px;
	line-height: 30px;
	text-align: left;
	padding: 0px 0% 30px 0px;
	margin: 0px 0px 0px;
	color: #BAB4C5;
}

    .section-paymentmake-easier {
        display: block;
        min-height: 600px;
        padding: 8% 0px 3%;
        color: #fff;
        /* background: url(../svg-annimation/All_Make_Payment.svg) no-repeat center 50px;
        background-size: 80%; */
    }
    

    .section-paymentmake-easier img {
	max-width: 90%;
	margin: 20px auto;
	text-align: center;
	display: block;
}
    .section-ewallet {
        display: block;
        min-height: 620px;
        padding: 8% 5% 3%;
    }

    .section-benifit-merchant {
        display: block;
        min-height: 450px;
        padding: 7% 5% 5%;
    }

    .section-benifit-merchant .benefit-content h3 br {
        display: none;
    }
}

@media (min-width: 1024.99px) and (max-width: 1279px) {
    .coustomer-banner {
        min-height: 460px;
    }

    .coustomer-banner .banner-text h1 {
        text-align: left;
        font-size: 40px;
        color: #1A043F;
        font-weight: 700;
        margin: 0 auto 30px;
    }

    .coustomer-banner .col-md-5, .coustomer-banner .col-md-7 {
	flex: 0 0 auto;
	width: 50%;
}

    .section-blue-customer-three {
        background: #1A043F;
        display: block;
        min-height: 410px;
        padding: 4% 0;
        color: #fff;
    }
    .section-blue-customer-three .consumer-content {
        font-size: 16px;
        line-height: 25px;
        text-align: left;
        padding: 18px 4% 0px 10px;
        margin: 4% 0px 0px;
    }

    .section-blue-customer-three .col-md-7,
    .section-blue-customer-three .col-md-5 {
        flex: 0 0 auto;
        width: 50%;
    }

    .section-blue-customer-three .consumer-content h3 {
        font-size: 28px;
        margin-bottom: 20px;
        text-align: left;
    }

    .section-blue-customer-three .consumer-content ul li {
        list-style: none;
        background: url(../images/check-green-tick.svg) no-repeat left 2px;
        padding-left: 35px;
        margin: 0px 0px 10px 0px;
        color: #BAB4C5;
    }

    .section-blue-customer-one {
        background: #1A043F;
        display: block;
        min-height: 650px;
        padding: 8% 0px 0%;
        color: #fff;
    }

    
    .section-quicksetps {
        display: block;
        min-height: 580px;
        padding: 6% 0% 0%;
        color: #474747;
    }

    .section-quicksetps .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-quicksetps .col-md-6.d-flex {
        width: 50%;
        margin: auto;
    }

    .section-quicksetps .phone_img-1 {
        float: right;
        margin-top: 10px;
        margin-left: -20px;
    }
    .section-blue-customer-two {
        background: #1A043F;
        display: block;
        min-height: 450px;
        padding: 8% 0px 3%;
        color: #fff;
    }

    .section-blue-customer-two .row .col-md-7 {
        flex: 0 0 auto;
        width: 50%;
    }

    .section-blue-customer-two .col-md-5 {
        flex: 0 0 auto;
        width: 50%;
    }

    .section-paymentmake-easier {
        display: block;
        min-height: 500px;
        padding: 8% 0px 3%;
        color: #fff;
        /* background: url(../svg-annimation/All_Make_Payment.svg) no-repeat center 50px;
        background-size: 80%; */
    }

    .section-paymentmake-easier img {
	max-width: 100%;
	margin: 20px auto;
	text-align: center;
	display: block;
}
    .section-ewallet {
        display: block;
        min-height: 620px;
        padding: 8% 5% 3%;
    }

    .section-benifit-merchant {
        display: block;
        min-height: 600px;
        padding: 7% 5% 5%;
    }
    .section-blue-four-lifestyle {
        background: #1A043F;
        display: block;
        min-height: 600px;
        padding: 7% 5% 5%;
        color: #fff;
    }

    .section-blue-four-lifestyle .col-md-6 {
	flex: 0 0 auto;
	width: 100%;
    margin: 0px auto 20px;
}

    .section-customize-app {
        display: block;
        min-height: 600px;
        padding: 7% 5% 5%;
        color: #474747;
    }

    .section-customize-app p {
        font-size: 17px;
        line-height: 30px;
        text-align: center;
        padding: 0px 15% 30px;
        margin: 0px 0px 0px;
    }

    .section-customize-app .app-customize img {
        margin: auto;
        display: block;
        width: 80%;
    }

    .section-customize-app .app-customize {
        margin: 30px auto 0px;
    }

    .section-customer-solutions {
        display: block;
        min-height: 600px;
        padding: 7% 5% 4%;
        color: #474747;
        text-align: center;
    }

    .section-customer-solutions .col-md-7 {
        flex: 0 0 auto;
        width: 80%;
    }

    .section-blue-customer-one .row.consumer-content .col-md-6 {
	flex: 0 0 auto;
	width: 100%;
    }
    .consumer-content .card {
        background: #263470;
        width: 100%;
        height: auto;
        padding: 20px 20px 0px;
        text-align: left;
        margin: 0px auto 13px;
        border-radius: 30px;
        display: inline-block;
    }
    .section-blue-customer-one .consumer-content img {
	width: 60px;
	height: 60px;
}
.consumer-content .card h2 {
	text-align: left;
	font-size: 30px;
	line-height: 1.2;
	margin: 0px 0px 0px;
}
.section-blue-customer-one h3 {
	font-size: 30px;
	margin-bottom: 20px;
	text-align: left;
	margin-left: 25px;
}
.section-blue-customer-one .consumer-content {
	font-size: 17px;
	line-height: 25px;
	text-align: center;
	padding: 0px 0px 0%;
	margin: 0px 0px 0px;
	color: #fff;
}
.section-blue-customer-one .col-md-8 {
	flex: 0 0 auto;
	width: 55%;
}
.section-blue-customer-one .col-md-4 {
    flex: 0 0 auto;
	width: 45%;
}

    .section-blue-customer-two .col-md-4 {
	flex: 0 0 auto;
	width: 50%;
}

.section-blue-customer-two .col-md-4:last-child {
    width: 100%;
    margin: 20px auto;
}
.section-blue-customer-two .content p {
	font-size: 20px;
	line-height: 30px;
	text-align: left;
	padding: 0px 0% 30px 0px;
	margin: 0px 0px 0px;
	color: #BAB4C5;
}
.section-ewallet .ewallet-content .col-md-3 {
	flex: 0 0 auto;
	width: 50%;
}
.col-md-6.my-auto.benefit-content.aos-init.aos-animate {
	width: 80%;
}
.section-benifit-merchant .benefit-content h3 br {
    display: none;
}
.section-benifit-merchant .col-md-8, .section-benifit-merchant .col-md-4 {
	flex: 0 0 auto;
	width: 100%;
}
.section-benifit-merchant .col-md-4 img.w-90 {
    width: 100%;
}
.section-benifit-merchant .col-md-4 img.w-90.aos-init.aos-animate {
	margin: auto;
	text-align: center;
	display: block;
}
}

@media (min-width: 992px) and (max-width: 1023px) {
    .coustomer-banner {
        min-height: 460px;
    }

    .coustomer-banner .banner-text h1 {
        text-align: left;
        font-size: 40px;
        color: #1A043F;
        font-weight: 700;
        margin: 0 auto 30px;
    }

    .section-blue-customer-three {
        background: #1A043F;
        display: block;
        min-height: 410px;
        padding: 4% 0;
        color: #fff;
    }
    .section-blue-customer-three .consumer-content {
        font-size: 16px;
        line-height: 25px;
        text-align: left;
        padding: 18px 4% 0px 10px;
        margin: 4% 0px 0px;
    }

    .section-blue-customer-three .col-md-7,
    .section-blue-customer-three .col-md-5 {
        flex: 0 0 auto;
        width: 50%;
    }

    .section-blue-customer-three .consumer-content h3 {
        font-size: 28px;
        margin-bottom: 20px;
        text-align: left;
    }

    .section-blue-customer-three .consumer-content ul li {
        list-style: none;
        background: url(../images/check-green-tick.svg) no-repeat left 2px;
        padding-left: 35px;
        margin: 0px 0px 10px 0px;
        color: #BAB4C5;
    }

    .section-blue-customer-one {
        background: #1A043F;
        display: block;
        min-height: 650px;
        padding: 5% 0px 0%;
        color: #fff;
    }

    .section-blue-customer-one h3 {
	font-size: 30px;
	margin-bottom: 20px;
	text-align: left;
	margin-left: 25px;
}
    
    .section-quicksetps {
        display: block;
        min-height: 560px;
        padding: 6% 0% 0%;
        color: #474747;
    }

    .section-quicksetps .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-quicksetps .col-md-6.d-flex {
        width: 50%;
        margin: auto;
    }

    .section-quicksetps .phone_img-1 {
        float: right;
        margin-top: 10px;
        margin-left: -20px;
    }
    .section-blue-customer-two {
        background: #1A043F;
        display: block;
        min-height: 450px;
        padding: 8% 0px 3%;
        color: #fff;
    }

    .section-blue-customer-two .row .col-md-7 {
        flex: 0 0 auto;
        width: 50%;
    }

    .section-blue-customer-two .col-md-5 {
        flex: 0 0 auto;
        width: 50%;
    }

    .section-paymentmake-easier {
        display: block;
        min-height: 500px;
        padding: 8% 0px 3%;
        color: #fff;
        /* background: url(../svg-annimation/All_Make_Payment.svg) no-repeat center 50px;
        background-size: 80%; */
    }
    .section-paymentmake-easier img {
	max-width: 100%;
	margin: 20px auto;
	text-align: center;
	display: block;
}
    .section-ewallet {
        display: block;
        min-height: 620px;
        padding: 8% 5% 3%;
    }

    .section-benifit-merchant {
        display: block;
        min-height: 600px;
        padding: 7% 5% 5%;
    }
    .section-blue-four-lifestyle {
        background: #1A043F;
        display: block;
        min-height: 600px;
        padding: 7% 5% 5%;
        color: #fff;
    }

        .section-blue-four-lifestyle .col-md-6 {
	flex: 0 0 auto;
	width: 100%;
    margin: 0px auto 20px;
}

    .section-customize-app {
        display: block;
        min-height: 600px;
        padding: 7% 5% 5%;
        color: #474747;
    }

    .section-customize-app p {
        font-size: 17px;
        line-height: 30px;
        text-align: center;
        padding: 0px 15% 30px;
        margin: 0px 0px 0px;
    }

    .section-customize-app .app-customize img {
        margin: auto;
        display: block;
        width: 80%;
    }

    .section-customize-app .app-customize {
        margin: 30px auto 0px;
    }

    .section-customer-solutions {
        display: block;
        min-height: 600px;
        padding: 7% 5% 4%;
        color: #474747;
        text-align: center;
    }

    .section-customer-solutions .col-md-7 {
        flex: 0 0 auto;
        width: 80%;
    }
    .section-blue-customer-one .col-md-8 {
	flex: 0 0 auto;
	width: 55%;
}
.section-blue-customer-one .col-md-4 {
    flex: 0 0 auto;
	width: 45%;
}

    .section-blue-customer-two .col-md-4 {
	flex: 0 0 auto;
	width: 50%;
}

.section-blue-customer-two .col-md-4:last-child {
    width: 100%;
    margin: 20px auto;
}
.section-blue-customer-two .content p {
	font-size: 20px;
	line-height: 30px;
	text-align: left;
	padding: 0px 0% 30px 0px;
	margin: 0px 0px 0px;
	color: #BAB4C5;
}
.section-ewallet .ewallet-content .col-md-3 {
	flex: 0 0 auto;
	width: 50%;
}
.col-md-6.my-auto.benefit-content.aos-init.aos-animate {
	width: 80%;
}
.section-benifit-merchant .benefit-content h3 br {
    display: none;
}
.section-benifit-merchant .col-md-8, .section-benifit-merchant .col-md-4 {
	flex: 0 0 auto;
	width: 100%;
}
.section-benifit-merchant .col-md-4 img.w-90 {
    width: 100%;
}
.section-benifit-merchant .col-md-4 img.w-90.aos-init.aos-animate {
	margin: auto;
	text-align: center;
	display: block;
}
.section-blue-customer-one .row.consumer-content .col-md-6 {
	flex: 0 0 auto;
	width: 100%;
}
.section-blue-customer-one .consumer-content {
	font-size: 17px;
	line-height: 25px;
	text-align: center;
	padding: 0px 0px 0%;
	margin: 0px 0px 0px;
	color: #fff;
}
.section-blue-customer-one .col-md-8 {
	flex: 0 0 auto;
	width: 55%;
}
.section-blue-customer-one .col-md-4 {
    flex: 0 0 auto;
	width: 45%;
}

    .section-blue-customer-two .col-md-4 {
	flex: 0 0 auto;
	width: 50%;
}

.section-blue-customer-two .col-md-4:last-child {
    width: 100%;
    margin: 20px auto;
}
.section-blue-customer-two .content p {
	font-size: 20px;
	line-height: 30px;
	text-align: left;
	padding: 0px 0% 30px 0px;
	margin: 0px 0px 0px;
	color: #BAB4C5;
}
.section-ewallet .ewallet-content .col-md-3 {
	flex: 0 0 auto;
	width: 50%;
}
.col-md-6.my-auto.benefit-content.aos-init.aos-animate {
	width: 80%;
}
.section-benifit-merchant .benefit-content h3 br {
    display: none;
}
.section-benifit-merchant .col-md-8, .section-benifit-merchant .col-md-4 {
	flex: 0 0 auto;
	width: 100%;
}
.section-benifit-merchant .col-md-4 img.w-90 {
    width: 100%;
}
.section-benifit-merchant .col-md-4 img.w-90.aos-init.aos-animate {
	margin: auto;
	text-align: center;
	display: block;
}
}

@media (min-width: 768px) and (max-width: 991.99px) {
    .coustomer-banner {
        min-height: 345px;
    }

    .coustomer-banner .banner-text {
        text-align: left;
        margin: 5% 0px 0px 0px;
        width: 50%;
    }

    .coustomer-banner .tab-content8 {
        background: #fff;
        border-radius: 15px;
        width: 340px;
        height: auto;
        margin: 3% 0px 0px 0%;
        padding: 10px 10px 10px;
    }

    .coustomer-banner .banner-text h1 {
        text-align: left;
        font-size: 35px;
        color: #1A043F;
        font-weight: 700;
        margin: 0 auto 20px;
    }

    .section-blue-customer-three {
        background: #1A043F;
        display: block;
        min-height: 410px;
        padding: 4% 0px;
        color: #fff;
    }
    .section-blue-customer-three .consumer-content {
        font-size: 16px;
        line-height: 25px;
        text-align: left;
        padding: 4% 5%;
        margin: 4% 0px 0px;
    }

    .section-blue-customer-three .col-md-7,
    .section-blue-customer-three .col-md-5 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-blue-customer-three .consumer-content h3 {
        font-size: 28px;
        margin-bottom: 20px;
        text-align: left;
    }

    .section-blue-customer-three .consumer-content ul li {
        list-style: none;
        background: url(../images/check-green-tick.svg) no-repeat left 2px;
        padding-left: 35px;
        margin: 0px 0px 15px 0px;
        color: #BAB4C5;
    }

    .section-blue-customer-one {
        background: #1A043F;
        display: block;
        min-height: 650px;
        padding: 8% 0px 0%;
        color: #fff;
    }
    .section-blue-customer-one .col-md-3 {
        flex: 0 0 auto;
        width: 50%;
    }
    
.section-quicksetps {
	display: block;
	min-height: 450px;
	padding: 6% 0% 0%;
	color: #474747;
}

    .section-quicksetps .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-quicksetps .col-md-6.d-flex {
        width: auto;
        margin: auto;
    }

    .section-quicksetps .phone_img-1 {
        float: right;
        margin-top: 10px;
        margin-left: -20px;
    }
    .section-blue-customer-two {
        background: #1A043F;
        display: block;
        min-height: 450px;
        padding: 8% 0px 3%;
        color: #fff;
    }

    .section-blue-customer-two .row .col-md-7 {
        flex: 0 0 auto;
        width: 50%;
    }

    .section-blue-customer-two .col-md-5 {
        flex: 0 0 auto;
        width: 50%;
    }

    .section-paymentmake-easier {
        display: block;
        min-height: 400px;
        padding: 8% 0px 3%;
        color: #fff;
        /* background: url(../svg-annimation/All_Make_Payment.svg) no-repeat center 50px;
        background-size: 80%; */
    }
    .section-paymentmake-easier img {
	max-width: 100%;
	margin: 20px auto;
	text-align: center;
	display: block;
}
    .section-ewallet {
        display: block;
        min-height: 620px;
        padding: 8% 5% 3%;
    }

    .section-benifit-merchant {
        display: block;
        min-height: 600px;
        padding: 4% 4% 4%;
    }
    .section-benifit-merchant .w-90 {
        width: 100%;
    }
    .section-benifit-merchant .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-benifit-merchant .benefit-content h3 br {
        display: none;
    }
    .section-blue-four-lifestyle {
        background: #1A043F;
        display: block;
        min-height: 600px;
        padding: 7% 4% 5%;
        color: #fff;
    }

    .section-blue-five-transactions-analytics .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-blue-five-transactions-analytics .col-md-6 .w-90 {
        width: 100%;
    }

    .section-customize-app {
        display: block;
        min-height: 550px;
        padding: 7% 5% 5%;
        color: #474747;
    }

    .section-customize-app p {
        font-size: 17px;
        line-height: 30px;
        text-align: center;
        padding: 0px 5% 30px;
        margin: 0px 0px 0px;
    }

    .section-customize-app .app-customize img {
        margin: auto;
        display: block;
        width: 100%;
    }

    .section-customize-app .app-customize {
        margin: 30px auto 0px;
    }

    .section-blue-six-support h3 br {
        display: none;
    }

    .section-customer-solutions {
        display: block;
        min-height: 600px;
        padding: 7% 5% 4%;
        color: #474747;
        text-align: center;
    }

    .section-customer-solutions .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    
.section-benifit-merchant .benefit-content h3 br {
    display: none;
}
.section-benifit-merchant .col-md-8, .section-benifit-merchant .col-md-4 {
	flex: 0 0 auto;
	width: 100%;
}
.section-benifit-merchant .col-md-4 img.w-90 {
    width: 100%;
}
.section-benifit-merchant .col-md-4 img.w-90.aos-init.aos-animate {
	margin: auto;
	text-align: center;
	display: block;
}

    .coustomer-banner .col-md-7,
    .coustomer-banner .col-md-5 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-blue-customer-one .col-md-4, .section-blue-customer-one .col-md-8 {
	flex: 0 0 auto;
	width:100%;
    margin: auto;
    text-align: center;
    
}
.section-blue-customer-one h3 {
	font-size: 30px;
	margin: 20px auto;
	text-align: center;
	margin-left: 25px;
}
.section-blue-customer-one .consumer-content .col-md-6 {
	flex: 0 0 auto;
	width: 100%;
}
.consumer-content .card {
	background: #263470;
	width: 100%;
	height: auto;
	padding: 20px 20px 0px;
	text-align: left;
	margin: 0px auto 20px;
	border-radius: 30px;
	display: inline-block;
}
 
    .section-blue-customer-two .col-md-4 {
	flex: 0 0 auto;
	width: 100%;
    text-align: center;
}

.section-blue-customer-two .col-md-4 img {
    display: inline;
    float: none !important;
}

.section-blue-customer-two .col-md-4:last-child {
    width: 100%;
    margin: 20px auto 20px;
    text-align: center;
}
.section-blue-customer-two h3 {
	font-size: 30px;
	margin-bottom: 30px;
	text-align: center;
	text-transform: capitalize;
}
.section-blue-customer-two .content img {
	float: none;
	margin: 0px auto 20px;
    display: block;
}
.section-blue-customer-two .content h3 {
	font-size: 30px;
	margin-bottom: 10px;
	text-align: center;
	text-transform: capitalize;
}
.section-blue-customer-two .content p {
    text-align: center;
    margin: 0px auto;
    padding: 0px;
}
.section-ewallet .col-md-3 {
	flex: 0 0 auto;
	width: 50%;
}


    .section-blue-five-transactions-analytics .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-blue-five-transactions-analytics .col-md-6 .w-90 {
        width: 100%;
    }

     .section-blue-four-lifestyle .col-md-6 {
	flex: 0 0 auto;
	width: 100%;
    margin: 0px auto 20px;
}
.section-blue-four-lifestyle .getstarted {
	background: rgb(255, 170, 112);
	background: linear-gradient(177deg, rgba(255, 170, 112, 1) 0%, rgba(239, 96, 0, 1) 100%);
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 10px 10px;
	border-radius: 40px;
	width: 220px;
	font-weight: 700;
	margin: auto;
}
.section-blue-customer-three h3 {
	font-size: 30px;
	margin-bottom: 50px;
	text-align: center;
}
.section-blue-four-lifestyle h3 {
	font-size: 30px;
	margin-bottom: 30px;
	text-align: center;
}
.coustomer-banner .banner-text h3 {
	text-align: center;
	font-size: 30px;
	color: #263470;
	font-weight: 400;
	margin: 0 auto 30px;
}

}

@media (min-width: 560px) and (max-width: 767.99px) {
    .coustomer-banner {
        min-height: 460px;
    }

    .coustomer-banner .tab-content8 {
        background: #fff;
        border-radius: 15px;
        width: 340px;
        height: auto;
        margin: 3% auto 0%;
        padding: 25px 10px 25px;
    }

    .coustomer-banner .box.arrow-top8::after {
        content: " ";
        position: absolute;
        left: 47%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }

    .coustomer-banner .w-70 {
        width: 50%;
    }

    .coustomer-banner .banner-text {
        text-align: center;
        margin: 10px auto 10px;
        width: 90%;
    }

    .coustomer-banner .banner-text h1 {
        text-align: center;
        font-size: 30px;
        color: #1A043F;
        font-weight: 700;
        margin: 0px auto 10px;
    }

    .coustomer-banner .banner-text h3 {
	text-align: center;
	font-size: 28px;
	color: #263470;
	font-weight: 400;
	margin: 0 auto 30px;
}
    
    .coustomer-banner .getstarted {
        margin: 20px auto;
    }

    .section-blue-customer-one h3 {
        font-size: 25px;
        margin-bottom: 30px;
        text-align: center;
    }

    .section-blue-customer-one .consumer-content {
        font-size: 16px;
        line-height: 25px;
        text-align: center;
        padding: 0px 0px 3%;
        margin: 0px 0px 0px;
        color: #fff;
    }

    .section-quicksetps h3 {
        font-size: 25px;
        margin-bottom: 20px;
        text-align: center;
        text-transform: uppercase;
        color: #1A043F;
    }

    .section-quicksetps .service-list ul {
        margin: 0px 0px 0px 10px;
        padding: 0px;
    }

    .section-quicksetps .service-list ul li {
        text-align: left;
        padding: 0px 0px 20px 40px;
        margin: 0px 0px;
        border-left: dashed 2px #EF6000;
        list-style: none;
        font-size: 17px;
        color: #474747;
    }

    .section-quicksetps .service-list ul li h4 {
        font-size: 20px;
        color: #1A043F;
        margin-top: -25px;
    }

    .section-quicksetps p {
        font-size: 16px;
        line-height: 28px;
        text-align: left;
        padding: 0px 0px;
        margin: 0px 0px 20px;
        color: #474747;
    }

    .section-quicksetps .phone_img-1 {
        float: right;
        margin-top: 10px;
        margin-left: 30px;
        width: 100%;
    }
    .section-quicksetps .phone_img-2 {
        float: left;
        margin-left: -140px;
        width: 90%;
    }
    .section-blue-customer-three {
        background: #1A043F;
        display: block;
        min-height: 410px;
        padding: 5% 0px;
        color: #fff;
    }
    .section-blue-customer-three .consumer-content {
        font-size: 16px;
        line-height: 25px;
        text-align: left;
        padding: 5% 5%;
        margin: 4% 0px 0px;
    }

    .section-blue-customer-three .col-md-7,
    .section-blue-customer-three .col-md-5 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-blue-customer-three .consumer-content h3 {
        font-size: 25px;
        margin-bottom: 20px;
        text-align: center;
    }

    .section-blue-customer-three .consumer-content ul li {
        list-style: none;
        background: url(../images/check-green-tick.svg) no-repeat left 2px;
        padding-left: 35px;
        margin: 0px 0px 15px 0px;
        color: #BAB4C5;
    }

    .section-blue-customer-one {
        background: #1A043F;
        display: block;
        min-height: 650px;
        padding: 8% 0px 0%;
        color: #fff;
    }
    .section-blue-customer-one .col-md-3 {
        flex: 0 0 auto;
        width: 50%;
    }
    
    .section-quicksetps {
        display: block;
        min-height: 305px;
        padding: 6% 5% 0%;
        color: #474747;
    }

    .section-quicksetps .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-quicksetps .col-md-6.d-flex {
        width: auto;
        margin: auto;
    }
 
    .section-blue-customer-two {
        background: #1A043F;
        display: block;
        min-height: 450px;
        padding: 8% 4% 3%;
        color: #fff;
    }

    .section-blue-customer-two .row .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
        padding: 0px !important;
    }

    .section-blue-customer-two .col-md-5 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-blue-customer-two .content h3 {
        font-size: 25px;
        margin: 20px auto;
        text-align: center;
        text-transform: uppercase;
    }

    .section-blue-customer-two .content p {
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        padding: 0px 0% 20px;
        margin: 0px 0px 0px;
    }

    .section-blue-customer-two .content img {
	float: none !important;
	margin: 0px auto 20px;
	display: block;
}

    .section-paymentmake-easier {
        display: block;
        min-height: 400px;
        padding: 8% 0px 3%;
        color: #fff;
        /* background: url(../svg-annimation/All_Make_Payment.svg) no-repeat center 50px;
        background-size: cover; */
    }
    .section-paymentmake-easier img {
	max-width: 100%;
	margin: 20px auto;
	text-align: center;
	display: block;
}
    .section-ewallet {
        display: block;
        min-height: 550px;
        padding: 5% 4%;
    }
    .section-ewallet .ewallet-content .list-2 h4 {
        margin-left: 0px;
    }
    .section-benifit-merchant {
        display: block;
        min-height: 600px;
        padding: 4% 4% 4%;
    }
    .section-benifit-merchant .w-90 {
        width: 100%;
    }
    .section-benifit-merchant .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-benifit-merchant .benefit-content h3 br {
        display: none;
    }
    .section-blue-four-lifestyle {
        background: #1A043F;
        display: block;
        min-height: 600px;
        padding: 7% 4% 5%;
        color: #fff;
    }

    .section-blue-five-transactions-analytics .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-blue-five-transactions-analytics .col-md-6 .w-90 {
        width: 100%;
    }

    .section-customize-app {
        display: block;
        min-height: 550px;
        padding: 7% 5% 5%;
        color: #474747;
    }

    .section-customize-app p {
        font-size: 17px;
        line-height: 30px;
        text-align: center;
        padding: 0px 0% 30px;
        margin: 0px 0px 0px;
    }
    
    .section-customize-app .app-customize img {
        margin: 0px auto 20px;
        display: block;
        width: 100%;
    }

    .section-customize-app .app-customize {
        margin: 0px auto 0px;
    }

    .section-blue-six-support h3 br {
        display: none;
    }

    .section-blue-six-support h3 {
        font-size: 25px;
        margin-bottom: 20px;
        text-align: center;
        color: #fff;
    }
    .section-blue-six-support h4 {
        font-size: 22px;
        margin-bottom: 30px;
        text-align: center;
        color: #fff;
    }
    .section-blue-six-support p {
        font-size: 16px;
        line-height: 30px;
        text-align: left;
        padding: 0px 0% 20px;
        margin: 0px 0px 0px;
        color: #fff;
    }
    .section-customer-solutions {
        display: block;
        min-height: 600px;
        padding: 7% 4% 4%;
        color: #474747;
        text-align: center;
    }

    .section-customer-solutions .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }
    .section-blue-six-support .col-md-6.pe-3 {
        padding-right: 0px !important;
    }

    .section-blue-six-support .watch-demo {
        text-align: center;
        padding: 10px 15px;
        border-radius: 40px;
        width: 200px;
        font-weight: 700;
        margin: 0px auto 20px;
        display: block;
    }

    .section-customer-solutions h3 {
        font-size: 25px;
        margin-bottom: 20px;
        text-align: center;
        color: #1A043F;
    }

    .section-benifit-merchant .benefit-content h3 {
        font-size: 25px;
        margin-bottom: 20px;
        text-align: center;
        color: #1A043F;
    }

    .section-benifit-merchant .benefit-content {
        font-size: 16px;
        line-height: 28px;
        text-align: left;
    }

    .section-blue-five-transactions-analytics .spend-record h3 {
        font-size: 25px;
        margin-bottom: 20px;
        text-align: center;
        color: #fff;
    }

    .section-blue-five-transactions-analytics .spend-record {
        font-size: 16px;
        line-height: 28px;
        text-align: left;
    }

    .section-customize-app h3 {
        font-size: 25px;
        margin-bottom: 20px;
        text-align: center;
        color: #1A043F;
    }

    .section-blue-four-lifestyle .lifestyle-payment h3 {
        font-size: 25px;
        margin-bottom: 20px;
        text-align: center;
    }

    .section-ewallet h3 {
        font-size: 25px;
        margin-bottom: 20px;
        text-align: center;
        color: #1A043F;
    }

    
    .section-ewallet .ewallet-content h4 {
        font-size: 20px;
        margin-bottom: 20px;
        text-align: center;
        color: #1A043F;
    }

    .section-ewallet .ewallet-content .list-2 ul {
        margin-left: 0px;
    }

    .section-ewallet .ewallet-content ul li {
        list-style: none;
        background: url(../images/check-green-tick.svg) no-repeat left 2px;
        padding-left: 50px;
        margin: 0px 30px 25px 0px;
        color: #474747;
        font-size: 16px;
        line-height: 28px;
    }

    .section-paymentmake-easier h3 {
        font-size: 25px;
        margin-bottom: 20px;
        text-align: center;
        color: #1A043F;
        padding-bottom: 20px;
    }

    .section-blue-customer-one .col-md-4, .section-blue-customer-one .col-md-8 {
	flex: 0 0 auto;
	width: 100%;
	margin: auto;
	text-align: center;
}

.section-blue-customer-one .col-md-4 img {
    width: 80%;
    margin-bottom: 20px;
}

.consumer-content .card {
	background: #263470;
	width: 100%;
	height: auto;
	padding: 30px 30px 0px;
	text-align: left;
	margin: 0px auto 20px;
	border-radius: 30px;
	display: inline-block;
}

.section-blue-customer-two h3 {
	font-size: 25px;
	margin-bottom: 30px;
	text-align: center;
	text-transform: capitalize;
}

 .section-blue-customer-three h3 {
	font-size: 25px;
	margin-bottom: 50px;
	text-align: center;
}
.section-blue-four-lifestyle img {
	margin: 0px auto 30px;
	text-align: center;
	width: 300px;
	display: block;
}
.section-blue-four-lifestyle .benefit-content ul {
    margin: 0px;
    padding: 0px;
}

.section-blue-four-lifestyle .benefit-content ul li svg {
	width: 115px;
	float: left;
	margin-right: 5px;
	margin-bottom: 15px;
}

.section-blue-customer-one .consumer-content img {
	width: 70px;
	height: 70px;
    margin: 0px 20px 10px 0px;
}
.consumer-content .card h2 {
	text-align: left;
	font-size: 25px;
	line-height: 1.2;
	margin: 0px 0px 5px;
    padding: 0px;
}

.section-blue-four-lifestyle .benefit-content ul li strong {
	font-size: 25px;
	color: #fff;
	font-weight: normal;
}
 .section-blue-four-lifestyle .getstarted {
	background: rgb(255, 170, 112);
	background: linear-gradient(177deg, rgba(255, 170, 112, 1) 0%, rgba(239, 96, 0, 1) 100%);
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 10px 10px;
	border-radius: 40px;
	width: 220px;
	font-weight: 700;
	margin:0px auto;
}
.section-blue-four-lifestyle .benefit-content ul li {
	list-style: none;
	margin-bottom: 30px;
	color: #BAB4C5;
	min-height: 110px;
}
.consumer-content .card h2 {
	text-align: left;
	font-size: 25px;
	line-height: 1.2;
	margin: 0px 0px 10px;
}
.section-blue-customer-three h3 {
	font-size: 25px;
	margin-bottom: 50px;
	text-align: center;
}
.section-blue-four-lifestyle h3 {
	font-size: 25px;
	margin-bottom: 30px;
	text-align: center;
}
.coustomer-banner .banner-text h3 {
	text-align: center;
	font-size: 25px;
	color: #263470;
	font-weight: 400;
	margin: 0 auto 30px;
}
}

@media (min-width: 460px) and (max-width: 559.99px) {
    .coustomer-banner {
        min-height: 460px;
        margin: auto;
    }

  
    .coustomer-banner .tab-content8 {
        background: #fff;
        border-radius: 15px;
        width: 340px;
        height: auto;
        margin: 3% auto 0%;
        padding: 25px 10px 25px;
    }

    .coustomer-banner .box.arrow-top8::after {
        content: " ";
        position: absolute;
        left: 47%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }

    .coustomer-banner .w-70 {
        width: 50%;
    }

    .coustomer-banner .banner-text {
        text-align: center;
        margin: 10px auto 10px;
        width: 100%;
    }

    .coustomer-banner .banner-text h1 {
        text-align: center;
        font-size: 30px;
        color: #1A043F;
        font-weight: 700;
        margin: 0px auto 20px;
    }
    
    .coustomer-banner .getstarted {
        margin: 20px auto;
    }

    .section-blue-customer-one h3 {
        font-size: 25px;
        margin-bottom: 30px;
        text-align: center;
    }

    .section-blue-customer-one .consumer-content {
        font-size: 16px;
        line-height: 25px;
        text-align: center;
        padding: 0px 0px 3%;
        margin: 0px 0px 0px;
        color: #fff;
    }

    .section-quicksetps h3 {
        font-size: 25px;
        margin-bottom: 20px;
        text-align: center;
        text-transform: uppercase;
        color: #1A043F;
    }

    .section-quicksetps .service-list ul {
        margin: 0px 0px 0px 10px;
        padding: 0px;
    }

    .section-quicksetps .service-list ul li {
        text-align: left;
        padding: 0px 0px 20px 40px;
        margin: 0px 0px;
        border-left: dashed 2px #EF6000;
        list-style: none;
        font-size: 17px;
        color: #474747;
    }

    .section-quicksetps .service-list ul li h4 {
        font-size: 20px;
        color: #1A043F;
        margin-top: -25px;
    }

    .section-quicksetps p {
        font-size: 16px;
        line-height: 28px;
        text-align: left;
        padding: 0px 0px;
        margin: 0px 0px 20px;
        color: #474747;
    }

    .section-quicksetps .phone_img-1 {
        float: right;
        margin-top: 10px;
        margin-left: 30px;
        width: 100%;
    }
    .section-quicksetps .phone_img-2 {
        float: left;
        margin-left: -140px;
        width: 90%;
    }

    .section-blue-customer-three .consumer-content {
        font-size: 16px;
        line-height: 25px;
        text-align: left;
        padding: 5% 5%;
        margin: 4% 0px 0px;
    }

    .section-blue-customer-three .col-md-7,
    .section-blue-customer-three .col-md-5 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-blue-customer-three .consumer-content h3 {
        font-size: 25px;
        margin-bottom: 20px;
        text-align: center;
    }

    .section-blue-customer-three .consumer-content ul li {
        list-style: none;
        background: url(../images/check-green-tick.svg) no-repeat left 2px;
        padding-left: 35px;
        margin: 0px 0px 15px 0px;
        color: #BAB4C5;
    }

    .section-blue-customer-one {
        background: #1A043F;
        display: block;
        min-height: 650px;
        padding: 8% 0px 0%;
        color: #fff;
    }
    .section-blue-customer-one .col-md-3 {
        flex: 0 0 auto;
        width: 50%;
    }
    
    .section-quicksetps {
        display: block;
        min-height: 700px;
        padding: 6% 5% 3%;
        color: #474747;
    }

    .section-quicksetps .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-quicksetps .col-md-6.d-flex {
        width: auto;
        margin: auto;
    }
 
    .section-blue-customer-two {
        background: #1A043F;
        display: block;
        min-height: 450px;
        padding: 8% 4% 3%;
        color: #fff;
    }

    .section-blue-customer-two .row .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
        padding: 0px !important;
    }

    .section-blue-customer-two .col-md-5 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-blue-customer-two .content h3 {
        font-size: 25px;
        margin: 20px auto;
        text-align: center;
        text-transform: uppercase;
    }

    .section-blue-customer-two .content p {
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        padding: 0px 0% 20px;
        margin: 0px 0px 0px;
    }

    .section-blue-customer-two img.w-70 {
        width: 42%;
    }

    .section-paymentmake-easier {
        display: block;
        min-height: 400px;
        padding: 8% 0px 3%;
        color: #fff;
        /* background: url(../svg-annimation/All_Make_Payment.svg) no-repeat center 50px;
        background-size: cover; */
    }
    .section-paymentmake-easier img {
	max-width: 100%;
	margin: 20px auto;
	text-align: center;
	display: block;
}
    .section-ewallet {
        display: block;
        min-height: 550px;
        padding: 5% 4%;
    }
    .section-ewallet .ewallet-content .list-2 ul {
        margin-left: 0px;
    }
    
    .section-ewallet .ewallet-content .list-2 h4 {
        margin-left: 0px;
    }
    .section-benifit-merchant {
        display: block;
        min-height: 600px;
        padding: 4% 4% 4%;
    }
    .section-benifit-merchant .w-90 {
        width: 100%;
    }
    .section-benifit-merchant .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-benifit-merchant .benefit-content h3 br {
        display: none;
    }
    .section-blue-four-lifestyle {
        background: #1A043F;
        display: block;
        min-height: 600px;
        padding: 7% 4% 5%;
        color: #fff;
    }

    .section-blue-five-transactions-analytics .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-blue-five-transactions-analytics .col-md-6 .w-90 {
        width: 100%;
    }

    .section-customize-app {
        display: block;
        min-height: 550px;
        padding: 7% 5% 5%;
        color: #474747;
    }

    .section-customize-app p {
        font-size: 17px;
        line-height: 30px;
        text-align: center;
        padding: 0px 0% 30px;
        margin: 0px 0px 0px;
    }
    
    .section-customize-app .app-customize img {
        margin: 0px auto 20px;
        display: block;
        width: 100%;
    }

    .section-customize-app .app-customize {
        margin: 0px auto 0px;
    }

    .section-blue-six-support h3 br {
        display: none;
    }

    .section-blue-six-support h3 {
        font-size: 25px;
        margin-bottom: 20px;
        text-align: center;
        color: #fff;
    }
    .section-blue-six-support h4 {
        font-size: 22px;
        margin-bottom: 30px;
        text-align: center;
        color: #fff;
    }
    .section-blue-six-support p {
        font-size: 16px;
        line-height: 30px;
        text-align: left;
        padding: 0px 0% 20px;
        margin: 0px 0px 0px;
        color: #fff;
    }
    .section-customer-solutions {
        display: block;
        min-height: 600px;
        padding: 7% 5% 4%;
        color: #474747;
        text-align: center;
    }

    .section-customer-solutions .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }
    .section-blue-six-support .col-md-6.pe-3 {
        padding-right: 0px !important;
    }

    .section-blue-six-support .watch-demo {
        text-align: center;
        padding: 10px 15px;
        border-radius: 40px;
        width: 200px;
        font-weight: 700;
        margin: 0px auto 20px;
        display: block;
    }

    .section-customer-solutions h3 {
        font-size: 25px;
        margin-bottom: 20px;
        text-align: center;
        color: #1A043F;
    }

    .section-benifit-merchant .benefit-content h3 {
        font-size: 25px;
        margin-bottom: 20px;
        text-align: center;
        color: #1A043F;
    }
    .section-benifit-merchant .benefit-content {
        font-size: 16px;
        line-height: 28px;
        text-align: left;
    }

    .section-blue-five-transactions-analytics .spend-record h3 {
        font-size: 25px;
        margin-bottom: 20px;
        text-align: center;
        color: #fff;
    }

    .section-blue-five-transactions-analytics .spend-record {
        font-size: 16px;
        line-height: 28px;
        text-align: left;
    }

    .section-customize-app h3 {
        font-size: 25px;
        margin-bottom: 20px;
        text-align: center;
        color: #1A043F;
    }

    .section-blue-four-lifestyle .lifestyle-payment h3 {
        font-size: 25px;
        margin-bottom: 20px;
        text-align: center;
    }
    .section-ewallet h3 {
        font-size: 25px;
        margin-bottom: 20px;
        text-align: center;
        color: #1A043F;
    }


    .section-ewallet .ewallet-content ul li {
        list-style: none;
        background: url(../images/check-green-tick.svg) no-repeat left 2px;
        padding-left: 50px;
        margin: 0px 15px 25px 0px;
        color: #474747;
        font-size: 16px;
        line-height: 28px;
    }

    .section-ewallet .ewallet-content .list-2 ul li {
        margin: 0px 20px 25px 0px;
    }

    .section-paymentmake-easier h3 {
        font-size: 25px;
        margin-bottom: 20px;
        text-align: center;
        color: #1A043F;
        padding-bottom: 20px;
    }
    .section-blue-six-support .watch-demo img {
        margin-top: -3px;
        width: 28px;
    }

          .coustomer-banner .banner-text h1 {
        text-align: left;
        font-size: 44px;
        color: #1A043F;
        font-weight: 700;
        margin: 0px auto 10px;
    }

    .coustomer-banner .banner-text h3 {
	text-align: center;
	font-size: 28px;
	color: #263470;
	font-weight: 400;
	margin: 0 auto 30px;
}
.coustomer-banner .banner-text {
	text-align: center;
	margin: 10px auto 10px;
	width: 90%;
}

.section-blue-customer-one .col-md-4 img {
	width: 80%;
	margin:0px auto 20px;
    display: block;
}
.consumer-content .card {
	background: #263470;
	width: 100%;
	height: auto;
	padding: 30px 30px 0px;
	text-align: left;
	margin: 0px auto 20px;
	border-radius: 30px;
	display: inline-block;
}
.consumer-content .card h2 {
	text-align: left;
	font-size: 25px;
	line-height: 1.2;
	margin: 0px 0px 10px;
}
    .section-quicksetps {
	display: block;
	min-height: 300px;
	padding: 6% 5% 0%;
	color: #474747;
}
.section-blue-customer-two h3 {
	font-size: 25px;
	margin-bottom: 30px;
	text-align: center;
	text-transform: capitalize;
}
.section-blue-customer-two .content img {
	float: none !important;
	margin: 0px auto 20px;
	display: block;
    width: 100px;
}
.section-blue-customer-three h3 {
	font-size: 25px;
	margin-bottom: 50px;
	text-align: center;
}   
    .section-blue-customer-three {
        background: #1A043F;
        display: block;
        min-height: 410px;
        padding: 4% 0px;
        color: #fff;
    }
        .section-ewallet .ewallet-content h4 {
        font-size: 20px;
        margin-bottom: 20px;
        text-align: center;
        color: #1A043F;
    }
    .section-blue-four-lifestyle h3 {
	font-size: 25px;
	margin-bottom: 30px;
	text-align: center;
}
.section-blue-four-lifestyle img {
	margin: auto;
	text-align: center;
	width: 200px;
	display: block;
}
.section-blue-four-lifestyle .benefit-content ul  {
    margin: 20px auto;
}
.section-blue-four-lifestyle .benefit-content ul li strong {
	font-size: 20px;
	color: #fff;
	font-weight: normal;
}
.section-blue-four-lifestyle .benefit-content ul li img {
	max-width: 100px !important;
	margin: 10px 5px 0px 0px;
	float: left;
}
.section-benifit-merchant .getstarted {
	background: rgb(255, 170, 112);
	background: linear-gradient(177deg, rgba(255, 170, 112, 1) 0%, rgba(239, 96, 0, 1) 100%);
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 10px 10px;
	border-radius: 40px;
	width: 160px;
	font-weight: 700;
	float: none;
	margin:0px auto 20px;
}
.coustomer-banner .banner-text h3 {
	text-align: left;
	font-size: 25px;
	color: #263470;
	font-weight: 400;
	margin: 0 auto 30px;
}
.coustomer-banner .banner-text .terms {
 display: none;
}
}

@media (min-width: 360px) and (max-width: 459.99px) {
    .coustomer-banner {
        min-height: 460px;
    }
    .coustomer-banner .tab-content8 {
        background: #fff;
        border-radius: 15px;
        width: 340px;
        height: auto;
        margin: 3% auto 0%;
        padding: 25px 10px 25px;
    }

    .coustomer-banner .box.arrow-top8::after {
        content: " ";
        position: absolute;
        left: 47%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }
    .coustomer-banner .w-70 {
        width: 70%;
    }

    .coustomer-banner .banner-text {
        text-align: center;
        margin: 10px auto 10px;
        width: 100%;
    }

    .coustomer-banner .banner-text h1 {
        text-align: left;
        font-size:44px;
        color: #1A043F;
        font-weight: 700;
        margin: 0px auto 20px;
    }
    
    .coustomer-banner .getstarted {
        margin: 20px auto;
    }

    .section-blue-customer-one h3 {
        font-size: 22px;
        margin-bottom: 30px;
        text-align: center;
    }

    .section-blue-customer-one .consumer-content {
        font-size: 16px;
        line-height: 25px;
        text-align: center;
        padding: 0px 0px 3%;
        margin: 0px 0px 0px;
        color: #fff;
    }

    .section-quicksetps h3 {
        font-size: 22px;
        margin-bottom: 20px;
        text-align: center;
        text-transform: uppercase;
        color: #1A043F;
    }

    .section-quicksetps .service-list ul {
        margin: 0px 0px 0px 10px;
        padding: 0px;
    }

    .section-quicksetps .service-list ul li {
        text-align: left;
        padding: 0px 0px 20px 40px;
        margin: 0px 0px;
        border-left: dashed 2px #EF6000;
        list-style: none;
        font-size: 17px;
        color: #474747;
    }

    .section-quicksetps .service-list ul li h4 {
        font-size: 20px;
        color: #1A043F;
        margin-top: -25px;
    }

    .section-quicksetps p {
        font-size: 16px;
        line-height: 28px;
        text-align: left;
        padding: 0px 0px;
        margin: 0px 0px 20px;
        color: #474747;
    }

    .section-quicksetps .phone_img-1 {
        float: right;
        margin-top: 10px;
        margin-left: 0px;
        width: 70%;
    }
    .section-quicksetps .phone_img-2 {
        float: left;
        margin-left: -130px;
        width: 70%;
    }
    .section-blue-customer-three {
        background: #1A043F;
        display: block;
        min-height: 410px;
        padding: 0;
        color: #fff;
    }
    .section-blue-customer-three .consumer-content {
        font-size: 16px;
        line-height: 25px;
        text-align: left;
        padding: 5% 5%;
        margin: 4% 0px 0px;
    }

    .section-blue-customer-three .col-md-7,
    .section-blue-customer-three .col-md-5 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-blue-customer-three .consumer-content h3 {
        font-size: 23px;
        margin-bottom: 20px;
        text-align: center;
    }

    .section-blue-customer-three .consumer-content ul li {
        list-style: none;
        background: url(../images/check-green-tick.svg) no-repeat left 2px;
        padding-left: 35px;
        margin: 0px 0px 15px 0px;
        color: #BAB4C5;
    }

    .section-blue-customer-one {
        background: #1A043F;
        display: block;
        min-height: 650px;
        padding: 8% 0px 0%;
        color: #fff;
    }
    .section-blue-customer-one .col-md-3 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-blue-customer-one .consumer-content ul {
        padding: 0px;
        margin-left: 12%;
    }
    
    .section-quicksetps {
        display: block;
        min-height: 700px;
        padding: 6% 5% 3%;
        color: #474747;
    }

    .section-quicksetps .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-quicksetps .col-md-6.d-flex {
        width: auto;
        margin: auto;
    }
 
    .section-blue-customer-two {
        background: #1A043F;
        display: block;
        min-height: 450px;
        padding: 8% 4% 3%;
        color: #fff;
    }

    .section-blue-customer-two .row .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
        padding: 0px !important;
    }

    .section-blue-customer-two .col-md-5 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-blue-customer-two .content h3 {
        font-size: 22px;
        margin: 20px auto;
        text-align: center;
        text-transform: uppercase;
    }

    .section-blue-customer-two .content p {
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        padding: 0px 0% 20px;
        margin: 0px 0px 0px;
    }

    .section-paymentmake-easier {
        display: block;
        min-height: 355px;
        padding: 8% 0px 3%;
        color: #fff;
        /* background: url(../svg-annimation/All_Make_Payment.svg) no-repeat center 50px;
        background-size: cover; */
    }
    .section-paymentmake-easier img {
	max-width: 100%;
	margin: 20px auto;
	text-align: center;
	display: block;
}
    .section-ewallet {
        display: block;
        min-height: 550px;
        padding: 5% 4%;
    }

    .section-ewallet .ewallet-content .list-2 ul {
        margin-left: 0px;
    }
    .section-ewallet .ewallet-content .list-2 h4 {
        margin-left: 0px;
    }
    .section-benifit-merchant {
        display: block;
        min-height: 600px;
        padding: 4% 4% 4%;
    }
    .section-benifit-merchant .w-90 {
        width: 100%;
    }
    .section-benifit-merchant .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-benifit-merchant .benefit-content h3 br {
        display: none;
    }
    .section-blue-four-lifestyle {
        background: #1A043F;
        display: block;
        min-height: 600px;
        padding: 7% 4% 5%;
        color: #fff;
    }

    .section-blue-five-transactions-analytics .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-blue-five-transactions-analytics .col-md-6 .w-90 {
        width: 100%;
    }

    .section-customize-app {
        display: block;
        min-height: 550px;
        padding: 7% 5% 5%;
        color: #474747;
    }

    .section-customize-app p {
        font-size: 17px;
        line-height: 30px;
        text-align: center;
        padding: 0px 0% 30px;
        margin: 0px 0px 0px;
    }
    
    .section-customize-app .app-customize img {
        margin: 0px auto 20px;
        display: block;
        width: 100%;
    }

    .section-customize-app .app-customize {
        margin: 0px auto 0px;
    }

    .section-blue-six-support h3 br {
        display: none;
    }

    .section-blue-six-support h3 {
        font-size: 22px;
        margin-bottom: 20px;
        text-align: center;
        color: #fff;
    }
    .section-blue-six-support h4 {
        font-size: 22px;
        margin-bottom: 30px;
        text-align: center;
        color: #fff;
    }
    .section-blue-six-support p {
        font-size: 16px;
        line-height: 30px;
        text-align: left;
        padding: 0px 0% 20px;
        margin: 0px 0px 0px;
        color: #fff;
    }
    .section-customer-solutions {
        display: block;
        min-height: 600px;
        padding: 7% 5% 4%;
        color: #474747;
        text-align: center;
    }

    .section-customer-solutions .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }
    .section-blue-six-support .col-md-6.pe-3 {
        padding-right: 0px !important;
    }

    .section-blue-six-support .watch-demo {
        text-align: center;
        padding: 10px 15px;
        border-radius: 40px;
        width: 200px;
        font-weight: 700;
        margin: 0px auto 20px;
        display: block;
    }
    .footer .footer-middle .social-media img {
        width: 40px;
        margin: 0px 5px !important;
    }

    .section-customer-solutions h3 {
        font-size: 22px;
        margin-bottom: 20px;
        text-align: center;
        color: #1A043F;
    }

    .section-benifit-merchant .benefit-content h3 {
        font-size: 22px;
        margin-bottom: 20px;
        text-align: center;
        color: #1A043F;
    }
    .section-benifit-merchant .benefit-content {
        font-size: 16px;
        line-height: 28px;
        text-align: left;
    }

    .section-blue-five-transactions-analytics .spend-record h3 {
        font-size: 20px;
        margin-bottom: 20px;
        text-align: center;
        color: #fff;
    }

    .section-blue-five-transactions-analytics .spend-record {
        font-size: 16px;
        line-height: 28px;
        text-align: left;
    }

    .section-customize-app h3 {
        font-size: 20px;
        margin-bottom: 20px;
        text-align: center;
        color: #1A043F;
    }

    .section-blue-four-lifestyle .lifestyle-payment h3 {
        font-size: 20px;
        margin-bottom: 20px;
        text-align: center;
    }
    .section-ewallet h3 {
        font-size: 20px;
        margin-bottom: 20px;
        text-align: center;
        color: #1A043F;
    }
    .section-ewallet .ewallet-content h4 {
        font-size: 20px;
        margin-bottom: 20px;
        text-align: left;
        color: #1A043F;
    }

    .section-ewallet .ewallet-content ul li {
        list-style: none;
        background: url(../images/check-green-tick.svg) no-repeat left 2px;
        padding-left: 50px;
        margin: 0px 30px 25px 0px;
        color: #474747;
        font-size: 16px;
        line-height: 28px;
    }

    .section-paymentmake-easier h3 {
        font-size: 20px;
        margin-bottom: 20px;
        text-align: center;
        color: #1A043F;
        padding-bottom: 20px;
    }

    .section-blue-pricing-two img {
        width: 80%;
    }
    .section-blue-pricing-two h3 br {
        display: none;
    }
    .section-blue-pricing-two .content p {
        font-size: 18px;
        line-height: 30px;
        text-align: center;
        padding: 0px 30px 0px;
        margin: 0px auto 0px;
        color: #fff;
    }

    .pricing-banner .banner-text h1 {
        text-align: left;
        font-size: 30px;
        color: #1A043F;
        font-weight: 700;
        margin: 0 auto 30px;
    }

    .section-blue-one-pricing .pricing-content h4 {
        font-size: 18px;
        margin-bottom: 0px;
        text-align: center;
        font-weight: 700;
        color: #BAB4C5;
    }

    .section-transact .transact-content .making-content img, .section-transact .transact-content .receiving-content img {
    width: 100px;
    height: 100px;
    }

    .section-transact .transact-content .making-content h4, .section-transact .transact-content .receiving-content h4 {
        text-align: left;
        font-size: 28px;
    }

    .section-transact .transact-content .making-content p, .section-transact .transact-content .receiving-content p {
        text-align: left;
        font-size: 18px;
        padding-bottom: 20px;
    }

    .section-transact .transact-content .receiving-content ul li, .section-transact .transact-content .making-content ul li {
       
        padding-left: 50px;
        margin-bottom: 15px;
        text-align: left;
        font-size: 18px;
        line-height: 30px;
    }

    .section-transact .transact-content .receiving-content, .section-transact .transact-content .making-content {
        background: #1A043F;
        border-radius: 30px;
        padding: 35px;
        margin: 100px 0px 50px;
        min-height:450px;
        color: #fff;
    }
    

    .section-blue-pricing-two h3 {
        font-size: 20px;
        margin-bottom: 30px;
        text-align: center;
        color: #fff;
    }

    .section-blue-pricing-two {
        background: #1A043F;
        display: block;
        min-height: 600px;
        padding: 8% 20px 8%;
        color: #fff;
    }

    .pricing-banner .col-md-6 {
        width: 100% ;
    }

    .section-transact .transact-content .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-blue-one-pricing .watch-demo, .section-blue-one-pricing a.learn-more {
        float: none;
        margin: 10px auto;
        width: 200px;
    }

    .section-transact h3 {
        font-size: 20px;
        margin-bottom: 30px;
        text-align: center;
        color: #1A043F;
    }

    .section-device img.float-end {
        float: none !important;
        margin: auto;
        display: block;
        width: 30%;
    }

    .section-device h3 {
        font-size: 20px;
        margin-bottom: 30px;
        text-align: center;
        color: #000000;
        font-weight: 700;
    }

    .section-device .get-started {
        background: rgb(255, 170, 112);
        background: linear-gradient(177deg, rgba(255, 170, 112, 1) 0%, rgba(239, 96, 0, 1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        padding: 10px 15px;
        border-radius: 36px;
        width: 200px;
        height: 45px;
        font-weight: 700;
        margin: auto;
        display: block;
        cursor: pointer;
    }

    .section-blue-one-pricing h3 {
        font-size: 20px;
        margin-bottom: 40px;
        text-align: center;
        color: #fff;
    }
    .coustomer-banner .banner-text {
	text-align: center;
	margin: 10px auto 10px;
	width: 90%;
}

.section-blue-customer-one .col-md-4 img {
	width: 80%;
	margin:0px auto 20px;
    display: block;
}
.consumer-content .card {
	background: #263470;
	width: 100%;
	height: auto;
	padding: 20px 20px 0px;
	text-align: left;
	margin: 0px auto 20px;
	border-radius: 30px;
	display: inline-block;
}
.section-blue-customer-one .consumer-content img {
	width: 80px;
	height: 80px;
}
.consumer-content .card h2 {
	text-align: left;
	font-size: 20px;
	line-height: 1.2;
	margin: 0px 0px 0px;
}
.consumer-content .card p {
	font-size: 18px;
	color: #BAB4C5;
}

    .section-quicksetps {
	display: block;
	min-height: 300px;
	padding: 6% 5% 0%;
	color: #474747;
}
.section-blue-customer-two h3 {
	font-size: 20px;
	margin-bottom: 30px;
	text-align: center;
	text-transform: capitalize;
}
.section-blue-customer-two .content img {
	float: none !important;
	margin: 0px auto 20px;
	display: block;
    width: 100px;
}
.section-blue-customer-three h3 {
	font-size: 20px;
	margin-bottom: 50px;
	text-align: center;
}   
    .section-blue-customer-three {
        background: #1A043F;
        display: block;
        min-height: 410px;
        padding: 4% 0px;
        color: #fff;
    }
        .section-ewallet .ewallet-content h4 {
        font-size: 20px;
        margin-bottom: 20px;
        text-align: center;
        color: #1A043F;
    }
    .section-blue-four-lifestyle h3 {
	font-size: 20px;
	margin-bottom: 30px;
	text-align: center;
}
.section-blue-four-lifestyle img {
	margin:  0 auto 20px;
	text-align: center;
	width: 200px;
	display: block;
}
.section-blue-four-lifestyle .benefit-content ul  {
    margin: 20px auto;
    padding: 0px;
}
.section-blue-four-lifestyle .benefit-content ul li strong {
	font-size: 20px;
	color: #fff;
	font-weight: normal;
    text-align: center;
}
.section-blue-four-lifestyle .benefit-content ul li img {
	max-width: 100px !important;
	margin: 10px auto;
	float: none;
	display: inline;
}
.section-benifit-merchant .getstarted {
	background: rgb(255, 170, 112);
	background: linear-gradient(177deg, rgba(255, 170, 112, 1) 0%, rgba(239, 96, 0, 1) 100%);
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 10px 10px;
	border-radius: 40px;
	width: 160px;
	font-weight: 700;
	float: none;
	margin:0px auto 20px;
}
.coustomer-banner .banner-text h3 {
	text-align: left;
	font-size: 24px;
	color: #263470;
	font-weight: 400;
	margin: 0 auto 30px;
}
.section-blue-four-lifestyle .getstarted {
	background: rgb(255, 170, 112);
	background: linear-gradient(177deg, rgba(255, 170, 112, 1) 0%, rgba(239, 96, 0, 1) 100%);
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 10px 10px;
	border-radius: 40px;
	width: 220px;
	font-weight: 700;
	margin:0 auto;
}
.section-blue-four-lifestyle .benefit-content ul li svg {
	width: 115px;
	float: none;
	margin: 15px auto;
    display: block;
}
.section-blue-four-lifestyle .benefit-content ul li {
	list-style: none;
	margin-bottom: 50px;
	color: #BAB4C5;
	min-height: 110px;
    text-align: center;
}
}

@media (min-width: 320px) and (max-width: 359.99px) {
    .coustomer-banner {
        min-height: 460px;
    }
    .coustomer-banner .tab-content8 {
        background: #fff;
        border-radius: 15px;
        width: 320px;
        height: auto;
        margin: 3% auto 0%;
        padding: 10px 10px 10px;
    }

    .coustomer-banner .box.arrow-top8::after {
        content: " ";
        position: absolute;
        left: 47%;
        top: -14px;
        border-top: none;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }

    .coustomer-banner .w-70 {
        width: 70%;
    }

    .coustomer-banner .banner-text {
        text-align: left;
        margin: 10px auto 10px;
        width: 100%;
    }

    .coustomer-banner .banner-text h1 {
        text-align: left;
        font-size:44px;
        color: #1A043F;
        font-weight: 700;
        margin: 0px auto 20px;
    }
    
    .coustomer-banner .getstarted {
        margin: 20px auto;
    }

    .section-blue-customer-one h3 {
        font-size: 20px;
        margin-bottom: 30px;
        text-align: center;
    }

    .section-blue-customer-one .consumer-content {
        font-size: 16px;
        line-height: 25px;
        text-align: center;
        padding: 0px 0px 3%;
        margin: 0px 0px 0px;
        color: #fff;
    }

    .section-quicksetps h3 {
        font-size: 20px;
        margin-bottom: 20px;
        text-align: center;
        text-transform: uppercase;
        color: #1A043F;
    }

    .section-quicksetps .service-list ul {
        margin: 0px 0px 0px 10px;
        padding: 0px;
    }

    .section-quicksetps .service-list ul li {
        text-align: left;
        padding: 0px 0px 20px 40px;
        margin: 0px 0px;
        border-left: dashed 2px #EF6000;
        list-style: none;
        font-size: 17px;
        color: #474747;
    }

    .section-quicksetps .service-list ul li h4 {
        font-size: 20px;
        color: #1A043F;
        margin-top: -25px;
    }

    .section-quicksetps p {
        font-size: 16px;
        line-height: 28px;
        text-align: left;
        padding: 0px 0px;
        margin: 0px 0px 20px;
        color: #474747;
    }

    .section-quicksetps .phone_img-1 {
        float: right;
        margin-top: 10px;
        margin-left: 30px;
        width: 100%;
    }
    .section-quicksetps .phone_img-2 {
        float: left;
        margin-left: -140px;
        width: 90%;
    }
    .section-blue-customer-three {
        background: #1A043F;
        display: block;
        min-height: 410px;
        padding: 0;
        color: #fff;
    }
    .section-blue-customer-three .consumer-content {
        font-size: 16px;
        line-height: 25px;
        text-align: left;
        padding: 5% 5%;
        margin: 4% 0px 0px;
    }

    .section-blue-customer-three .col-md-7,
    .section-blue-customer-three .col-md-5 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-blue-customer-three .consumer-content h3 {
        font-size: 20px;
        margin-bottom: 20px;
        text-align: center;
    }

    .section-blue-customer-three .consumer-content ul li {
        list-style: none;
        background: url(../images/check-green-tick.svg) no-repeat left 2px;
        padding-left: 35px;
        margin: 0px 0px 15px 0px;
        color: #BAB4C5;
    }

    .section-blue-customer-one {
        background: #1A043F;
        display: block;
        min-height: 650px;
        padding: 8% 0px 0%;
        color: #fff;
    }
    .section-blue-customer-one .col-md-3 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-blue-customer-one .consumer-content ul {
        padding: 0px;
        margin-left: 12%;
    }
    
    .section-quicksetps {
        display: block;
        min-height: 700px;
        padding: 6% 5% 3%;
        color: #474747;
    }

    .section-quicksetps .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-quicksetps .col-md-6.d-flex {
        width: auto;
        margin: auto;
    }
 
    .section-blue-customer-two {
        background: #1A043F;
        display: block;
        min-height: 450px;
        padding: 8% 4% 3%;
        color: #fff;
    }

    .section-blue-customer-two .row .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
        padding: 0px !important;
    }

    .section-blue-customer-two .col-md-5 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-blue-customer-two .content h3 {
        font-size: 20px;
        margin: 20px auto;
        text-align: center;
        text-transform: uppercase;
    }

    .section-blue-customer-two .content p {
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        padding: 0px 0% 20px;
        margin: 0px 0px 0px;
    }

    .section-paymentmake-easier {
        display: block;
        min-height: 260px;
        padding: 8% 0px 3%;
        color: #fff;
        /* background: url(../svg-annimation/All_Make_Payment.svg) no-repeat center 50px;
        background-size: cover; */
    }
    .section-paymentmake-easier img {
	max-width: 100%;
	margin: 20px auto;
	text-align: center;
	display: block;
}
    .section-ewallet {
        display: block;
        min-height: 550px;
        padding: 5% 4%;
    }

    .section-ewallet .ewallet-content .list-2 ul {
        margin-left: 0px;
    }
    .section-ewallet .ewallet-content .list-2 h4 {
        margin-left: 0px;
    }
    .section-benifit-merchant {
        display: block;
        min-height: 600px;
        padding: 4% 4% 4%;
    }
    .section-benifit-merchant .w-90 {
        width: 100%;
    }
    .section-benifit-merchant .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-benifit-merchant .benefit-content h3 br {
        display: none;
    }
    .section-blue-four-lifestyle {
        background: #1A043F;
        display: block;
        min-height: 600px;
        padding: 7% 4% 5%;
        color: #fff;
    }

    .section-blue-five-transactions-analytics .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-blue-five-transactions-analytics .col-md-6 .w-90 {
        width: 100%;
    }

    .section-customize-app {
        display: block;
        min-height: 550px;
        padding: 7% 5% 5%;
        color: #474747;
    }

    .section-customize-app p {
        font-size: 17px;
        line-height: 30px;
        text-align: center;
        padding: 0px 0% 30px;
        margin: 0px 0px 0px;
    }
    
    .section-customize-app .app-customize img {
        margin: 0px auto 20px;
        display: block;
        width: 100%;
    }

    .section-customize-app .app-customize {
        margin: 0px auto 0px;
    }

    .section-blue-six-support h3 br {
        display: none;
    }

    .section-blue-six-support h3 {
        font-size: 20px;
        margin-bottom: 20px;
        text-align: center;
        color: #fff;
    }
    .section-blue-six-support h4 {
        font-size: 22px;
        margin-bottom: 30px;
        text-align: center;
        color: #fff;
    }
    .section-blue-six-support p {
        font-size: 16px;
        line-height: 30px;
        text-align: left;
        padding: 0px 0% 20px;
        margin: 0px 0px 0px;
        color: #fff;
    }
    .section-customer-solutions {
        display: block;
        min-height: 600px;
        padding: 7% 5% 4%;
        color: #474747;
        text-align: center;
    }

    .section-customer-solutions .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }
    .section-blue-six-support .col-md-6.pe-3 {
        padding-right: 0px !important;
    }

    .section-blue-six-support .watch-demo {
        text-align: center;
        padding: 10px 15px;
        border-radius: 40px;
        width: 200px;
        font-weight: 700;
        margin: 0px auto 20px;
        display: block;
    }

    .section-customer-solutions h3 {
        font-size: 20px;
        margin-bottom: 20px;
        text-align: center;
        color: #1A043F;
    }

    .section-benifit-merchant .benefit-content h3 {
        font-size: 20px;
        margin-bottom: 20px;
        text-align: center;
        color: #1A043F;
    }
    .section-benifit-merchant .benefit-content {
        font-size: 16px;
        line-height: 28px;
        text-align: left;
    }

    .section-blue-five-transactions-analytics .spend-record h3 {
        font-size: 20px;
        margin-bottom: 20px;
        text-align: center;
        color: #fff;
    }

    .section-blue-five-transactions-analytics .spend-record {
        font-size: 16px;
        line-height: 28px;
        text-align: left;
    }

    .section-customize-app h3 {
        font-size: 20px;
        margin-bottom: 20px;
        text-align: center;
        color: #1A043F;
    }

    .section-blue-four-lifestyle .lifestyle-payment h3 {
        font-size: 20px;
        margin-bottom: 20px;
        text-align: center;
    }
    .section-ewallet h3 {
        font-size: 20px;
        margin-bottom: 20px;
        text-align: center;
        color: #1A043F;
    }
    .section-ewallet .ewallet-content h4 {
        font-size: 20px;
        margin-bottom: 20px;
        text-align: left;
        color: #1A043F;
    }

    .section-ewallet .ewallet-content ul li {
        list-style: none;
        background: url(../images/check-green-tick.svg) no-repeat left 2px;
        padding-left: 50px;
        margin: 0px 30px 25px 0px;
        color: #474747;
        font-size: 16px;
        line-height: 28px;
    }

    .section-paymentmake-easier h3 {
        font-size: 20px;
        margin-bottom: 20px;
        text-align: center;
        color: #1A043F;
        padding-bottom: 20px;
    }
    .section-ewallet img {
	margin: 0px auto 30px;
	vertical-align: bottom;
    width: 200px;
}

}

 
/* merchant */

@media (min-width: 1280px) and (max-width: 1500px) {

    .merchant-banner {
        min-height: 970px;
        position: relative;
    }

    .coustomer-banner .col-md-5, .coustomer-banner .col-md-7  {
	flex: 0 0 auto;
	width: 50%;
}
.coustomer-banner .col-md-7 img.w-60 {
	width: 80%;
}
.consumer-content .card {
	background: #263470;
	width: 100%;
	height: 200px;
	padding: 30px 30px 0px;
	text-align: left;
	margin: 0px auto 20px;
	border-radius: 30px;
	display: inline-block;
}
.consumer-content .card img {
	float: left;
	margin: 0px 25px 20px 0px;
	width: 100px;
}
}

@media (min-width: 1024px) and (max-width: 1279px) {

    .merchant-banner {
        min-height: 900px;
        position: relative;
    }
    .merchant-banner .banner-text {
        text-align: left;
        margin: 0px 0px 0px 3%;
        width: 45%;
    }

    .merchant-banner .mobile {
        position: absolute;
        left: 27%;
        bottom:-35%;
    }

    .merchant-banner .mobile .w-80 {
        width: 70%;
    }
    .merchant-banner .banner-text h1 {
        text-align: left;
        font-size: 45px;
        color: #1A043F;
        font-weight: 700;
        margin: 0 auto 30px;
    }

    .section-business-suits p {
        font-size: 17px;
        line-height: 30px;
        text-align: left;
        padding: 0px 0 10px;
        margin: 0px 0px 20px;
    }
    .section-blue-two-payment-device {
        background: #1A043F;
        display: block;
        min-height: 640px;
        padding: 7% 0% 2%;
        color: #fff;
    }
    .manage-your-payments-bg {
        background: url(../images/manage-your-payments.png) no-repeat -77px top;
        background-size: 115%;
    }
    .swiper-container, .swiper-wrapper, .swiper-slide {
        width: 500px;
        height: 320px;
        float: right;
        top: 0px !important;
    }

    .swiper-slide {
        text-align: right;
        font-size: 18px;
        justify-content: center;
        align-items: center;
    }
    .swiper-slide img {
        width:350px;
    }
    .accordian {
        width: 100%;
        height: 300px !important;
        overflow: hidden;
        margin: 0px 0px;
        border-radius: 30px;
        border: solid 2px #fff;
    }
    .accordian li img {
        display: block;
        width: auto;
        height: 300px;
    }

    .accordian ul:hover li {
        width: 67px;
    }

    .carousel-item  .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
    .section-active-ecomerce .carousel-item img {
        margin: 20px auto;
        width: 60%;
    }
    .section-active-ecomerce .slider-content {
        text-align: left;
        padding: 5%;
    }

    .section-customer-solutions .col-md-7 {
        flex: 0 0 auto;
        width: 80%;
    }

    .section-customer-solutions .w-40 {
        width: 80%;
    }

    .fees-section {
        background: #EF6000;
        border-radius: 20px;
        height: 74px;
        text-align: center;
        max-width: 1200px;
        margin: 20px auto 30px;
        width: 90%;
    }

    .fees-section ul li {
        list-style: none;
        display: inline-block;
        font-size: 24px;
        color: #fff;
        padding: 0px 25px 0px 50px;
        background: url(../merchant-accordion/green_tick.svg) no-repeat left 0px;
        margin: 0px 0;
    }

    .setp-process .image .mw-100 {
        max-width: 80% !important;
    }

    .setp-process .image {
        position: absolute;
        left: 40px;
        top: 70px;
    }

    .setp-process .points .setp-1, .setp-process .points .setp-2, .setp-process .points .setp-3, .setp-process .points .setp-4, .setp-process .points .setp-5 {
        font-size: 24px;
        line-height: 1.2;
        color: #474747;
        font-weight: 500;
        text-align: left;
        cursor: pointer;
        margin-bottom: 9%;
        height: 80px;
    }

    .setp-process .points .setp-1 .circle, .setp-process .points .setp-2 .circle, .setp-process .points .setp-3 .circle, .setp-process .points .setp-4 .circle, .setp-process .points .setp-5 .circle {
        margin-right: 20px;
        margin-bottom: 0px;
        background: #263470;
        border: solid 1px #707070;
        width: 80px;
        height: 80px;
        border-radius: 45px;
        position: absolute;
    }   

    .setp-process .points .setp-1 .circle img, .setp-process .points .setp-3 .circle img, .setp-process .points .setp-4 .circle img, .setp-process .points .setp-5 .circle img {
        position: relative;
        left: 14px;
        bottom: 45px;
        width: 50px;
    }

    .setp-process .points .setp-1:hover, .setp-process .points .setp-2:hover, .setp-process .points .setp-3:hover, .setp-process .points .setp-4:hover, .setp-process .points .setp-5:hover {
        background: #263470;
        border: solid 1px #707070;
        width: 95%;
        height: 80px;
        border-radius: 45px;
        color: #fff;
        transition: transform 0.4s ease-in-out;
        margin-bottom: 9%;
    }

    .setp-process .points .setp-1 .circle .mw-100 {
        max-width: 90% !important;
    }

    .setp-process .points {
        list-style: none;
        font-size: 28px;
        line-height: 1.2;
        color: #474747;
        font-weight: 500;
        width: 450px;
        margin-bottom: 20px;
    }

    .setp-process .points {
        position: absolute;
        right:100px;
        top: 60px;
    }

    .setp-process .points .setp-1 {
        left: -80px;
        top: -16px;
    }

    .setp-process .points .setp-2 {
        left: 20px;
        top: -15px;
    }

    .setp-process .points .setp-3 {
        left: 80px;
        top: 15px;
    }

    .setp-process .points .setp-4 {
        left: 20px;
        top: 40px;
    }

    .setp-process .points .setp-5 {
        left: -80px;
        top: 40px;
    }

    .setp-process .points .setp-2 .circle img .mw-100 {
        max-width: 90% !important;
    }
}

@media (min-width: 992px) and (max-width: 1023.99px) {

    .merchant-banner {
        min-height: 910px;
        position: relative;
    }
    .merchant-banner .banner-text {
        text-align: left;
        margin: 0px 0px 0px 3%;
        width: 45%;
    }


    .merchant-banner .mobile {
        position: absolute;
        left: 27%;
        bottom:-35%;
    }

    .merchant-banner .mobile .w-80 {
        width: 70%;
    }
    .merchant-banner .banner-text h1 {
        text-align: left;
        font-size: 45px;
        color: #1A043F;
        font-weight: 700;
        margin: 0 auto 30px;
    }

    .section-business-suits p {
        font-size: 17px;
        line-height: 30px;
        text-align: left;
        padding: 0px 0 10px;
        margin: 0px 0px 20px;
    }
    .section-blue-two-payment-device {
        background: #1A043F;
        display: block;
        min-height: 640px;
        padding: 7% 0% 2%;
        color: #fff;
    }

    
    .manage-your-payments-bg {
        background: url(../images/manage-your-payments.png) no-repeat -77px top;
        background-size: 115%;
    }
    .swiper-container, .swiper-wrapper, .swiper-slide {
        width: 500px;
        height: 320px;
        float: right;
        top: 0px !important;
    }

    .swiper-slide {
        text-align: right;
        font-size: 18px;
        justify-content: center;
        align-items: center;
    }
    .swiper-slide img {
        width:350px;
    }

    .accordian {
        width: 100%;
        height: 300px !important;
        overflow: hidden;
        margin: 0px 0px;
        border-radius: 30px;
        border: solid 2px #fff;
    }
    .accordian li img {
        display: block;
        width: auto;
        height: 300px;
    }

    .accordian ul:hover li {
        width: 67px;
    }
    .accordian ul li:hover {
        width: 84%;
    }
    .carousel-item  .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
    .section-active-ecomerce .carousel-item img {
        margin: 20px auto;
        width: 60%;
    }
    .section-active-ecomerce .slider-content {
        text-align: left;
        padding: 5%;
    }

    .section-customer-solutions .col-md-7 {
        flex: 0 0 auto;
        width: 80%;
    }

    .section-customer-solutions .w-40 {
        width: 80%;
    }

    .fees-section {
        background: #EF6000;
        border-radius: 20px;
        height: 74px;
        text-align: center;
        max-width: 1200px;
        margin: 20px auto 30px;
        width: 90%;
    }

    .fees-section ul li {
        list-style: none;
        display: inline-block;
        font-size: 25px;
        color: #fff;
        padding: 0px 15px 0px 40px;
        background: url(../merchant-accordion/green_tick.svg) no-repeat left 0px;
        margin: 0px 0px;
    }
/* 
    .setp-process .image {
        position: absolute;
        margin: 20px auto;
        display: block;
        text-align: center;
    } */

    .setp-process .image {
        position: absolute;
        left: 10px;
        top: 50px;
    }

    .setp-process .image .mw-100 {
        max-width: 75% !important;
    }
 

    .setp-process .points {
        list-style: none;
        font-size: 28px;
        line-height: 1.2;
        color: #474747;
        font-weight: 500;
        width: 100%;
        margin-bottom: 20px;
        display: block;
        max-width: 500px;
    }

    /* .setp-process .points .setp-1, .setp-process .points .setp-2, .setp-process .points .setp-3, .setp-process .points .setp-4, .setp-process .points .setp-5 {
        position: unset;
    } */
/* 
    .setp-process .points .setp-1:hover::after, .setp-process .points .setp-2:hover::after, 
    .setp-process .points .setp-3:hover::after, .setp-process .points .setp-4:hover::after, 
    .setp-process .points .setp-5:hover::after {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 5%;
        right: 30px;
        content: "";
        display: block;
    } */

    .setp-process .points .setp-1 {
        left: -130px;
        top:-30px;
    }

    .setp-process .points .setp-2 {
        left: -35px;
        top:-30px;
    }

    .setp-process .points .setp-3 {
        left: -5px;
        top: -20px;
    }

    .setp-process .points .setp-4 {
        left: -70px;
        top: -20px;
    }

    .setp-process .points .setp-5 {
        left: -130px;
        top:-30px;
    }

    .setp-process .points .setp-1:hover::after {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 30%;
        right: 30px;
        content: "";
        display: block;
    }

    .setp-process .points .setp-2:hover::after  {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 32%;
        right: 30px;
        content: "";
        display: block;
    }
    .setp-process .points .setp-3:hover::after  {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 38%;
        right: 30px;
        content: "";
        display: block;
    }

 .setp-process .points .setp-4:hover::after {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 36%;
        right: 30px;
        content: "";
        display: block;
    }

    .setp-process .points .setp-5:hover::after {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 37%;
        right: 30px;
        content: "";
        display: block;
    }

    #Mobile-application .col-md-6, #tap-to-pay .col-md-5, #tap-to-pay .col-md-7, #Online-payments .col-md-6,
    #Card-machines .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-business-suits {
        width: 65%;
        margin: auto;
    }

    .section-business-suits .get-started {
        margin: 20px auto;
    }

    .section-business-suits .laptop img {
        margin-right: 0%;
        width: 100%;
    }

    .get-card-machine img {
        text-align: center;
        margin: 0px auto 30px;
        display: block;
        width: 100%;
    }
        .consumer-content .card {
        background: #263470;
        width: 100%;
        height: auto;
        padding: 20px 20px 0px;
        text-align: left;
        margin: 0px auto 13px;
        border-radius: 30px;
        display: inline-block;
    }
        .section-blue-customer-one .consumer-content img {
	width: 60px;
	height: 60px;
}
}

@media (min-width: 768px) and (max-width: 991.99px) {

    .merchant-banner {
        min-height: 1600px;
        position: relative;
        margin: 2% auto;
    }

    .merchant-banner .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
    .merchant-banner .banner-text {
        text-align: center;
        margin: 0px 0px 0px 0%;
        width: 100%;
        padding: 2% 4%;
    }

    .merchant-banner .mobile {
        position: absolute;
        right: -10%;
        top: -2%;
        left: unset;
        bottom: 0;
    }

    .merchant-banner .mobile .w-80 {
        width: 50%;
    }

    .merchant-banner .img-fluid {
        max-width: 95%;
        height: auto;
        margin-left: -20%;
    }

    .merchant-banner .getstarted {
        margin: 20px auto;
    }

    .merchant-banner .banner-text h1 {
        text-align: center;
        font-size: 35px;
        color: #1A043F;
        font-weight: 700;
        margin: 20px auto 10px;
    }

    .section-business-suits p {
        font-size: 17px;
        line-height: 30px;
        text-align: left;
        padding: 0px 0% 10px;
        margin: 0px 0px 20px;
    }
    .section-blue-two-payment-device {
        background: #1A043F;
        display: block;
        min-height: 610px;
        padding: 7% 0% 2%;
        color: #fff;
    }

    .section-blue-one-merchant .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
    
    .manage-your-payments-bg {
        background: url(../images/manage-your-payments.png) no-repeat center top;
        background-size: 95%;
    }
    .swiper-container, .swiper-wrapper, .swiper-slide {
        width: 500px;
        height: 450px;
        float: right;
        top: 0px !important;
    }

    .swiper-slide {
        text-align: right;
        font-size: 18px;
        justify-content: center;
        align-items: center;
    }
    .swiper-slide img {
        width:350px;
    }

    .accordian {
        display: none;
    } 

    .slider-mobile {
        display: block;
    }
    .slider-mobile .carousel-item img {
        width: 95%;
        margin: auto;
        text-align: center;
    }

    .slider-mobile .carousel-item.active {
        display: block;
        text-align: center;
    }

    .slider-mobile #carouselExampleInterval .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: -70px;
        left: 0;
        z-index: 2;
        display: flex;
        justify-content: center;
        padding: 0;
        margin-right: 15%;
        margin-bottom: 1rem;
        margin-left: 15%;
        list-style: none;
    }
    .carousel-item  .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
    .section-active-ecomerce .carousel-item img {
        margin: 20px auto;
        width: 60%;
    }
    .section-active-ecomerce .slider-content {
        text-align: left;
        padding: 5%;
    }

    .section-customer-solutions .col-md-7 {
        flex: 0 0 auto;
        width: 80%;
    }

    .section-customer-solutions .w-40 {
        width: 80%;
    }

    .secure-money-transfer-methods .card {
        border: none;
        margin: 10px auto;
        text-align: center;
        padding:15px 15px 0px;
        border-radius: 30px;
        height: 200px;
        max-width: 45%;
        -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
    }

    .secure-money-transfer-methods .card img {
        height: 43px;
        margin: 0px auto 10px;
    }

    .secure-money-transfer-methods .card:nth-child(6){
        padding: 25px 20px 0px;
    }

    .secure-money-transfer-methods .col-4 {
        flex: 0 0 auto;
        width: 50%;
    }
    .secure-money-transfer-methods .card p {
        font-size: 15px;
        line-height:25px;
        text-align: center;
        padding: 0px 0 0px;
        margin: 0px 0px 0px;
    }

    .section-blue-two-payment-device h3 {
        font-size: 30px;
        margin-bottom: 20px;
        text-align: center;
        color: #fff;
    }

    .section-blue-two-payment-device h4 {
        font-size: 23px;
        margin-bottom: 0px;
        text-align: center;
        color: #fff;
    }

    
    .carousel-control-prev {
        position: absolute;
        top: unset;
        bottom: -5px;
        z-index: 99;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 15%;
        padding: 0;
        color: #fff;
        text-align: center;
        background: 0 0;
        border: 0;
        opacity: .5;
        transition: opacity .15s ease;
        left: 20%;
    }

    .carousel-control-next {
        position: absolute;
        top: unset;
        bottom: -5px;
        z-index: 99;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 15%;
        padding: 0;
        color: #fff;
        text-align: center;
        background: 0 0;
        border: 0;
        opacity: .5;
        transition: opacity .15s ease;
        right: 20%;
    }

    .section-blue-six-support .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
    .section-blue-six-support .watch-demo {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        padding: 10px 15px;
        border-radius: 40px;
        width: 200px;
        font-weight: 700;
        display: block;
        margin-bottom: 20px;
    }

    .fees-section {
        background: #EF6000;
        border-radius: 20px;
        height: 74px;
        text-align: center;
        max-width: 1200px;
        margin: 20px auto 30px;
        width: 95%;
    }

    .fees-section ul {
        margin: 0px auto;
        padding: 10px 0;
        display: block;
    }

    .fees-section ul li {
        list-style: none;
        display: inline-block;
        font-size: 25px;
        color: #fff;
        padding: 0px 15px 0px 40px;
        background: url(../merchant-accordion/green_tick.svg) no-repeat left 0px;
        margin: 0px 0px;
    }

    .setp-process .image {
        position: unset;
        margin: 20px auto;
        display: block;
        text-align: center;
    }

    .setp-process .points {
        position: relative;
        right: 0px;
        top: 60px;
        margin: auto;
        display: block;
        width: 90%;
    }

    .setp-process .points {
        list-style: none;
        font-size: 28px;
        line-height: 1.2;
        color: #474747;
        font-weight: 500;
        width: 100%;
        margin: 20px a;
        display: block;
        max-width: 600px;
    }

    .setp-process .points .setp-1, .setp-process .points .setp-2, .setp-process .points .setp-3, .setp-process .points .setp-4, .setp-process .points .setp-5 {
        position: unset;
    }

    /* .setp-process .points .setp-1:hover::after, .setp-process .points .setp-2:hover::after, .setp-process .points .setp-3:hover::after, .setp-process .points .setp-4:hover::after, .setp-process .points .setp-5:hover::after {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 26%;
        right: 30px;
        content: "";
        display: block;
    } */

/*     
    .setp-process .points {
        position: relative;
        right:100px;
        top: 60px;
    } */

    .setp-process .points .setp-1 {
        left: -80px;
        top: -16px;
    }

    .setp-process .points .setp-2 {
        left: 20px;
        top: -15px;
    }

    .setp-process .points .setp-3 {
        left: 80px;
        top: 15px;
    }

    .setp-process .points .setp-4 {
        left: 20px;
        top: 40px;
    }

    .setp-process .points .setp-5 {
        left: -80px;
        top: 40px;
    }

    .setp-process .points .setp-2 .circle img .mw-100 {
        max-width: 90% !important;
    }

    
    .setp-process .points .setp-1:hover::after {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 5%;
        right: 30px;
        content: "";
        display: block;
    }

    .setp-process .points .setp-2:hover::after  {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 26%;
        right: 30px;
        content: "";
        display: block;
    }
    .setp-process .points .setp-3:hover::after  {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 48%;
        right: 30px;
        content: "";
        display: block;
    }

 .setp-process .points .setp-4:hover::after {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 69%;
        right: 30px;
        content: "";
        display: block;
    }

    .setp-process .points .setp-5:hover::after {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 90%;
        right: 30px;
        content: "";
        display: block;
    }

    #Mobile-application .col-md-6, #tap-to-pay .col-md-5, #tap-to-pay .col-md-7, #Online-payments .col-md-6,
    #Card-machines .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-business-suits {
        width: 95%;
        margin: auto;
    }

    .section-business-suits .get-started {
        margin: 20px auto;
    }

    .section-business-suits .laptop img {
        margin-right: 0%;
        width: 100%;
    }

    .get-card-machine img {
        text-align: center;
        margin: 0px auto 30px;
        display: block;
        width: 100%;
    }

    #QR-codes-and-link .col-md-6.text-end{
        text-align: center !important;
    }
}

@media (min-width: 560px) and (max-width: 767px) {

    .merchant-banner {
        min-height: 600px;
        position: relative;
        margin: 2% auto;
    }

    .merchant-banner .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
    .merchant-banner .banner-text {
        text-align: center;
        margin: 0px 0px 0px 0%;
        width: 100%;
        padding: 2% 4%;
    }

    .merchant-banner .mobile {
        position: absolute;
        right: -18%;
        top: -0%;
        left: unset;
        bottom: 0;
    }

    .merchant-banner .mobile .w-80 {
        width: 36%;
    }

    .merchant-banner .img-fluid {
        max-width: 95%;
        height: auto;
        margin-left: -20%;
    }

    .merchant-banner .getstarted {
        margin: 20px auto;
    }

    .merchant-banner .banner-text h1 {
        text-align: center;
        font-size: 30px;
        color: #1A043F;
        font-weight: 700;
        margin: 20px auto 10px;
    }

    .section-business-suits p {
        font-size: 17px;
        line-height: 30px;
        text-align: left;
        padding: 0px 0% 10px;
        margin: 0px 0px 20px;
    }
    .section-blue-two-payment-device {
        background: #1A043F;
        display: block;
        min-height: 550px;
        padding: 7% 0% 2%;
        color: #fff;
    } 
    
    .section-blue-one-merchant .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
    
    .manage-your-payments-bg {
        background: url(../images/manage-your-payments.png) no-repeat center top;
        background-size: contain;
        margin-bottom: 30px;
    }

    
    .swiper-container, .swiper-wrapper, .swiper-slide {
        width: 500px;
        height: 300px;
        float: right;
        top: 0px !important;
        position: relative;
    }

    .swiper-slide {
        text-align: right;
        font-size: 18px;
        justify-content: center;
        align-items: center;
    }
    .swiper-slide img {
        width:350px;
    }

    .accordian {
        display: none;
    } 

    .slider-mobile {
        display: block;
    }
    .slider-mobile .carousel-item img {
        width: 95%;
        margin: auto;
        text-align: center;
    }

    .slider-mobile .carousel-item.active {
        display: block;
        text-align: center;
    }

    .slider-mobile #carouselExampleInterval .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: -70px;
        left: 0;
        z-index: 2;
        display: flex;
        justify-content: center;
        padding: 0;
        margin-right: 15%;
        margin-bottom: 1rem;
        margin-left: 15%;
        list-style: none;
    }

    .carousel-item  .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
    .section-active-ecomerce .carousel-item img {
        margin: 20px auto;
        width: 90%;
    }
    .section-active-ecomerce .slider-content {
        text-align: left;
        padding: 5%;
    }

    .section-customer-solutions .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-customer-solutions .w-40 {
        width: 100%;
    }
    

    .secure-money-transfer-methods .card {
        border: none;
        margin: 10px auto;
        text-align: center;
        padding:25px 20px 0px;
        border-radius: 30px;
        height: 180px;
        max-width: 94%;
        -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
    }

    .secure-money-transfer-methods .card img {
        height: 43px;
        margin: 0px auto 10px;
    }

    .secure-money-transfer-methods .card:nth-child(6){
        padding: 20px 20px 0px;
    }

    .secure-money-transfer-methods .col-4 {
        flex: 0 0 auto;
        width: 100%;
    }
    .secure-money-transfer-methods .card p {
        font-size: 15px;
        line-height:25px;
        text-align: center;
        padding: 0px 0 0px;
        margin: 0px 0px 0px;
    }

    .section-blue-two-payment-device h3 {
        font-size: 30px;
        margin-bottom: 20px;
        text-align: center;
        color: #fff;
    }

    .section-blue-two-payment-device h4 {
        font-size: 23px;
        margin-bottom: 0px;
        text-align: center;
        color: #fff;
    }

    .section-register-your-business .text-start,
    .section-register-your-business .text-end {
        text-align: center !important;
    }

    .section-register-your-business .w-70 {
        width: 20%;
        margin: 20px auto;
    }

    .section-register-your-business h3 {
        font-size: 25px;
        margin-bottom: 20px;
        text-align: center;
        color: #1A043F;
        padding: 20px 20px 20px;
    }

    .section-blue-one-merchant h3 {
        font-size:25px;
        margin-bottom: 20px;
        text-align: center;
        padding: 0px 0px 0px;
    }
    .section-blue-one-merchant h3 br,  .section-register-your-business h3 br {
        display: none;
    }

    .section-blue-one-merchant p {
        padding: 0px 20px 20px;
    }
    .section-blue-one-merchant p br {
        display: none;
    }

    .section-blue-one-merchant .img-fluid {
        max-width: 90%;
        height: auto;
        margin: 0 auto 20px;
    }

    .section-business-suits .laptop img {
        margin: 30px auto;
        width: 90%;
    }

    .carousel-control-prev {
        position: absolute;
        top: unset;
        bottom: -5px;
        z-index: 99;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 15%;
        padding: 0;
        color: #fff;
        text-align: center;
        background: 0 0;
        border: 0;
        opacity: .5;
        transition: opacity .15s ease;
        left: 20%;
    }

    .carousel-control-next {
        position: absolute;
        top: unset;
        bottom: -5px;
        z-index: 99;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 15%;
        padding: 0;
        color: #fff;
        text-align: center;
        background: 0 0;
        border: 0;
        opacity: .5;
        transition: opacity .15s ease;
        right: 20%;
    }
    .section-blue-three .content-jointoday {
        text-align: center;
    }
    .section-blue-six-support .watch-demo {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        padding: 10px 15px;
        border-radius: 40px;
        width: 200px;
        font-weight: 700;
        display: block;
        margin-bottom: 20px;
    }
    .section-customer-solutions .signup .w-50 {
        width: 100% !important;
    }

    .section-active-ecomerce .slider-content {
        text-align: left;
        padding-right:0%;
        height: auto;
    }

    .fees-section {
        background: #EF6000;
        border-radius: 20px;
        height: 74px;
        text-align: center;
        max-width: 1200px;
        margin: 20px auto 30px;
        width: 95%;
    }

    .fees-section ul {
        margin: 0px auto;
        padding: 10px 0;
        display: block;
    }

    .fees-section ul li {
        list-style: none;
        display: inline-block;
        font-size: 25px;
        color: #fff;
        padding: 0px 15px 0px 40px;
        background: url(../merchant-accordion/green_tick.svg) no-repeat left 0px;
        margin: 0px 0px;
    }

    .setp-process .image {
        position: unset;
        margin: 20px auto;
        display: block;
        text-align: center;
    }
    .setp-process .image .mw-100 {
        max-width: 80% !important;
    }

    .setp-process .points {
        position: unset;
        margin: auto;
        display: block;
    }

    .setp-process .points {
        list-style: none;
        font-size: 28px;
        line-height: 1.2;
        color: #474747;
        font-weight: 500;
        width: 100%;
        margin-bottom: 20px;
        display: block;
        max-width: 500px;
    }

    .setp-process .points .setp-1, .setp-process .points .setp-2, .setp-process .points .setp-3, .setp-process .points .setp-4, .setp-process .points .setp-5 {
        position: unset;
    }
 
    .setp-process .points .setp-1:hover::after {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 5%;
        right: 30px;
        content: "";
        display: block;
    }

    .setp-process .points .setp-2:hover::after  {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 26%;
        right: 30px;
        content: "";
        display: block;
    }
    .setp-process .points .setp-3:hover::after  {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 48%;
        right: 30px;
        content: "";
        display: block;
    }

 .setp-process .points .setp-4:hover::after {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 69%;
        right: 30px;
        content: "";
        display: block;
    }

    .setp-process .points .setp-5:hover::after {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 90%;
        right: 30px;
        content: "";
        display: block;
    }

    /* #Mobile-application .col-md-6, #tap-to-pay .col-md-5, #tap-to-pay .col-md-7, #Online-payments .col-md-6,
    #Card-machines .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    } */

    #Card-machines .col-md-6 .w-85 {
        width: auto;
        margin: 10px auto;
        height: 250px;
    }

    #Card-machines .col-md-6 .w-85 {
        width: auto;
        margin: 10px auto;
        height: 250px;
    }

    #Card-machines .col-md-6.text-end {
        text-align: center !important;
    }

    #Card-machines .col-md-6.text-end {
        text-align: center !important;
    }
    .section-business-suits {
        width: 95%;
        margin: auto;
    }

    .section-business-suits .get-started {
        margin: 20px auto;
    }

    .section-business-suits .laptop img {
        margin-right: 0%;
        width: 100%;
    }

    .get-card-machine img {
        text-align: center;
        margin: 0px auto 30px;
        display: block;
        width: auto;
        height: 300px;
    }

    #QR-codes-and-link .col-md-6.text-end{
        text-align: center !important;
    }

    .section-blue-one-merchant {
        background: transparent;
        display: block;
        min-height: 700px;
        padding: 3% 0% 3%;
        color: #000000;
    }

    .merchant-banner h1 {
        text-align: center;
        color: #1A043F;
        font-size: 30px;
    }
    .merchant-banner h2 {
        text-align: center;
        color: #474747;
        font-size: 22px;
    }
    .coustomer-banner .banner-text p {
    display: none;
}
.coustomer-banner .download-app {
    display: none;
}
.download-app-mobile {
    display: block;
    margin: 20px auto;
    text-align: center;
    color: #474747;

}
.download-app-mobile p {
    text-align: left;
    padding-left: 20px;
}
.download-app-mobile img {
    width: 168px;
    margin: 5px 20px;
}
}


@media (min-width: 460px) and (max-width: 559px) {

    .merchant-banner {
        min-height: 600px;
        position: relative;
        margin: 2% auto;
    }

    .merchant-banner .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
    .merchant-banner .banner-text {
        text-align: center;
        margin: 0px 0px 0px 0%;
        width: 100%;
        padding: 2% 4%;
    }

    .merchant-banner .mobile {
        position: absolute;
        right: -24%;
        top: -0%;
        left: unset;
        bottom: 0;
    }

    .merchant-banner .mobile .w-80 {
        width: 28%;
    }

    .merchant-banner .img-fluid {
        max-width: 95%;
        height: auto;
        margin-left: -20%;
    }

    .merchant-banner .getstarted {
        margin: 20px auto;
    }

    .merchant-banner .banner-text h1 {
        text-align: center;
        font-size: 30px;
        color: #1A043F;
        font-weight: 700;
        margin: 20px auto 10px;
    }

    .section-business-suits p {
        font-size: 17px;
        line-height: 30px;
        text-align: left;
        padding: 0px 0% 10px;
        margin: 0px 0px 20px;
    }
    .section-blue-two-payment-device {
        background: #1A043F;
        display: block;
        min-height: 550px;
        padding: 7% 0% 2%;
        color: #fff;
    } 

    
    .section-blue-one-merchant .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
    
    .manage-your-payments-bg {
        background: url(../images/manage-your-payments.png) no-repeat center top;
        background-size: contain;
        margin-bottom: 30px;
    }

    
    .swiper-container, .swiper-wrapper, .swiper-slide {
        width: 500px;
        height: 220px;
        float: right;
        top: 0px !important;
        position: relative;
    }

    .swiper-slide {
        text-align: right;
        font-size: 18px;
        justify-content: center;
        align-items: center;
    }
    .swiper-slide img {
        width:300px;
    }

    .accordian {
        display: none;
    } 

    .slider-mobile {
        display: block;
    }
    .slider-mobile .carousel-item img {
        width: 95%;
        margin: auto;
        text-align: center;
    }

    .slider-mobile .carousel-item.active {
        display: block;
        text-align: center;
    }

    .slider-mobile #carouselExampleInterval .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: -70px;
        left: 0;
        z-index: 2;
        display: flex;
        justify-content: center;
        padding: 0;
        margin-right: 15%;
        margin-bottom: 1rem;
        margin-left: 15%;
        list-style: none;
    }

    .carousel-item  .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
    .section-active-ecomerce .carousel-item img {
        margin: 20px auto;
        width: 90%;
    }
    .section-active-ecomerce .slider-content {
        text-align: left;
        padding: 5%;
    }

    .section-customer-solutions .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-customer-solutions .w-40 {
        width: 100%;
    }
    

    .secure-money-transfer-methods .card {
        border: none;
        margin: 10px auto;
        text-align: center;
        padding:25px 20px 10px;
        border-radius: 30px;
        height: 165px;
        max-width: 94%;
        -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
    }
    .secure-money-transfer-methods .card img {
        height: 43px;
        margin: 0px auto 10px;
    }

    .secure-money-transfer-methods .card:nth-child(6){
        padding: 25px 20px 20px;
        height: 180px;
    }
    .secure-money-transfer-methods .card:nth-child(7){
        padding: 20px 20px 20px;
        height: 180px;
    }

    .secure-money-transfer-methods .col-4 {
        flex: 0 0 auto;
        width: 100%;
    }
    .secure-money-transfer-methods .card p {
        font-size: 15px;
        line-height:25px;
        text-align: center;
        padding: 0px 0 0px;
        margin: 0px 0px 0px;
    }

    .section-blue-two-payment-device h3 {
        font-size: 30px;
        margin-bottom: 20px;
        text-align: center;
        color: #fff;
    }

    .section-blue-two-payment-device h4 {
        font-size: 23px;
        margin-bottom: 0px;
        text-align: center;
        color: #fff;
    }

    .section-register-your-business .text-start,
    .section-register-your-business .text-end {
        text-align: center !important;
    }

    .section-register-your-business .w-70 {
        width: 20%;
        margin: 20px auto;
    }

    .section-register-your-business h3 {
        font-size: 25px;
        margin-bottom: 20px;
        text-align: center;
        color: #1A043F;
        padding: 20px 20px 20px;
    }

    .section-blue-one-merchant h3 {
        font-size:25px;
        margin-bottom: 20px;
        text-align: center;
        color: #fff;
        padding: 0px 20px 0px;
    }
    .section-blue-one-merchant h3 br,  .section-register-your-business h3 br {
        display: none;
    }

    .section-blue-one-merchant p {
        padding: 0px 20px 20px;
    }
    .section-blue-one-merchant p br {
        display: none;
    }

    .section-blue-one-merchant .img-fluid {
        max-width: 90%;
        height: auto;
        margin: 0 auto 20px;
    }

    .section-business-suits .laptop img {
        margin: 30px auto;
        width: 90%;
    }

    .carousel-control-prev {
        position: absolute;
        top: unset;
        bottom: -5px;
        z-index: 99;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 15%;
        padding: 0;
        color: #fff;
        text-align: center;
        background: 0 0;
        border: 0;
        opacity: .5;
        transition: opacity .15s ease;
        left: 20%;
    }

    .carousel-control-next {
        position: absolute;
        top: unset;
        bottom: -5px;
        z-index: 99;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 15%;
        padding: 0;
        color: #fff;
        text-align: center;
        background: 0 0;
        border: 0;
        opacity: .5;
        transition: opacity .15s ease;
        right: 20%;
    }
    
    .section-blue-three .content-jointoday img {
        width: 120px;
        margin: 10px auto;
    }

    .section-blue-three .content-jointoday {
        text-align: center;
    }

    
    .section-blue-six-support .watch-demo {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        padding: 10px 15px;
        border-radius: 40px;
        width: 200px;
        font-weight: 700;
        display: block;
        margin-bottom: 20px;
    }
    .section-customer-solutions .signup .w-50 {
        width: 100% !important;
    }

    .section-active-ecomerce .slider-content {
        text-align: left;
        padding-right:0%;
        height: auto;
    }

    
    .section-blue-pricing-two img {
        width: 80%;
    }
    .section-blue-pricing-two h3 br {
        display: none;
    }
    .section-blue-pricing-two .content p {
        font-size: 18px;
        line-height: 30px;
        text-align: center;
        padding: 0px 30px 0px;
        margin: 0px auto 0px;
        color: #fff;
    }

    .pricing-banner .banner-text h1 {
        text-align: left;
        font-size: 30px;
        color: #1A043F;
        font-weight: 700;
        margin: 0 auto 30px;
    }

    .section-blue-one-pricing .pricing-content h4 {
        font-size: 18px;
        margin-bottom: 0px;
        text-align: center;
        font-weight: 700;
        color: #BAB4C5;
    }

    .section-transact .transact-content .making-content img, .section-transact .transact-content .receiving-content img {
    width: 100px;
    height: 100px;
    }

    .section-transact .transact-content .making-content h4, .section-transact .transact-content .receiving-content h4 {
        text-align: left;
        font-size: 28px;
    }

    .section-transact .transact-content .making-content p, .section-transact .transact-content .receiving-content p {
        text-align: left;
        font-size: 18px;
        padding-bottom: 20px;
    }

    .section-transact .transact-content .receiving-content ul li, .section-transact .transact-content .making-content ul li {
       
        padding-left: 50px;
        margin-bottom: 15px;
        text-align: left;
        font-size: 18px;
        line-height: 30px;
    }

    .section-transact .transact-content .receiving-content, .section-transact .transact-content .making-content {
        background: #1A043F;
        border-radius: 30px;
        padding: 35px;
        margin: 100px 0px 50px;
        min-height:450px;
        color: #fff;
    }
    

    .section-blue-pricing-two h3 {
        font-size: 25px;
        margin-bottom: 30px;
        text-align: center;
        color: #fff;
    }

    .section-blue-pricing-two {
        background: #1A043F;
        display: block;
        min-height: 600px;
        padding: 8% 20px 8%;
        color: #fff;
    }

    .pricing-banner .col-md-6 {
        width: 100% ;
    }

    .section-transact .transact-content .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-blue-one-pricing .watch-demo, .section-blue-one-pricing a.learn-more {
        float: none;
        margin: 10px auto;
        width: 200px;
    }

    .section-transact h3 {
        font-size: 25px;
        margin-bottom: 30px;
        text-align: center;
        color: #1A043F;
    }

    .section-device img.float-end {
        float: none !important;
        margin: auto;
        display: block;
        width: 30%;
    }

    .section-device h3 {
        font-size: 25px;
        margin-bottom: 30px;
        text-align: center;
        color: #000000;
        font-weight: 700;
    }

    .section-device .get-started {
        background: rgb(255, 170, 112);
        background: linear-gradient(177deg, rgba(255, 170, 112, 1) 0%, rgba(239, 96, 0, 1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        padding: 10px 15px;
        border-radius: 36px;
        width: 200px;
        height: 45px;
        font-weight: 700;
        margin: auto;
        display: block;
        cursor: pointer;
    }

    .section-blue-one-pricing h3 {
        font-size: 25px;
        margin-bottom: 40px;
        text-align: center;
        color: #fff;
    }

    .fees-section {
        background: #EF6000;
        border-radius: 20px;
        height: auto;
        text-align: left;
        max-width: 1200px;
        margin: 20px auto 30px;
        width: 90%;
    }

    .fees-section ul {
        margin: 0px auto;
        padding: 10px 30px;
        display: block;
    }

    .fees-section ul li {
        list-style: none;
        display: inline-block;
        font-size: 25px;
        color: #fff;
        padding: 20px 0px 20px 50px;
        background: url(../merchant-accordion/green_tick.svg) no-repeat left 20px;
        margin: 0px 0px;
    }

    .setp-process .image {
        position: unset;
        margin: 20px auto;
        display: block;
        text-align: center;
    }
    .setp-process .image .mw-100 {
        max-width: 80% !important;
    }

    .setp-process .points {
        position: unset;
        margin: auto;
        display: block;
    }

    .setp-process .points {
        list-style: none;
        font-size: 28px;
        line-height: 1.2;
        color: #474747;
        font-weight: 500;
        width: 90%;
        margin-bottom: 20px;
        display: block;
        max-width: 500px;
    }

    .setp-process .points .setp-1, .setp-process .points .setp-2, .setp-process .points .setp-3, .setp-process .points .setp-4, .setp-process .points .setp-5 {
        position: unset;
    }
    
    
    .setp-process .points .setp-1:hover::after {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 5%;
        right: 30px;
        content: "";
        display: block;
    }

    .setp-process .points .setp-2:hover::after  {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 26%;
        right: 30px;
        content: "";
        display: block;
    }
    .setp-process .points .setp-3:hover::after  {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 48%;
        right: 30px;
        content: "";
        display: block;
    }

 .setp-process .points .setp-4:hover::after {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 69%;
        right: 30px;
        content: "";
        display: block;
    }

    .setp-process .points .setp-5:hover::after {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 90%;
        right: 30px;
        content: "";
        display: block;
    }

    .setp-process .points .setp-1, .setp-process .points .setp-2, .setp-process .points .setp-3, .setp-process .points .setp-4, .setp-process .points .setp-5 {
        font-size: 22px;
    }

    #Card-machines .col-md-6  .w-85 {
        width: 100%;
        margin: 10px auto;
    }

    .section-business-suits {
        width: 95%;
        margin: auto;
    }

    .section-business-suits .get-started {
        margin: 20px auto;
    }

    .section-business-suits .laptop img {
        margin-right: 0%;
        width: 100%;
    }

    #Card-machines .col-md-6 .w-85 {
        width: auto;
        margin: 10px auto;
        height: 250px;
    }

    #Card-machines .col-md-6.text-end {
        text-align: center !important;
    }

    .get-card-machine img {
        text-align: center;
        margin: 0px auto 30px;
        display: block;
        width: auto;
        height: 300px;
    }

    #QR-codes-and-link .col-md-6.text-end{
        text-align: center !important;
    }

    .merchant-banner h1 {
        text-align: center;
        color: #1A043F;
        font-size: 30px;
    }
    .merchant-banner h2 {
        text-align: center;
        color: #474747;
        font-size: 22px;
    }

    body {
        overflow-x: hidden;
    }
    .coustomer-banner .banner-text p {
    display: none;
}
.coustomer-banner .banner-text .terms {
 display: none;
} 

.coustomer-banner .download-app {
    display: none;
}
 
.download-app-mobile {
    display: block;
    margin: 20px auto;
    text-align: center;
    color: #474747;

}
.download-app-mobile p {
    text-align: left;
    padding-left: 20px;
}
.download-app-mobile img {
    width: 168px;
    margin: 5px 20px;
}
}

@media (min-width: 360px) and (max-width: 459px) {

    .merchant-banner {
        min-height: 600px;
        position: relative;
        margin: 2% auto;
    }

    .merchant-banner .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
    .merchant-banner .banner-text {
        text-align: center;
        margin: 0px 0px 0px 0%;
        width: 100%;
        padding: 2% 4%;
    }

    .merchant-banner .mobile {
        position: absolute;
        right: -34%;
        top: -0%;
        left: unset;
        bottom: 0;
    }

    .merchant-banner .mobile .w-80 {
        width: 22%;
    }

    .merchant-banner .img-fluid {
        max-width: 95%;
        height: auto;
        margin-left: -20%;
    }

    .merchant-banner .getstarted {
        margin: 20px auto;
    }

    .merchant-banner .banner-text h1 {
        text-align: center;
        font-size: 25px;
        color: #1A043F;
        font-weight: 700;
        margin: 20px auto 10px;
    }

    .section-business-suits p {
        font-size: 17px;
        line-height: 30px;
        text-align: left;
        padding: 0px 0% 10px;
        margin: 0px 0px 20px;
    }
    .section-blue-two-payment-device {
        background: #1A043F;
        display: block;
        min-height: 450px;
        padding: 7% 0% 2%;
        color: #fff;
    } 
    
    .section-blue-one-merchant .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .manage-your-payments ul li h4 {
        font-size: 20px;
        margin-bottom: 0px;
        text-align: left;
        color: #fff;
    }
    
    .manage-your-payments-bg {
        background: url(../images/manage-your-payments.png) no-repeat center top;
        background-size: contain;
        margin-bottom: 30px;
    }
    
    .swiper-container, .swiper-wrapper, .swiper-slide {
        width: 500px;
        height: 200px;
        float: right;
        top: 0px !important;
    }

    .swiper-slide {
        text-align: right;
        font-size: 18px;
        justify-content: center;
        align-items: center;
    }
    .swiper-slide img {
        width:250px;
    }

    .accordian {
        display: none;
    } 

    .slider-mobile {
        display: block;
        padding-bottom: 70px;
    }
    .slider-mobile .carousel-item img {
        width: 95%;
        margin: auto;
        text-align: center;
    }

    .slider-mobile .carousel-item.active {
        display: block;
        text-align: center;
    }

    .slider-mobile #carouselExampleInterval .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: -70px;
        left: 0;
        z-index: 2;
        display: flex;
        justify-content: center;
        padding: 0;
        margin-right: 15%;
        margin-bottom: 1rem;
        margin-left: 15%;
        list-style: none;
    }

    .carousel-item  .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
    .section-active-ecomerce .carousel-item img {
        margin: 20px auto;
        width: 90%;
    }
    .section-active-ecomerce .slider-content {
        text-align: left;
        padding: 5%;
    }

    .section-customer-solutions .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-customer-solutions .w-40 {
        width: 100%;
    }

    .secure-money-transfer-methods .card {
        border: none;
        margin: 10px auto;
        text-align: center;
        padding:20px 20px 20px;
        border-radius: 30px;
        height: 180px;
        max-width: 90%;
        -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
    }

    .secure-money-transfer-methods .card:nth-child(6){
        padding: 25px 20px 20px;
        height: 235px;
    }

    .secure-money-transfer-methods .card:nth-child(7){
        padding: 20px 20px 20px;
        height: 180px;
    }

    .secure-money-transfer-methods .col-4 {
        flex: 0 0 auto;
        width: 100%;
    }
    .secure-money-transfer-methods .card p {
        font-size: 15px;
        line-height:25px;
        text-align: center;
        padding: 0px 0 0px;
        margin: 0px 0px 0px;
    }

    .section-blue-two-payment-device h3 {
        font-size: 23px;
        margin-bottom: 20px;
        text-align: center;
        color: #fff;
    }

    .section-active-ecomerce .slider-content h3 {
        font-size: 23px;
        margin-bottom: 10px;
        text-align: left;
        color: #1A043F;
    }

    .section-blue-two-payment-device h4 {
        font-size: 23px;
        margin-bottom: 0px;
        text-align: center;
        color: #fff;
    }

    .section-register-your-business .text-start,
    .section-register-your-business .text-end {
        text-align: center !important;
    }

    .section-register-your-business .w-70 {
        width: 20%;
        margin: 20px auto;
    }

    .section-business-suits h3 {
        font-size: 23px;
        margin-bottom: 20px;
        text-align: center;
        color: #1A043F;
    }

    .section-register-your-business h3 {
        font-size: 20px;
        margin-bottom: 0px;
        text-align: center;
        color: #1A043F;
        padding: 10px 10px 20px;
    }

    .section-blue-one-merchant h3 {
        font-size:23px;
        margin-bottom: 20px;
        text-align: center;
        /* color: #fff; */
        padding: 0px 20px 0px;
    }
    .section-blue-one-merchant h3 br,  .section-register-your-business h3 br {
        display: none;
    }

    .section-blue-one-merchant p {
        padding: 0px 20px 20px;
    }
    .section-blue-one-merchant p br {
        display: none;
    }

    .section-blue-one-merchant .img-fluid {
        max-width: 90%;
        height: auto;
        margin: 0 auto 20px;
    }

    .section-business-suits .laptop img {
        margin: 30px auto;
        width: 90%;
    }

    .carousel-control-prev {
        position: absolute;
        top: unset;
        bottom: -5px;
        z-index: 99;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 15%;
        padding: 0;
        color: #fff;
        text-align: center;
        background: 0 0;
        border: 0;
        opacity: .5;
        transition: opacity .15s ease;
        left: 20%;
    }

    .carousel-control-next {
        position: absolute;
        top: unset;
        bottom: -5px;
        z-index: 99;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 15%;
        padding: 0;
        color: #fff;
        text-align: center;
        background: 0 0;
        border: 0;
        opacity: .5;
        transition: opacity .15s ease;
        right: 20%;
    }

    
    .section-blue-three .content-jointoday img {
        width: 120px;
        margin: 10px auto;
    }

    .section-blue-three .content-jointoday {
        text-align: center;
    }

    
    .section-blue-six-support .watch-demo {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        padding: 10px 15px;
        border-radius: 40px;
        width: 200px;
        font-weight: 700;
        display: block;
        margin-bottom: 20px;
    }

    .section-customer-solutions .signup .w-50 {
        width: 100% !important;
    }

    .section-active-ecomerce .slider-content {
        text-align: left;
        padding-right:0%;
        height: auto;
    }

    div#preRegisterModal {
        --bs-modal-width: 80%;
        margin: auto;
        top: 6%;
    }

    #preRegister-form .btn-unique {
        float: left !important;
        margin-top: 10px;
    }

    div#preRegisterModal .modal-content {
        border-radius: 20px;
        padding: 20px;
    }

    .section-blue-pricing-two img {
        width: 80%;
    }
    .section-blue-pricing-two h3 br {
        display: none;
    }
    .section-blue-pricing-two .content p {
        font-size: 18px;
        line-height: 30px;
        text-align: center;
        padding: 0px 30px 0px;
        margin: 0px auto 0px;
        color: #fff;
    }

    .pricing-banner .banner-text h1 {
        text-align: left;
        font-size: 30px;
        color: #1A043F;
        font-weight: 700;
        margin: 0 auto 30px;
    }

    .section-blue-one-pricing .pricing-content h4 {
        font-size: 20px;
        margin-bottom: 0px;
        text-align: center;
        font-weight: 700;
        color: #BAB4C5;
    }

    .section-transact .transact-content .making-content img, .section-transact .transact-content .receiving-content img {
    width: 100px;
    height: 100px;
    }

    .section-transact .transact-content .making-content h4, .section-transact .transact-content .receiving-content h4 {
        text-align: left;
        font-size: 23px;
    }

    .section-transact .transact-content .making-content p, .section-transact .transact-content .receiving-content p {
        text-align: left;
        font-size: 18px;
        padding-bottom: 20px;
    }

    .section-transact .transact-content .receiving-content ul li, .section-transact .transact-content .making-content ul li {
       
        padding-left: 50px;
        margin-bottom: 15px;
        text-align: left;
        font-size: 18px;
        line-height: 30px;
    }

    .section-transact .transact-content .receiving-content, .section-transact .transact-content .making-content {
        background: #1A043F;
        border-radius: 30px;
        padding: 35px;
        margin: 100px 0px 50px;
        min-height:450px;
        color: #fff;
    }
    

    .section-blue-pricing-two h3 {
        font-size: 25px;
        margin-bottom: 30px;
        text-align: center;
        color: #fff;
    }

    .section-blue-pricing-two {
        background: #1A043F;
        display: block;
        min-height: 600px;
        padding: 8% 20px 8%;
        color: #fff;
    }

    .pricing-banner .col-md-6 {
        width: 100% ;
    }

    .section-transact .transact-content .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-blue-one-pricing .watch-demo, .section-blue-one-pricing a.learn-more {
        float: none;
        margin: 10px auto;
        width: 200px;
    }

    .section-transact h3 {
        font-size: 25px;
        margin-bottom: 30px;
        text-align: center;
        color: #1A043F;
    }

    .section-device img.float-end {
        float: none !important;
        margin: auto;
        display: block;
        width: 30%;
    }

    .section-device h3 {
        font-size: 25px;
        margin-bottom: 30px;
        text-align: center;
        color: #000000;
        font-weight: 700;
    }

    .section-device .get-started {
        background: rgb(255, 170, 112);
        background: linear-gradient(177deg, rgba(255, 170, 112, 1) 0%, rgba(239, 96, 0, 1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        padding: 10px 15px;
        border-radius: 36px;
        width: 200px;
        height: 45px;
        font-weight: 700;
        margin: auto;
        display: block;
        cursor: pointer;
    }

    .section-blue-one-pricing h3 {
        font-size: 25px;
        margin-bottom: 40px;
        text-align: center;
        color: #fff;
    }

    
    .section-blue-pricing-two img {
        width: 80%;
    }
    .section-blue-pricing-two h3 br {
        display: none;
    }
    .section-blue-pricing-two .content p {
        font-size: 18px;
        line-height: 30px;
        text-align: center;
        padding: 0px 30px 0px;
        margin: 0px auto 0px;
        color: #fff;
    }

    .pricing-banner .banner-text h1 {
        text-align: left;
        font-size: 30px;
        color: #1A043F;
        font-weight: 700;
        margin: 0 auto 30px;
    }

    .section-blue-one-pricing .pricing-content h4 {
        font-size: 18px;
        margin-bottom: 0px;
        text-align: center;
        font-weight: 700;
        color: #BAB4C5;
    }

    .section-transact .transact-content .making-content img, .section-transact .transact-content .receiving-content img {
    width: 100px;
    height: 100px;
    }

    .section-transact .transact-content .making-content h4, .section-transact .transact-content .receiving-content h4 {
        text-align: left;
        font-size: 28px;
    }

    .section-transact .transact-content .making-content p, .section-transact .transact-content .receiving-content p {
        text-align: left;
        font-size: 18px;
        padding-bottom: 20px;
    }

    .section-transact .transact-content .receiving-content ul li, .section-transact .transact-content .making-content ul li {
       
        padding-left: 50px;
        margin-bottom: 15px;
        text-align: left;
        font-size: 18px;
        line-height: 30px;
    }

    .section-transact .transact-content .receiving-content, .section-transact .transact-content .making-content {
        background: #1A043F;
        border-radius: 30px;
        padding: 35px;
        margin: 100px 0px 50px;
        min-height:450px;
        color: #fff;
    }
    

    .section-blue-pricing-two h3 {
        font-size: 25px;
        margin-bottom: 30px;
        text-align: center;
        color: #fff;
    }

    .section-blue-pricing-two {
        background: #1A043F;
        display: block;
        min-height: 600px;
        padding: 8% 20px 8%;
        color: #fff;
    }

    .pricing-banner .col-md-6 {
        width: 100% ;
    }

    .section-transact .transact-content .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-blue-one-pricing .watch-demo, .section-blue-one-pricing a.learn-more {
        float: none;
        margin: 10px auto;
        width: 200px;
    }

    .section-transact h3 {
        font-size: 25px;
        margin-bottom: 30px;
        text-align: center;
        color: #1A043F;
    }

    .section-device img.float-end {
        float: none !important;
        margin: auto;
        display: block;
        width: 30%;
    }

    .section-device h3 {
        font-size: 25px;
        margin-bottom: 30px;
        text-align: center;
        color: #000000;
        font-weight: 700;
    }

    .section-device .get-started {
        background: rgb(255, 170, 112);
        background: linear-gradient(177deg, rgba(255, 170, 112, 1) 0%, rgba(239, 96, 0, 1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        padding: 10px 15px;
        border-radius: 36px;
        width: 200px;
        height: 45px;
        font-weight: 700;
        margin: auto;
        display: block;
        cursor: pointer;
    }

    .section-blue-one-pricing h3 {
        font-size: 25px;
        margin-bottom: 40px;
        text-align: center;
        color: #fff;
    }

    .fees-section {
        background: #EF6000;
        border-radius: 20px;
        height: auto;
        text-align: left;
        max-width: 1200px;
        margin: 20px auto 30px;
        width: 90%;
    }

    .fees-section ul {
        margin: 0px auto;
        padding: 10px 30px;
        display: block;
    }

    .fees-section ul li {
        list-style: none;
        display: inline-block;
        font-size: 25px;
        color: #fff;
        padding: 20px 0px 20px 50px;
        background: url(../merchant-accordion/green_tick.svg) no-repeat left 20px;
        margin: 0px 0px;
    }

    .setp-process .image {
        position: unset;
        margin: 20px auto;
        display: block;
        text-align: center;
    }
    .setp-process .image .mw-100 {
        max-width: 80% !important;
    }

    .setp-process .points {
        position: unset;
        margin: auto;
        display: block;
    }

    .setp-process .points {
        list-style: none;
        font-size: 28px;
        line-height: 1.2;
        color: #474747;
        font-weight: 500;
        width: 90%;
        margin-bottom: 20px;
        display: block;
        max-width: 500px;
    }

    .setp-process .points .setp-1, .setp-process .points .setp-2, .setp-process .points .setp-3, .setp-process .points .setp-4, .setp-process .points .setp-5 {
        position: unset;
    }
    
    
    .setp-process .points .setp-1:hover::after {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 5%;
        right: 30px;
        content: "";
        display: block;
    }

    .setp-process .points .setp-2:hover::after  {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 26%;
        right: 30px;
        content: "";
        display: block;
    }
    .setp-process .points .setp-3:hover::after  {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 48%;
        right: 30px;
        content: "";
        display: block;
    }

 .setp-process .points .setp-4:hover::after {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 69%;
        right: 30px;
        content: "";
        display: block;
    }

    .setp-process .points .setp-5:hover::after {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 90%;
        right: 30px;
        content: "";
        display: block;
    }

    .setp-process .points .setp-1, .setp-process .points .setp-2, .setp-process .points .setp-3, .setp-process .points .setp-4, .setp-process .points .setp-5 {
        font-size: 20px;
        margin-bottom: 15%;
    }

    #Card-machines .col-md-6  .w-85 {
        width: 100%;
        margin: 10px auto;
    }

    .section-business-suits {
        width: 95%;
        margin: auto;
    }

    .section-business-suits .get-started {
        margin: 20px auto;
    }

    .section-business-suits .laptop img {
        margin-right: 0%;
        width: 100%;
    }

    #Card-machines .col-md-6 .w-85 {
        width: auto;
        margin: 10px auto;
        height: 225px;
    }

    #Card-machines .col-md-6.text-end {
        text-align: center !important;
    }

    .get-card-machine img {
        text-align: center;
        margin: 0px auto 30px;
        display: block;
        width: auto;
        height: 300px;
    }

    #QR-codes-and-link .col-md-6.text-end{
        text-align: center !important;
    }

    .merchant-banner h1 {
        text-align: center;
        color: #1A043F;
        font-size: 30px;
    }
    .merchant-banner h2 {
        text-align: center;
        color: #474747;
        font-size: 22px;
    }

    .section-blue-one-merchant {
        background: transparent;
        display: block;
        min-height: 700px;
        padding: 2% 0% 2%;
        color: #000000;
    }

    body {
        overflow-x: hidden;
    }
    .coustomer-banner .banner-text p {
    display: none;
}
.coustomer-banner .banner-text .terms {
 display: none;
}
.coustomer-banner .download-app {
    display: none;
}
 
.download-app-mobile {
    display: block;
    margin: 20px auto;
    text-align: center;
    color: #474747;

}
.download-app-mobile p {
    text-align: left;
    padding-left: 20px;
}
.download-app-mobile img {
    width: 168px;
    margin: 5px 20px;
}
}

@media (min-width: 320px) and (max-width: 359px) {

    .merchant-banner {
        min-height: 600px;
        position: relative;
        margin: 2% auto;
    }

    .merchant-banner .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
    .merchant-banner .banner-text {
        text-align: center;
        margin: 0px 0px 0px 0%;
        width: 100%;
        padding: 2% 4%;
    }

    .merchant-banner .mobile {
        position: absolute;
        right: -34%;
        top: -0%;
        left: unset;
        bottom: 0;
    }

    .merchant-banner .mobile .w-80 {
        width: 22%;
    }

    .merchant-banner .img-fluid {
        max-width: 95%;
        height: auto;
        margin-left: -20%;
    }

    .merchant-banner .getstarted {
        margin: 20px auto;
    }

    .merchant-banner .banner-text h1 {
        text-align: center;
        font-size: 30px;
        color: #1A043F;
        font-weight: 700;
        margin: 20px auto 10px;
    }

    .section-business-suits p {
        font-size: 15px;
        line-height: 22px;
        text-align: left;
        padding: 0px 0% 10px;
        margin: 0px 0px 20px;
    }

    .section-business-suits p img {
        margin-bottom: 15px;
        float: left;
        clear: both;
        margin-right: 15px !important;
    }
    .section-blue-two-payment-device {
        background: #1A043F;
        display: block;
        min-height: 440px;
        padding: 7% 0% 2%;
        color: #fff;
    } 
    
    .section-blue-one-merchant .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
    .manage-your-payments ul li h4 {
        font-size: 20px;
        margin-bottom: 0px;
        text-align: left;
        color: #fff;
    }
    
    .manage-your-payments-bg {
        background: url(../images/manage-your-payments.png) no-repeat center top;
        background-size: contain;
    } 
    
    .swiper-container, .swiper-wrapper, .swiper-slide {
        width: 500px;
        height: 250px;
        float: right;
        top: 0px !important;
    }

    .swiper-slide {
        text-align: right;
        font-size: 18px;
        justify-content: center;
        align-items: center;
    }
    .swiper-slide img {
        width:250px;
    }
    .section-active-ecomerce .slider-content h3 {
        font-size: 23px;
        margin-bottom: 10px;
        text-align: left;
        color: #1A043F;
    }
    .accordian {
        display: none;
    } 

    .slider-mobile {
        display: block;
    }
    .slider-mobile .carousel-item img {
        width: 95%;
        margin: auto;
        text-align: center;
    }

    .slider-mobile .carousel-item.active {
        display: block;
        text-align: center;
    }

    .slider-mobile #carouselExampleInterval .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: -70px;
        left: 0;
        z-index: 2;
        display: flex;
        justify-content: center;
        padding: 0;
        margin-right: 15%;
        margin-bottom: 1rem;
        margin-left: 15%;
        list-style: none;
    }
    .carousel-item  .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
    .section-active-ecomerce .carousel-item img {
        margin: 20px auto;
        width: 90%;
    }
    .section-active-ecomerce .slider-content {
        text-align: left;
        padding: 5%;
    }

    .section-customer-solutions .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-customer-solutions .w-40 {
        width: 100%;
    }
    

    .secure-money-transfer-methods .card {
        border: none;
        margin: 10px auto;
        text-align: center;
        padding:20px 20px 20px;
        border-radius: 30px;
        height: 180px;
        max-width: 90%;
        -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
    }

    .secure-money-transfer-methods .card:nth-child(6){
        padding: 25px 20px 20px;
        height: 235px;
    }

    .secure-money-transfer-methods .card:nth-child(7){
        padding: 20px 20px 20px;
        height: 180px;
    }

    .secure-money-transfer-methods .col-4 {
        flex: 0 0 auto;
        width: 100%;
    }
    .secure-money-transfer-methods .card p {
        font-size: 15px;
        line-height:25px;
        text-align: center;
        padding: 0px 0 0px;
        margin: 0px 0px 0px;
    }

    .section-business-suits h3 {
        font-size: 23px;
        margin-bottom: 20px;
        text-align: center;
        color: #1A043F;
    }

    .section-blue-two-payment-device h3 {
        font-size: 23px;
        margin-bottom: 20px;
        text-align: center;
        color: #fff;
    }

    .section-blue-two-payment-device h4 {
        font-size: 23px;
        margin-bottom: 0px;
        text-align: center;
        color: #fff;
    }

    .section-register-your-business .text-start,
    .section-register-your-business .text-end {
        text-align: center !important;
    }

    .section-register-your-business .w-70 {
        width: 20%;
        margin: 20px auto;
    }

    .section-register-your-business h3 {
        font-size: 20px;
        margin-bottom: 0px;
        text-align: center;
        color: #1A043F;
        padding: 10px 10px 20px;
    }

    .section-blue-one-merchant h3 {
        font-size:23px;
        margin-bottom: 20px;
        text-align: center;
        /* color: #fff; */
        padding: 0px 20px 0px;
    }
    .section-blue-one-merchant h3 br,  .section-register-your-business h3 br {
        display: none;
    }

    .section-blue-one-merchant p {
        padding: 0px 20px 20px;
    }
    .section-blue-one-merchant p br {
        display: none;
    }

    .section-blue-one-merchant .img-fluid {
        max-width: 90%;
        height: auto;
        margin: 0 auto 20px;
    }

    .section-business-suits .laptop img {
        margin: 30px auto;
        width: 90%;
    }

    .carousel-control-prev {
        position: absolute;
        top: unset;
        bottom: -5px;
        z-index: 99;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 15%;
        padding: 0;
        color: #fff;
        text-align: center;
        background: 0 0;
        border: 0;
        opacity: .5;
        transition: opacity .15s ease;
        left: 20%;
    }

    .carousel-control-next {
        position: absolute;
        top: unset;
        bottom: -5px;
        z-index: 99;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 15%;
        padding: 0;
        color: #fff;
        text-align: center;
        background: 0 0;
        border: 0;
        opacity: .5;
        transition: opacity .15s ease;
        right: 20%;
    }

     .section-blue-three .content-jointoday img {
        width: 120px;
        margin: 10px auto;
    }

    .section-blue-three .content-jointoday {
        text-align: center;
    }

    
    .section-blue-six-support .watch-demo {
        background: rgb(255,170,112);
        background: linear-gradient(177deg, rgba(255,170,112,1) 0%, rgba(239,96,0,1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        padding: 10px 15px;
        border-radius: 40px;
        width: 200px;
        font-weight: 700;
        display: block;
        margin-bottom: 20px;
    }

    .section-blue-six-support .col-md-6 img {
        width: 120px;
    }
    .section-customer-solutions .signup .w-50 {
        width: 100% !important;
    }

    .about-content {
        padding: 5% 5% 0px;
    }

    .section-active-ecomerce .slider-content {
        text-align: left;
        padding-right:0%;
        height: auto;
    }

    div#preRegisterModal {
        --bs-modal-width: 80%;
        margin: auto;
        top: 6%;
    }

    #preRegister-form .btn-unique {
        float: left !important;
        margin-top: 10px;
    }

    div#preRegisterModal .modal-content {
        border-radius: 20px;
        padding: 10px;
    }

    
    .section-blue-pricing-two img {
        width: 80%;
    }
    .section-blue-pricing-two h3 br {
        display: none;
    }
    .section-blue-pricing-two .content p {
        font-size: 18px;
        line-height: 30px;
        text-align: center;
        padding: 0px 30px 0px;
        margin: 0px auto 0px;
        color: #fff;
    }

    .pricing-banner .banner-text h1 {
        text-align: left;
        font-size: 30px;
        color: #1A043F;
        font-weight: 700;
        margin: 0 auto 30px;
    }

    .section-blue-one-pricing .pricing-content h4 {
        font-size: 18px;
        margin-bottom: 0px;
        text-align: center;
        font-weight: 700;
        color: #BAB4C5;
    }

    .section-transact .transact-content .making-content img, .section-transact .transact-content .receiving-content img {
    width: 100px;
    height: 100px;
    }

    .section-transact .transact-content .making-content h4, .section-transact .transact-content .receiving-content h4 {
        text-align: left;
        font-size: 28px;
    }

    .section-transact .transact-content .making-content p, .section-transact .transact-content .receiving-content p {
        text-align: left;
        font-size: 18px;
        padding-bottom: 20px;
    }

    .section-transact .transact-content .receiving-content ul li, .section-transact .transact-content .making-content ul li {
       
        padding-left: 50px;
        margin-bottom: 15px;
        text-align: left;
        font-size: 18px;
        line-height: 30px;
    }

    .section-transact .transact-content .receiving-content, .section-transact .transact-content .making-content {
        background: #1A043F;
        border-radius: 30px;
        padding: 35px;
        margin: 100px 0px 50px;
        min-height:450px;
        color: #fff;
    }
    

    .section-blue-pricing-two h3 {
        font-size: 25px;
        margin-bottom: 30px;
        text-align: center;
        color: #fff;
    }

    .section-blue-pricing-two {
        background: #1A043F;
        display: block;
        min-height: 600px;
        padding: 8% 20px 8%;
        color: #fff;
    }

    .pricing-banner .col-md-6 {
        width: 100% ;
    }

    .section-transact .transact-content .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-blue-one-pricing .watch-demo, .section-blue-one-pricing a.learn-more {
        float: none;
        margin: 10px auto;
        width: 200px;
    }

    .section-transact h3 {
        font-size: 25px;
        margin-bottom: 30px;
        text-align: center;
        color: #1A043F;
    }

    .section-device img.float-end {
        float: none !important;
        margin: auto;
        display: block;
        width: 30%;
    }

    .section-device h3 {
        font-size: 25px;
        margin-bottom: 30px;
        text-align: center;
        color: #000000;
        font-weight: 700;
    }

    .section-device .get-started {
        background: rgb(255, 170, 112);
        background: linear-gradient(177deg, rgba(255, 170, 112, 1) 0%, rgba(239, 96, 0, 1) 100%);
        color: #fff;
        text-decoration: none;
        text-align: center;
        padding: 10px 15px;
        border-radius: 36px;
        width: 200px;
        height: 45px;
        font-weight: 700;
        margin: auto;
        display: block;
        cursor: pointer;
    }

    .section-blue-one-pricing h3 {
        font-size: 25px;
        margin-bottom: 40px;
        text-align: center;
        color: #fff;
    }

    .fees-section {
        background: #EF6000;
        border-radius: 20px;
        height: auto;
        text-align: left;
        max-width: 1200px;
        margin: 20px auto 30px;
        width: 90%;
    }

    .fees-section ul {
        margin: 0px auto;
        padding: 10px 15px;
        display: block;
    }

    .fees-section ul li {
        list-style: none;
        display: inline-block;
        font-size: 22px;
        color: #fff;
        padding: 20px 0px 10px 50px;
        background: url(../merchant-accordion/green_tick.svg) no-repeat left 20px;
        margin: 0px 0px;
    }

    .setp-process .image {
        position: unset;
        margin: 20px auto;
        display: block;
        text-align: center;
    }
    .setp-process .image .mw-100 {
        max-width: 80% !important;
    }

    .setp-process .points {
        position: unset;
        margin: auto;
        display: block;
    }

    .setp-process .points {
        list-style: none;
        font-size: 25px;
        line-height: 1.2;
        color: #474747;
        font-weight: 500;
        width: 90%;
        margin-bottom: 20px;
        display: block;
        max-width: 500px;
    }

    .setp-process .points .setp-1, .setp-process .points .setp-2, .setp-process .points .setp-3, .setp-process .points .setp-4, .setp-process .points .setp-5 {
        position: unset;
    }
    
    
    .setp-process .points .setp-1:hover::after {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 5%;
        right: 30px;
        content: "";
        display: block;
    }

    .setp-process .points .setp-2:hover::after  {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 26%;
        right: 30px;
        content: "";
        display: block;
    }
    .setp-process .points .setp-3:hover::after  {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 48%;
        right: 30px;
        content: "";
        display: block;
    }

 .setp-process .points .setp-4:hover::after {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 69%;
        right: 30px;
        content: "";
        display: block;
    }

    .setp-process .points .setp-5:hover::after {
        background: url(../merchant-accordion/down-arrow.svg) right top no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 90%;
        right: 30px;
        content: "";
        display: block;
    }

    .setp-process .points .setp-1, .setp-process .points .setp-2, .setp-process .points .setp-3, .setp-process .points .setp-4, .setp-process .points .setp-5 {
        font-size:18px;
        margin-bottom: 15%;
        height: 50px;
    }

    #Card-machines .col-md-6  .w-85 {
        width: 100%;
        margin: 10px auto;
    }

    .section-business-suits {
        width: 95%;
        margin: auto;
    }

    .section-business-suits .get-started {
        margin: 20px auto;
    }

    .section-business-suits .laptop img {
        margin-right: 0%;
        width: 100%;
    }

    #Card-machines .col-md-6 .w-85 {
        width: auto;
        margin: 10px auto;
        height: 200px;
    }

    #Card-machines .col-md-6.text-end {
        text-align: center !important;
    }

    .get-card-machine img {
        text-align: center;
        margin: 0px auto 30px;
        display: block;
        width:auto;
        height: 300px;
    }

    #QR-codes-and-link .col-md-6.text-end{
        text-align: center !important;
    }

    .merchant-banner h1 {
        text-align: center;
        color: #1A043F;
        font-size: 28px;
    }
    .merchant-banner h2 {
        text-align: center;
        color: #474747;
        font-size: 20px;
    }

    .section-blue-one-merchant {
        background: transparent;
        display: block;
        min-height: 700px;
        padding: 2% 0% 2%;
        color: #000000;
    }

    body {
        overflow-x: hidden;
    }

    .setp-process .points .setp-1 .circle img, .setp-process .points .setp-3 .circle img, .setp-process .points .setp-4 .circle img, .setp-process .points .setp-5 .circle img {
        position: relative;
        left: 12px;
        bottom: 10px;
        width: 50%;
    }

    .setp-process .points .setp-2 .circle img {
        position: relative;
        left: -0px;
        bottom:18px;
        width: 80%;
    }

    .setp-process .points .setp-1 .content, .setp-process .points .setp-2 .content, .setp-process .points .setp-3 .content {
        position: relative;
        left:60px;
        top: 0px;
    }

    .setp-process .points .setp-4 .content, .setp-process .points .setp-5 .content {
        position: relative;
        left: 60px;
        top: 5px;
    }

    .setp-process .points .setp-1 .circle, .setp-process .points .setp-2 .circle, .setp-process .points .setp-3 .circle, .setp-process .points .setp-4 .circle, .setp-process .points .setp-5 .circle {
        margin-right: 25px;
        margin-bottom: 25px;
        background: #263470;
        border: solid 1px #707070;
        width: 50px;
        height: 50px;
        border-radius: 45px;
        position: absolute;
        margin-bottom: 15%;
    }

    .setp-process .points .setp-1:hover, .setp-process .points .setp-2:hover, .setp-process .points .setp-3:hover, .setp-process .points .setp-4:hover, .setp-process .points .setp-5:hover {
        background: #263470;
        border: solid 1px #707070;
        width: 100%;
        height: 50px;
        border-radius: 45px;
        color: #fff;
        transition: transform 0.4s ease-in-out;
        margin-bottom: 15%;
    }

    .section-business-suits .container-xxl {
        margin-bottom: 0;
    }

    .section-business-suits {
        padding: 3% 0% 0%;
    }

    .section-business-suits p a {
        font-size: 18px;
        line-height: 30px;
        text-align: left;
        padding: 0px 0 10px;
        margin: 0px 0px 10px;
        color: #EF6000;
        display: block;
        text-align: center;
    }
        .coustomer-banner .banner-text {
	text-align: center;
	margin: 10px auto 10px;
	width: 90%;
}

.section-blue-customer-one .col-md-4 img {
	width: 80%;
	margin:0px auto 20px;
    display: block;
}
.consumer-content .card {
	background: #263470;
	width: 100%;
	height: auto;
	padding: 20px 20px 0px;
	text-align: left;
	margin: 0px auto 20px;
	border-radius: 30px;
	display: inline-block;
}
.section-blue-customer-one .consumer-content img {
	width: 80px;
	height: 80px;
    float: none;
    margin: 0px auto 20px;
    display: block;
}
.consumer-content .card h2 {
	text-align: center;
	font-size: 20px;
	line-height: 1.2;
	margin: 0px 0px 0px;
}
.consumer-content .card p {
	font-size: 18px;
	color: #BAB4C5;
    text-align: center;
}

    .section-quicksetps {
	display: block;
	min-height: 215px;
	padding: 6% 5% 0%;
	color: #474747;
}
.section-blue-customer-two h3 {
	font-size: 20px;
	margin-bottom: 30px;
	text-align: center;
	text-transform: capitalize;
}
.section-blue-customer-two .content img {
	float: none !important;
	margin: 0px auto 20px;
	display: block;
    width: 100px;
}
.section-blue-customer-three h3 {
	font-size: 20px;
	margin-bottom: 50px;
	text-align: center;
}   
    .section-blue-customer-three {
        background: #1A043F;
        display: block;
        min-height: 410px;
        padding: 4% 0px;
        color: #fff;
    }
        .section-ewallet .ewallet-content h4 {
        font-size: 20px;
        margin-bottom: 20px;
        text-align: center;
        color: #1A043F;
    }
    .section-blue-four-lifestyle h3 {
	font-size: 20px;
	margin-bottom: 30px;
	text-align: center;
}
.section-blue-four-lifestyle img {
	margin:  0 auto 20px;
	text-align: center;
	width: 200px;
	display: block;
}
.section-blue-four-lifestyle .benefit-content ul  {
    margin: 20px auto;
    padding: 0px;
}
.section-blue-four-lifestyle .benefit-content ul li strong {
	font-size: 20px;
	color: #fff;
	font-weight: normal;
    text-align: center;
}
.section-blue-four-lifestyle .benefit-content ul li img {
	max-width: 100px !important;
	margin: 10px auto;
	float: none;
	display: inline;
}
.section-benifit-merchant .getstarted {
	background: rgb(255, 170, 112);
	background: linear-gradient(177deg, rgba(255, 170, 112, 1) 0%, rgba(239, 96, 0, 1) 100%);
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 10px 10px;
	border-radius: 40px;
	width: 160px;
	font-weight: 700;
	float: none;
	margin:0px auto 20px;
}
.coustomer-banner .banner-text h3 {
	text-align: left;
	font-size: 24px;
	color: #263470;
	font-weight: 400;
	margin: 0 auto 30px;
}
.section-blue-four-lifestyle .getstarted {
	background: rgb(255, 170, 112);
	background: linear-gradient(177deg, rgba(255, 170, 112, 1) 0%, rgba(239, 96, 0, 1) 100%);
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 10px 10px;
	border-radius: 40px;
	width: 220px;
	font-weight: 700;
	margin:0 auto;
}
.section-blue-four-lifestyle .benefit-content ul li svg {
	width: 115px;
	float: none;
	margin: 15px auto;
    display: block;
}
.section-blue-four-lifestyle .benefit-content ul li {
	list-style: none;
	margin-bottom: 50px;
	color: #BAB4C5;
	min-height: 110px;
    text-align: center;
}

.coustomer-banner .banner-text p {
    display: none;
}
.coustomer-banner .banner-text .terms {
 display: none;
}
.coustomer-banner .download-app {
    display: none;
}
.download-app-mobile {
    display: block;
    margin: 20px auto;
    text-align: center;
    color: #474747;

}
.download-app-mobile p {
    text-align: left;
    padding-left: 20px;
}
.download-app-mobile img {
    width: 168px;
    margin: 5px 20px;
}
}