/*============================ Mobile ============================*/
@media (max-width: 767px) {
    .navbar-light .navbar-toggler {
        border-color: transparent;
    }
    p {
        font-size: 14px;
        line-height: 24px;
    }
    .headline-area h1 {
        font-size: 52px;
        line-height: 70px;
    }
    .headline-area h2 {
        font-size: 28px;
        line-height: 40px;
    }

    .pos-index-banner {
        padding: 70px 0 100px;
    }
    .pos-index-banner .banner-cash .headline-area {
        margin: 10px 0 0;
        padding-top: 0;
    }
    .pos-index-banner .banner-cash .headline-area .arrow-head {
        width: 30px;
        right: 10.5%;
        top: 34%;
    }
    .pos-index-banner .banner-cash .headline-area p {
        font-size: 16px;
        line-height: 24px;
        padding-right: 24px;
    }
    .pos-index-banner .grid-image-pattern {
        max-width: 340px;
        margin: 90px 0 0 0;
    }
    .pos-index-banner .grid-image-pattern .image-pattern-box {
        max-width: 330px;
        height: 345px;
    }
    .pos-index-banner .grid-image-pattern .image-holder {
        max-width: 340px;
    }
    .pos-index-banner .grid-image-pattern .image-pattern-box #patter-1 {
        display: none;
    }
    .pos-index-banner .grid-image-pattern .image-pattern-box #patter-2 {
        width: 140px;
        bottom: 0;
    }
    .pos-index-banner .grid-image-pattern .image-pattern-box #patter-3 {
        width: 70px;
        top: 26%;
        right: 2%;
    }

    .business-design-growth .container {
        padding-bottom: 20px;
    }
    .business-design-growth .growth-wrapper {
        grid-template-columns: repeat(1, 1fr);
        gap: 36px;
        padding-top: 30px;
    }
    .business-design-growth .growth-wrapper .business-details {
        border-left: none;
        height: auto;
    }
    .business-design-growth .growth-wrapper .business-details .growth-list {
        gap: 0;
    }
    .business-design-growth .growth-wrapper .business-details .growth-list .item-grwth {
        padding: 20px 0;
        width: 100%;
        border-top: 2px solid var(--borderLight);
        border-left: none;
    }
    .business-design-growth .growth-wrapper .business-details .growth-list .item-grwth.active {
        border-top: 2px solid var(--peer);
        border-left: none;
    }
    .business-design-growth .growth-wrapper .business-details .growth-list .item-grwth h3 {
        font-size: 20px;
    }
    .business-design-growth .growth-wrapper .business-details .growth-list .item-grwth p {
        margin-bottom: 0;
    }

    .jiji-note .jiji-block {
        flex-direction: column-reverse;
        align-items: center;
    }
    .jiji-note .jiji-block .jiji-green-note {
        padding: 16px 12px;
        border-radius: 0 0 32px 32px;
    }
    .jiji-note .jiji-block .jiji-green-note .blockqt-area img {
        width: 40px;
    }
    .jiji-note .jiji-block .jiji-green-note .blockqt-area .user-info {
        gap: 4px;
    }
    .jiji-note .jiji-block .jiji-green-note .blockqt-area .user-info h3 {
        font-size: 14px;
    }
    .jiji-note .jiji-block .jiji-green-note .blockqt-area .user-info p {
        font-size: 13px;
    }
    .jiji-note .jiji-block .jiji-logo-box img {
        width: 200px;
    }

    .choose-machine .machine-grids {
        flex-direction: column;
    }
    .choose-machine .machine-grids .machine-cols {
        padding: 14px;
        height: 800px;
    }
    .choose-machine .machine-grids .machine-cols h3 {
        font-size: 18px;
        line-height: 34px;
    }
    .choose-machine .machine-grids .machine-cols .desc-text {
        height: 262px;
    }
    .choose-machine .machine-grids .machine-cols img {
        height: 250px;
    }


    .real-time-insights .headline-area {
        padding-right: 0;
        padding-left: 0;
    }
    .real-time-insights .realtime-wrapper {
        grid-template-columns: repeat(1, 1fr);
        gap: 36px;
        padding-top: 30px;
    }
    .real-time-insights .container {
        padding-right: 15px;
        padding-left: 15px;
        padding-bottom: 20px;
    }
    .real-time-insights .business-details .insght-list {
        gap: 0 !important;
    }
    .real-time-insights .business-details .insght-list .item-insght {
        padding: 20px 0 !important;
        width: 100%;
        border-top: 2px solid #262626;
        border-left: none;
    }
    .real-time-insights .business-details .insght-list .item-insght.active {
        border-top: 2px solid var(--peer);
        border-left: none;
    }
    .real-time-insights .business-details .insght-list .item-insght h3 {
        font-size: 20px !important; 
    }
    .real-time-insights .business-details .insght-list .item-insght p {
        margin-bottom: 0;
    }
    .real-time-insights .realtime-wrapper .business-details {
        border-left: none;
        height: auto;
    }
    .real-time-insights .more-btn {
        padding-right: 0;
        padding-left: 0;
        margin-top: 40px;
    }

    .build-for-business .build--block {
        flex-direction: column;
    }
    .build-for-business .build--block .build-bs-image img {
        height: 320px;
    }
    .build-for-business .build--block .build-bs-content {
        padding: 16px 0 48px 0;
    }
    .build-for-business .build--block .build-bs-content .list-builds {
        min-width: auto;
        gap: 30px;
    }
    .build-for-business .build--block .build-bs-content .list-builds .item-builds .title-busn {
        font-size: 16px;
        line-height: 32px;
    }
    .build-for-business .build--block .build-bs-content .btn-custom-light {
        margin-top: 10px;
    }

    .whats-in-box .whts-col .mob-tabs {
        gap: 14px;
        margin-top: 20px;
    }
    .whats-in-box .whts-col .mob-tabs button {
        font-size: 16px;
        line-height: 30px;
    }
    .whats-in-box .what-in-grids {
        grid-template-columns: repeat(1, 1fr);
    }
    .whats-in-box .imge-cols, .whats-in-box .imge-cols img {
        height: 340px;
    }
    .whats-in-box .imge-cols:last-child {
        display: none;
    }

    .faq-cashless {
        padding: 20px 0 80px;
    }
    .faq-cashless-grids {
        flex-direction: column;
    }
    .faq-cashless-grids .headline-area, .faq-cashless-grids .faq-area {
        width: 100%;
    }
    .faq-cashless-grids .faq-area .faq-accordion {
        max-width: 100%;
        padding: 0;
        gap: 30px;
    }
    .faq-cashless-grids .faq-area .faq-accordion .faq-accordion-item .faq-accordion-header h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .backed-by-industry .backed-tab {
        padding: 24px 12px;
    }
    .backed-by-industry .backed-tab h2 {
        font-size: 20px;
        line-height: 32px;
    }
    .partner-wrap {
        flex-direction: column;
        padding: 10px 24px 22px;
        gap: 20px;
        max-width: 300px;
        margin-top: 0;
    }
    .partner-wrap .prt-title {
        height: auto;
        width: 100%;
    }
    .partner-wrap .item-partners img {
        height: 12px;
    }

    .footer-global .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        justify-content: flex-start;
    }
    .footer-global .footer-block .box-zig {
        flex: none;
    }
    .footer-global .footer-bottom p {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 320px;
    }
    .footer-global .footer-top {
        flex-direction: column;
        gap: 30px;
        padding-bottom: 10px;
    }

   
    .blog-area-wrap {
        padding: 80px 0;
    }
    .blog-area-wrap .blog-mid-width .headline-area h1 {
        font-size: 32px;
        line-height: 40px;
    }
    .blog-all {
        gap: 80px;
    }
    .blog-all .single-blog h2 {
        font-size: 20px;
        line-height: 32px;
    }

    .building-future {
        background-image: none;
        padding: 70px 0 40px;
    }
    .building-future h1 {
        font-size: 38px;
        line-height: 54px;
    }

    .mission-vission {
        padding: 50px 0 0;
    }
    .mission-vission .headline-area h2 {
        font-size: 28px;
        line-height: 40px;
    }
    .mission-vission .img_lvs {
        max-width: 320px;
        margin-bottom: 50px;
    }
}
/*============================ //Mobile ============================*/

/*============================ Tab ============================*/
@media (min-width: 768px) and (max-width: 1024px) {
    .navbar-light .navbar-toggler {
        border-color: transparent;
    }

    .headline-area h2 {
        font-size: 30px;
        line-height: 48px;
    }

    .pos-index-banner {
        padding: 100px 0 130px;
    }
    .pos-index-banner .banner-cash .headline-area {
        padding-top: 40px;
    }
    .pos-index-banner .grid-image-pattern .image-pattern-box {
        max-width: 440px;
        height: 500px;
    }
    .pos-index-banner .grid-image-pattern .image-pattern-box #patter-1,
    .pos-index-banner .grid-image-pattern .image-pattern-box #patter-2,
    .pos-index-banner .grid-image-pattern .image-pattern-box #patter-3 {
        display: none;
    }
    .pos-index-banner .grid-image-pattern {
        max-width: 500px;
    }
    .pos-index-banner .grid-image-pattern .image-holder {
        top: -2%;
        max-width: 500px;
    }

    .business-design-growth .growth-wrapper .business-details {
        height: 372px;
    }

    .choose-machine .machine-grids .machine-cols img {
        height: 270px;
    }
    .choose-machine .machine-grids .machine-cols {
        padding: 34px;
    }
    .choose-machine .machine-grids .machine-cols .desc-text {
        height: 215px;
    }

    .build-for-business .build--block .build-bs-image,
    .build-for-business .build--block .build-bs-content {
        width: 50%;
    }
    .build-for-business .build--block .build-bs-image img {
        height: 540px;
    }

    .whats-in-box .imge-cols, .whats-in-box .imge-cols img {
        height: 300px;
    }
    .whats-in-box .whts-col .mob-tabs {
        gap: 18px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .whats-in-box .whts-col .mob-tabs button {
        padding: 14px 20px;
        align-items: center;
        min-width: 170px;
    }

    .faq-cashless-grids .faq-area .faq-accordion {
        padding: 0 48px;
    }
    .faq-cashless-grids .faq-area .faq-accordion .faq-accordion-item .faq-accordion-header h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .backed-by-industry .backed-tab {
        padding: 24px 12px;
    }
    .backed-by-industry .backed-tab h2 {
        font-size: 24px;
        line-height: 38px;
    }
    .partner-wrap {
        flex-direction: column;
        padding: 10px 24px 22px;
        gap: 20px;
        max-width: 650px;
        margin-top: 0;
    }
    .partner-wrap .prt-title {
        height: auto;
        width: 100%;
    }
    .partner-wrap .item-partners img {
        height: 12px;
    }

    .building-future {
        padding: 90px 0 50px;
        background-position: right 85px;
        background-size: 58%;
    }
    .building-future h1 {
        font-size: 34px;
        line-height: 48px;
    }

    .mission-vission {
        padding: 50px 0 40px;
    }
    .mission-vission .headline-area h2 {
        font-size: 38px;
        line-height: 54px;
    }
    .mission-vission .vission_mission_block .item_vs {
        margin-bottom: 10px;
    }
    .mission-vission .img_lvs {
        max-width: 308px;
    }
    .mission-vission .vission_mission_block .item_vs h3 {
        font-size: 24px;
        line-height: 34px;
    }
}
/*============================ //Tab ============================*/