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

    .navbar-wrap {
        padding: 1.042vw 0 0;
    }

    .navbar-wrap .navbar {
        padding-bottom: 1.042vw;
    }

    /* .navbar-scrolled {
        padding: 0.694vw 0;
    } */

    .navbar-brand {
        max-width: 11.111vw;
    }

    .navbar-wrap .navbar .navbar-nav {
        gap: 0.278vw;
    }

    .navbar-wrap .navbar .navbar-nav li {
        padding: 1.389vw 0;
    }


    .navbar-wrap .navbar .navbar-nav a {
        font-size: 1.111vw;
        padding: 0.347vw 0.833vw !important;
    }

    .navbar-wrap .navbar .navbar-nav a i {
        font-size: 0.764vw;
    }

    .navbar-wrap .cus-signin-btn {
        border: 0.139vw solid #316AFF;
        padding: 1.111vw 1.701vw;
        font-size: 1.111vw;
        border-radius: 0.833vw;
    }

    .navbar-wrap .navbar .cus-btn-grp {
        gap: 2.083vw;
    }

    .navbar-wrap .navbar .cus-btn-grp .login-btn {
        font-size: 1.111vw;
    }

    .cus-container {
        max-width: 81.389vw;
        padding: 0 1.042vw;
    }



    /* Offcanvas css */

    .sideCanvasBtn img {
        max-width: 2.083vw;
    }

    .cross-icon {
        top: 1.389vw;
        left: 1.389vw;
    }

    .sideCanvasBtn span {
        font-size: 0.625vw;
        width: 1.042vw;
        height: 1.042vw;
        padding: 0.278vw 0.278vw;
    }

    .overlay-offcanvas {
        top: 6.875vw;
        padding: 1.389vw;
        height: calc(100% - 6.875vw);
    }

    .cus-offcanvas {
        top: 6.875vw;
        right: -34.722vw;
        max-width: 34.722vw;
        padding: 1.389vw;
        height: calc(100% - 6.875vw);
    }

    .cus-offcanvas .cus-counter {
        border-radius: 3.472vw;
        padding: 0.347vw 1.042vw;
    }

    .cus-offcanvas .cus-value,
    .cus-offcanvas .cus-btn {
        /*margin: 0 1.042vw;*/
        font-size: 0.931vw;
        line-height: 1.528vw;
    }

    .cus-offcanvas h3 {
        font-size: 1.944vw;
        line-height: 2.917vw;
        gap: 1.042vw;
    }

    .cus-offcanvas h3 span {
        font-size: 0.903vw;
        width: 1.736vw;
        height: 1.736vw;
        padding: 0.278vw 0.694vw;
    }

    .cus-offcanvas .product-wrap {
        gap: 3.472vw;
        padding-bottom: 1.389vw;
        border-bottom: 0.069vw solid #E8E8E8;
        margin-top: 2.778vw;
    }

    .cus-offcanvas .product-box {
        gap: 1.389vw;
    }

    .cus-offcanvas .product-box figure {
        max-width: 8.958vw;
    }

    .cus-offcanvas .product-box figure img {
        border-radius: 0.694vw;
    }

    .cus-offcanvas .product-box .product-details .cus-btn-wrap {
        gap: 2.083vw;
    }

    .cus-offcanvas .product-box h4 {
        font-size: 1.25vw;
        line-height: 2.083vw;
        margin-bottom: 0.486vw;
    }

    .cus-offcanvas .product-box .product-details .cus-btn-wrap img{
        max-width: 1.667vw;
    }

    .cus-offcanvas .product-box .product-price {
        font-size: 0.972vw;
        line-height: 1.667vw;
        margin-bottom: 0.764vw;
    }

    .cus-offcanvas .product-box p {
        font-size: 1.111vw;
        line-height: 1.944vw;
    }

    .cus-offcanvas .discount-code {
        gap: 2.292vw;
        padding: 1.389vw 0;
        border-bottom: 0.069vw solid #E8E8E8;
    }

    .cus-offcanvas .discount-code input {
        border-radius: 0.589vw;
        border: 0.118vw solid #E8E8E8;
        font-size: 0.943vw;
        line-height: 1.604vw;
        padding: 0 1.042vw;
    }

    .cus-offcanvas .discount-code button {
        border-radius: 2.064vw;
        padding: 0.678vw 2.269vw 0.673vw 2.269vw;
        font-size: 1.062vw;
        line-height: 1.592vw;
    }

    .cus-offcanvas .payment-checkout {
        margin-top: 1.389vw;
    }

    .cus-offcanvas .payment-checkout .rental-payment,
    .cus-offcanvas .payment-checkout .total-due {
        margin-bottom: 1.389vw;
    }

    .cus-offcanvas .payment-checkout .rental-payment p {
        font-size: 1.111vw;
    }

    .cus-offcanvas .payment-checkout .total-due h5 {
        font-size: 1.111vw;
    }

    .cus-offcanvas .payment-checkout .checkout-desc p {
        font-size: 1.111vw;
    }

    .cus-offcanvas .payment-checkout .checkout-btn {
        font-size: 1.25vw;
        padding: 0.833vw 3.472vw;
        border-radius: 2.292vw;
        margin-top: 7.083vw;
    }



    /* Banner css responsive */

    .banner {
        padding: 19.792vw 0 13.403vw;
    }

    .banner .banner-wrap {
        max-width: 85.694vw;
        padding: 0 1.042vw;
    }

    .banner .banner-wrap .content h1 {
        font-size: 4.444vw;
    }

    .banner .banner-wrap .content p {
        font-size: 1.25vw;
        max-width: 41.667vw;
        margin-top: 0.833vw;
    }
    
    .banner .banner-wrap .content .cus-banner-btn{
        padding: 0.972vw 4.167vw 0.972vw 1.875vw;
        border-radius: 3.056vw;
        margin-top: 2.778vw;
        font-size: 1.111vw;
    }

    /* .banner .banner-wrap .content .cus-banner-btn{
        padding: 0.972vw 4.167vw 0.972vw 1.875vw;
        border-radius: 3.056vw;
        margin-top: 2.778vw;
    }
    .banner .banner-wrap .content .cus-banner-btn span{
        border: 0.278vw solid #fff;
        right: -0.069vw;
        width: 3.611vw;
        height: 3.611vw;
    } */
    .banner .banner-wrap .content .cus-banner-btn img {
        max-width: 1.528vw;
    }

    .expense-management .cus-banner-btn{
        padding: 0.972vw 4.861vw 0.972vw 1.875vw;
        border-radius: 3.056vw;
        margin-top: 2.778vw;
        font-size: 1.111vw;
    }

    .banner .banner-wrap .content .cus-banner-btn:hover span,
    .expense-management .cus-banner-btn:hover span{
        transform: translateX(0.694vw);
    }

    .banner .banner-wrap .content .cus-banner-btn span,
    .expense-management .cus-banner-btn span{
        border: 0.278vw solid #fff;
        right: -0.069vw;
        width: 3.611vw;
        height: 3.611vw;
    }
    
    .banner .banner-wrap .content .cus-banner-btn img,
    .expense-management .cus-banner-btn img{
        max-width: 1.528vw;
        height: auto;
    }

    /* Manage css reponsive */

    .manage .manage-wrap {
        gap: 5.764vw;
    }

    .manage .manage-wrap .content h2 {
        font-size: 3.333vw;
        margin-bottom: 0.833vw;
    }

    .manage .manage-wrap .content p {
        font-size: 1.111vw;
        margin-bottom: 2.778vw;
        max-width: 31.944vw;
    }

    /* .manage .manage-wrap .content .cus-manage-btn{
        border: 0.069vw solid #316AFF;
        padding: 0.972vw 4.167vw 0.972vw 1.875vw;
        border-radius: 3.056vw;
    }
    
    .manage .manage-wrap .content .cus-manage-btn span{
        right: -0.069vw;
        width: 3.611vw;
        height: 3.611vw;
    } */

    .manage .manage-wrap .box {
        max-width: 38.889vw;
    }


    /* Real time css reponsive */

    .real-time {
        max-width: 100vw;
    }

    .real-time .real-time-wrap .box-img {
        padding-top: 9.444vw;
        max-width: 33.819vw;
    }

    .real-time .real-time-wrap .content {
        max-width: 41.458vw;
    }

    .real-time .real-time-wrap .content h2 {
        font-size: 3.333vw;
        margin-bottom: 1.111vw;
    }

    .real-time .real-time-wrap .content p {
        font-size: 1.111vw;
        margin-bottom: 2.778vw;
    }

    /* .real-time .real-time-wrap .content .cus-real-btn{
        padding: 0.972vw 4.167vw 0.972vw 1.875vw;
        border-radius: 3.056vw;
    }
    
    .real-time .real-time-wrap .content .cus-real-btn span{
        right: -0.069vw;
        width: 3.611vw;
        height: 3.611vw;
    } */

    /* why choose css reponsive */

    .why-choose h2 {
        font-size: 3.333vw;
    }

    .why-choose .sec-1 {
        border: 0.069vw solid rgba(0, 0, 0, 0.06);
        border-radius: 1.389vw;
        padding-top: 1.389vw;
        margin-top: 4.167vw;
        margin-bottom: 1.667vw;
    }

    .why-choose .sec-1 figure {
        max-width: 17.778vw;
    }

    .why-choose .sec-1 .content {
        max-width: 35vw;
        margin-top: 3.75vw;
        /* gap: 0.833vw; */
    }

    .why-choose .sec-1 .content h3 {
        font-size: 2.222vw;
        margin-bottom: 0.833vw;
        margin-top: 0.833vw;
    }

    .why-choose .sec-1 .content p {
        font-size: 1.111vw;
        margin-bottom: 1.667vw;
    }

    .why-choose .sec-1 .content img {
        max-width: 2.917vw;
    }

    .why-choose .sec-2 {
        margin-bottom: 1.667vw;
    }

    .why-choose .sec-2 .left-box {
        border: 0.069vw solid rgba(0, 0, 0, 0.06);
        border-radius: 1.389vw;
        padding: 3.75vw 2.708vw 0;
    }

    .why-choose .sec-2 .left-box .left-box-img {
        max-width: 28.194vw;
    }

    .why-choose .sec-2 .right-box {
        border: 0.069vw solid rgba(0, 0, 0, 0.06);
        border-radius: 1.389vw;
        padding: 3.75vw 2.778vw 0;
    }

    .why-choose .sec-2 .left-box h3,
    .why-choose .sec-2 .right-box h3 {
        font-size: 2.222vw;
        margin-bottom: 0.833vw;
        margin-top: 0.833vw;
    }

    .why-choose .sec-2 .left-box p,
    .why-choose .sec-2 .right-box p {
        font-size: 1.111vw;
        margin-bottom: 1.667vw;
    }

    /* .why-choose .sec-2 .right-box-img {
        margin-bottom: -0.069vw;
        margin-top: 2.778vw;
    } */

    .why-choose .sec-2 .right-box-img img {
        max-width: 23.194vw;
    }

    .why-choose .sec-2 .right-box-img .balance-img {
        bottom: 8.056vw;
        right: 1.528vw;
        max-width: 15.347vw;
    }

    .why-choose .sec-3 .box-1,
    .why-choose .sec-3 .box-2,
    .why-choose .sec-3 .box-3 {
        gap: 1.111vw;
        min-height: 20.625vw;
        padding: 2.083vw;
    }

    .why-choose .sec-3 .box-1 {
        border: 0.069vw solid #FFFFFF;
        border-radius: 1.389vw;
    }

    .why-choose .sec-3 .box-1 h3 {
        font-size: 2.222vw;
    }

    .why-choose .sec-3 .box-1 p {
        font-size: 1.111vw;
    }

    .why-choose .sec-3 .box-2 .box-img {
        max-width: 13.056vw;
    }

    .why-choose .sec-3 .box-2 {
        border: 0.069vw solid rgba(0, 0, 0, 0.06);
        border-radius: 1.389vw;
    }

    .why-choose .sec-3 .box-2 h3 {
        font-size: 1.667vw;
        max-width: 13.889vw;
    }

    .why-choose .sec-3 .box-3 {
        border-radius: 1.389vw;
    }

    .why-choose .sec-3 .box-3 h3 {
        font-size: 2.222vw;
    }

    /* Faq css responsive */

    /* .faq .faq-wrap .faq-box{
        gap: 1.389vw;
        border-radius: 1.389vw;
        padding: 2.083vw;
    }
    
    .faq .faq-wrap .faq-box h2{
        font-size: 3.333vw;
    }
    
    .faq .faq-wrap .faq-box p{
        font-size: 1.25vw;
    } */

    .faq {
        padding: 6.25vw 0;
    }

    .faq .faq-wrap .title {
        margin-bottom: 3.889vw;
    }

    .faq .faq-wrap .title h2 {
        font-size: 3.333vw;
        margin-bottom: 4.167vw;
    }

    .faq .faq-wrap .title h3 {
        font-size: 2.222vw;
        margin-bottom: 0.278vw;
    }

    .faq .faq-wrap .title p {
        font-size: 1.111vw;
    }

    .faq .faq-wrap .title2 h2 {
        font-size: 2.431vw;
    }

    .faq .faq-wrap .phone-box {
        margin-top: 2.847vw;
    }

    .faq .faq-wrap .phone-box,
    .faq .faq-wrap .email-box {
        gap: 1.389vw;
    }

    .faq .faq-wrap .phone-box a,
    .faq .faq-wrap .email-box a {
        font-size: 1.25vw;
        margin-bottom: 0.278vw;
    }

    .faq .faq-wrap .phone-box p,
    .faq .faq-wrap .email-box p {
        font-size: 0.833vw;
    }

    .help-center-btn {
        font-size: 1.111vw;
        gap: 0.486vw;
    }

    .faq .faq-wrap .email-box {
        margin: 1.944vw 0 2.847vw;
    }

    .faq .faq-wrap .accordion .accordion-item {
        padding: 2.222vw 0 1.111vw 0;
    }

    .faq .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
        font-size: 1.389vw;
        padding-bottom: 1.111vw;
    }

    .faq .faq-wrap .accordion .accordion-item .accordion-body {
        font-size: 1.111vw;
    }

    .faq .faq-wrap .faq-btn {
        font-size: 1.111vw;
        padding: 0.972vw 2.639vw;
        border-radius: 3.056vw;
        margin-top: 3.889vw;
    }

    /* Download app css repsonsive */

    .download-app .download-app-wrap {
        min-height: 34.722vw;
        padding: 0 5.069vw;
        border-radius: 2.083vw;
    }

    .download-app .download-app-wrap .img-box {
        right: 5.764vw;
        max-width: 21.181vw;
    }

    .download-app .download-app-wrap .img-box.img-box-download {
        max-width: 22.639vw;
    }

    .download-app .download-app-wrap .download-content {
        max-width: 35.694vw;
    }

    .download-app .download-app-wrap .content.download-content h2 {
        font-size: 3.819vw;
    }

    .download-app .download-app-wrap .content.download-content p {
        font-size: 0.972vw;
        max-width: 31.25vw;
    }

    .download-app .download-app-wrap .content {
        max-width: 38.958vw;
    }

    .download-app .download-app-wrap .content h2 {
        font-size: 3.333vw;
        margin-bottom: 0.833vw;
    }

    .download-app .download-app-wrap .content p {
        font-size: 1.111vw;
        margin-bottom: 2.778vw;
        max-width: 38.958vw;
    }

    .download-app .download-app-wrap .content .download-btn {
        gap: 1.389vw;
    }

    /* .download-app .download-app-wrap .content .cus-download-btn{
        border: 0.069vw solid #316AFF;
        padding: 0.972vw 4.167vw 0.972vw 1.875vw;
        border-radius: 3.056vw;
        margin-top: 2.778vw;
    }
    .download-app .download-app-wrap .content .cus-download-btn span{
        right: -0.069vw;
        width: 3.611vw;
        height: 3.611vw;
    }
     */


    /* Footer css responsive */

    .footer {
        padding: 3.472vw 0 4.236vw;
    }

    .footer .footer-wrap p {
        font-size: 1.111vw;
        margin-bottom: 3.472vw;
    }

    .footer .footer-wrap ul {
        gap: 3.333vw;
        margin-bottom: 3.472vw;
    }

    .footer .footer-wrap ul li a {
        font-size: 1.111vw;
    }

    .footer .footer-wrap .email-box {
        margin: 0 auto 3.472vw;
        width: 33.333vw;
    }

    .footer .footer-wrap .email-box .email-input {
        border: 0.069vw solid #C0BFBF;
        border-radius: 2.778vw;
        padding: 1.25vw 1.528vw;
        width: 22.222vw;
        font-size: 0.972vw;
        gap: 0.694vw;
    }

    .footer.dark-mode .footer-wrap .email-box {
        border: 0.069vw solid #FFFFFF;
        border-radius: 2.778vw;
    }

    .footer .footer-wrap .email-box .email-input img {
        max-width: 1.389vw;
    }

    .footer .footer-wrap .email-box button {
        border-radius: 2.778vw;
        padding: 1.25vw 2.292vw;
        margin-left: -3.472vw;
        font-size: 0.972vw;
    }

    .footer .footer-wrap .social-media-link {
        gap: 0.833vw;
        margin-bottom: 1.389vw;
    }

    .footer .footer-wrap .policy-terms {
        gap: 0.694vw;
        margin-bottom: 1.389vw;
    }

    .footer .footer-wrap p:last-child {
        font-size: 1.111vw;
    }

    /* One app css responsive */

    .one-app .tab-content .box {
        border: 0.069vw solid rgba(0, 0, 0, 0.06);
        border-radius: 1.389vw;
    }

    /* .one-app .cus-tabing-btn-grp {
        margin-left: 2.083vw;
    } */

    .one-app .cus-tabing-btn-grp h2 {
        font-size: 3.333vw;
        margin-bottom: 1.111vw;
    }

    .one-app .cus-tabing-btn-grp .nav {
        gap: 0.833vw;
        /* max-height: 31.944vw; */
        /* padding-left: 1.389vw; */
    }

    .one-app .cus-tabing-btn-grp .nav::-webkit-scrollbar {
        width: 0.694vw;
    }

    .one-app .cus-tabing-btn-grp .nav::-webkit-scrollbar-track {
        -webkit-border-radius: 0.694vw;
        border-radius: 0.694vw;
    }

    .one-app .cus-tabing-btn-grp .nav::-webkit-scrollbar-thumb {
        -webkit-border-radius: 0.694vw;
        border-radius: 0.694vw;
    }


    .one-app .cus-tabing-btn-grp .nav-link {
        border: 0.069vw solid #E5E5E5;
        border-radius: 1.389vw;
        padding: 1.667vw 2.5vw 1.667vw 1.389vw;
    }

    .one-app .cus-tabing-btn-grp .nav-link h4 {
        font-size: 1.389vw;
        margin-bottom: 0.556vw;
    }

    .one-app .cus-tabing-btn-grp .nav-link p {
        font-size: 1.111vw;
    }

    /* .cus-card {
        padding: 1.389vw 1.389vw  2.778vw;
        border-radius: 1.111vw;
        width: 27.083vw;
        box-shadow: 0 0.556vw 1.111vw rgba(0, 0, 0, 0.1);
    }

    .cus-card .header p:first-child {
        font-size: 1.25vw;
    }

    .cus-card .header h1 {
        margin: 0.694vw 0 0.347vw;
        font-size: 1.944vw;
    }

    .cus-card .increase {
        font-size: 1.111vw;
    }

    .cus-card .chart-container {
        margin-top: 1.389vw;
    }

    .cus-card .y-axis {
        height: 10.417vw;
        margin-right: 0.694vw;
        font-size: 0.972vw;
    }

    .cus-card .chart {
        height: 10.417vw;
        border-bottom: 0.139vw solid rgba(255, 255, 255, 0.2);
    }

    .cus-card .bar {
        border-radius: 2.083vw 2.083vw 0 0;
        margin: 0 1.042vw;
    }

    .cus-card .bar::before {
        bottom: -1.389vw;
        font-size: 0.833vw;
    }

    .cus-card .bar::after {
        top: 0.347vw;
        width: 0.694vw;
        height: 0.694vw;
        border: 0.208vw solid #fff;
    }

    .cus-card .cus-tooltip {
        left: -1.736vw;
        padding: 0.278vw 0.417vw;
        border-radius: 0.278vw;
        font-size: 0.833vw;
    }


    .cus-card .chart .line-100,
    .cus-card .chart .line-75,
    .cus-card .chart .line-50,
    .cus-card .chart .line-0 {
        height: 0.069vw;
        border-top: 0.069vw dashed rgba(255, 255, 255, 0.3);
    } */

    /* Finance banner css */

    .finance-banner {
        padding-top: 13.889vw;
    }

    .finance-banner .box {
        padding-left: 2.083vw;
    }

    .finance-banner .box .bank-card-img {
        max-width: 23.75vw;
    }

    .finance-banner .box .finance-banner-left {
        max-width: 13.958vw;
    }

    .finance-banner .box .finance-banner-right {
        max-width: 18.403vw;
    }

    .finance-banner .content h2 {
        font-size: 3.611vw;
        margin-bottom: 0.903vw;
    }

    .finance-banner .content p {
        font-size: 1.042vw;
        margin-bottom: 1.944vw;
        max-width: 35.694vw;
    }

    .finance-banner .content ul {
        gap: 0.972vw 0;
    }

    .finance-banner .content ul li {
        font-size: 1.042vw;
        gap: 0.972vw;
    }

    .finance-banner .content ul li img {
        max-width: 1.597vw;
    }

    .finance-banner .content .book-btn {
        padding: 0.972vw 1.458vw;
        border-radius: 0.833vw;
        font-size: 1.111vw;
        margin-top: 3.819vw;
    }


    /* Prepaid css */

    .prepaid-card .content h2 {
        font-size: 4.167vw;
        max-width: 39.583vw;
    }

    .prepaid-card .content p {
        font-size: 1.111vw;
        margin-top: 0.972vw;
        max-width: 39.167vw;
    }


    /* Send and Receive Money css */

    .send-receive-money .content h2 {
        font-size: 2.778vw;
        margin-bottom: 0.972vw;
        max-width: 26.389vw;
    }

    .send-receive-money .content p {
        font-size: 1.111vw;
        margin-bottom: 1.944vw;
        max-width: 35.764vw;
    }

    .send-receive-money .content ul li {
        gap: 0.972vw;
        margin-bottom: 0.833vw;
        font-size: 1.111vw;
    }

    .send-receive-money .list {
        margin-top: 3.542vw;
        max-height: 31.319vw;
        max-width: 23.819vw;
    }

    .send-receive-money .list .box {
        padding: 0.972vw;
        border-radius: 0.625vw;
        margin-bottom: 0.972vw;
    }

    .send-receive-money .list .box .detail-box {
        gap: 0.972vw;
    }

    /* .send-receive-money .list .box .detail-box img{
        max-width: 2.986vw;
        height: 2.986vw;
    } */

    .send-receive-money .list .box .detail-box h4 {
        font-size: 1.111vw;
    }

    .send-receive-money .list .box .detail-box h5 {
        font-size: 0.972vw;
    }

    .send-receive-money .list .box .price p {
        font-size: 1.111vw;
    }



    /* Collect payment css */

    .collect-payment .content h2 {
        font-size: 4.167vw;
        max-width: 39.583vw;
    }

    .collect-payment .content p {
        font-size: 1.111vw;
        margin-top: 0.972vw;
        max-width: 39.167vw;
    }

    .collect-payment .cus-card-img {
        max-width: 21.181vw;
    }

    /* Merchant servie css */

    .merchant-service .content h2 {
        font-size: 4.167vw;
        max-width: 39.583vw;
    }

    .merchant-service .content p {
        font-size: 1.111vw;
        margin-top: 0.972vw;
        max-width: 39.167vw;
    }

    .merchant-service .cus-card-img {
        max-width: 27.778vw;
    }

    /* Organize money css */

    .organize-money h2 {
        font-size: 4.167vw;
        max-width: 57.639vw;
    }

    .organize-money p {
        font-size: 1.111vw;
        margin-top: 0.972vw;
        max-width: 57.639vw;
    }

    .organize-money .feature {
        gap: 2.014vw;
        margin-top: 3.819vw;
    }

    .organize-money .feature .box .box-wrap {
        min-height: 12.847vw;
        border-radius: 0.972vw;
        margin-bottom: 0.972vw;
    }

    .organize-money .feature .box .box-wrap img {
        max-width: 3.819vw;
    }

    .organize-money .feature .box h5 {
        font-size: 1.25vw;
        margin-bottom: 0.278vw;
    }

    .organize-money .feature .box span {
        font-size: 0.833vw;
    }



    /* Manage it css */

    .manage-it h2 {
        font-size: 4.167vw;
        max-width: 57.639vw;
        margin-bottom: 3.75vw;
    }

    .manage-it .box-container {
        gap: 1.875vw;
    }

    .manage-it .box-container .box {
        border: 0.069vw solid #E8E8E8;
        border-radius: 0.903vw;
        padding: 1.875vw 1.875vw 0 1.875vw;
        height: 15.694vw;
    }

    .manage-it .box-container .box img {
        margin-bottom: 0.903vw;
    }

    .manage-it .box-container .box h5 {
        font-size: 1.25vw;
        margin-bottom: 0.486vw;
        max-width: 13.125vw;
    }

    .manage-it .box-container .box p {
        font-size: 0.972vw;
        max-width: 12.639vw;
    }

    .manage-it .section-img {
        max-width: 27.153vw;
    }


    /* Team spending css */

    .team-spending {
        padding-bottom: 6.944vw;
    }

    .team-spending h2 {
        font-size: 4.167vw;
        max-width: 41.667vw;
        margin: 0 auto 0.903vw;
    }

    .team-spending p {
        font-size: 1.25vw;
    }

    .team-spending .card-box {
        max-width: 29.722vw;
    }

    .team-spending a {
        padding: 0.972vw 1.458vw;
        border-radius: 0.833vw;
        font-size: 1.111vw;
        margin-top: 4.861vw;
        border: 0.139vw solid transparent;
    }

    .team-spending a:hover{
        border: 0.139vw solid #316AFF;
    }

    /* Support banner css */

    .support-banner {
        padding-top: 12.014vw;
    }

    .support-banner .support-banner-wrap h2 {
        font-size: 4.167vw;
    }

    .support-banner .support-banner-wrap .support-banner-img {
        max-width: 25vw;
    }

    .support-banner .support-banner-wrap .support-card-img {
        max-width: 46.806vw;
    }


    /* Have question css */

    .have-question {
        padding: 5.833vw 0 0;
    }

    .have-question .have-question-wrap {
        padding: 1.944vw;
        border-radius: 0.833vw;
    }

    .have-question .have-question-wrap h4 {
        font-size: 1.736vw;
    }

    .have-question .have-question-wrap p {
        font-size: 1.111vw;
    }

    .have-question .have-question-wrap .phone-box,
    .have-question .have-question-wrap .email-box {
        gap: 0.972vw;
    }

    .have-question .have-question-wrap .phone-box .content a,
    .have-question .have-question-wrap .email-box .content a {
        font-size: 1.111vw;
    }

    .have-question .have-question-wrap .phone-box .content p,
    .have-question .have-question-wrap .email-box .content p {
        font-size: 0.903vw;
    }

    .have-question .have-question-wrap .cus-chat-btn {
        font-size: 1.111vw;
        padding: 0.972vw 1.458vw;
        border-radius: 0.417vw;
    }

    /* Query css */

    .query .sidebar {
        padding-top: 6.597vw;
    }

    .query .sidebar .box {
        top: 7.292vw;
        padding: 1.944vw;
        border-radius: 0.625vw;
        max-width: 17.361vw;
    }

    .query .sidebar .box h3 {
        font-size: 1.111vw;
        margin-bottom: 1.944vw;
    }

    .query .sidebar .box ul {
        gap: 0.972vw;
    }

    .query .sidebar .box ul li a {
        font-size: 0.972vw;
    }

    .query .cus-section {
        padding-top: 7.292vw;
        margin-bottom: -0.694vw;
    }

    .query .cus-section h2 {
        font-size: 1.667vw;
        margin-bottom: 1.389vw;
        gap: 0.972vw;
    }

    .query .accordion .accordion-item {
        padding: 1.944vw 0 0.972vw 0;
        border-bottom: 0.069vw solid #E8E8E8;
    }

    .query .accordion .accordion-item .accordion-header .accordion-button {
        font-size: 1.25vw;
        padding-bottom: 0.972vw;
    }

    .query .accordion .accordion-item .accordion-body {
        font-size: 0.972vw;
    }


    /* Create account css */

    .create-account {
        padding: 9.583vw 0 0;
    }

    .create-account h2 {
        font-size: 4.167vw;
        margin-bottom: 1.736vw;
    }

    .create-account p {
        font-size: 1.667vw;
    }

    .create-account .choose-service {
        margin-top: 0.347vw;
    }

    .create-account .multi-select {
        gap: 3.472vw;
        padding: 1.389vw;
    }

    .create-account .multi-select .option-label {
        max-width: 16.319vw;
    }

    .create-account .multi-select .option {
        padding: 2.083vw 2.778vw;
        border-radius: 1.042vw;
        font-size: 1.25vw;
        border: 0.139vw solid rgba(255, 255, 255, 0.3);
        /*max-width: 16.319vw;*/
    }

    .create-account .multi-select .option.selected {
        border: 0.139vw solid rgba(255, 255, 255);
    }

    .create-account .create-account-form {
        margin-top: 1.736vw;
    }

    .create-account .create-account-form .cus-dual-text-field {
        gap: 3.125vw;
        margin-bottom: 2.083vw;
    }

    .create-account .create-account-form .cus-text-field,
    .create-account .create-account-form .cus-textarea {
        margin-bottom: 2.083vw;
    }

    .create-account .create-account-form .cus-dual-text-field input,
    .create-account .create-account-form .cus-text-field input,
    .create-account .create-account-form .cus-dual-text-field select {
        height: 5.208vw;
        border-radius: 1.25vw;
        padding: 1.667vw 1.944vw;
        font-size: 1.111vw;
        border: 0.139vw solid rgba(255, 255, 255, 0.3);
    }

    .create-account .create-account-form .cus-dual-text-field select {
        padding: 1.667vw 1.944vw;
    }

    .create-account .create-account-form .cus-textarea textarea {
        height: 14.236vw;
        border-radius: 1.25vw;
        padding: 1.736vw 1.944vw;
        font-size: 1.111vw;
        border: 0.139vw solid rgba(255, 255, 255, 0.5);
    }

    .create-account .create-account-form .form-submit-btn, .form-home-btn {
        margin-top: 3.125vw;
        border-radius: 1.042vw;
        padding: 1.458vw 6.528vw;
    }

    .create-account .create-account-form details {
        border: 0.139vw solid rgba(255, 255, 255, 0.5);
        border-radius: 0.694vw;
        font-size: 1.111vw;
        padding: 1.736vw 1.944vw;
        border-radius: 1.25vw;
    }


    /* Privacy banner css */

    .privacy-banner {
        padding-top: 13.889vw;
    }

    .privacy-banner .privacy-banner-wrap h2 {
        font-size: 3.819vw;
        margin-bottom: 1.944vw;
    }

    .privacy-banner .privacy-banner-wrap h5 {
        font-size: 1.389vw;
        margin-bottom: 1.944vw;
    }

    .policy-condition .policy-condition-wrap .category .category-box {
        top: 6.944vw;
        padding: 1.944vw;
        border-radius: 0.694vw;
        max-width: 17.014vw;
    }

    .policy-condition .policy-condition-wrap .category .category-box h5 {
        font-size: 1.111vw;
        margin-bottom: 1.944vw;
    }

    .policy-condition .policy-condition-wrap .category .category-box ul li {
        margin-bottom: 0.972vw;
    }

    .policy-condition .policy-condition-wrap .category .category-box ul li a {
        font-size: 0.972vw;
    }

    .policy-condition .policy-condition-wrap .policy-content .box {
        margin-bottom: -3.781vw;
        padding-top: 7.596vw;
    }

    .policy-condition .policy-condition-wrap .policy-content .box p,
    .policy-condition .policy-condition-wrap .policy-content .box ul li {
        font-size: 1.389vw;
    }

    .policy-condition .policy-condition-wrap .policy-content .box ul li::before {
        width: 0.347vw;
        height: 0.347vw;
        border-radius: 0.694vw;
        left: 0.694vw;
    }

    .policy-condition .policy-condition-wrap .policy-content .box h4 {
        font-size: 2.361vw;
        margin-bottom: 2.917vw;
    }

    .policy-condition .policy-condition-wrap .policy-content .box h5 {
        font-size: 1.389vw;
        margin-bottom: 0.694vw;
        margin-top: 2.986vw;
    }


    /* Know us css */

    .know-us {
        padding-top: 13.889vw;
    }

    .know-us .know-us-wrap {
        max-width: 62.083vw;
    }

    .know-us .know-us-wrap .section-heading h2 {
        font-size: 3.819vw;
        margin-bottom: 1.944vw;
    }

    .know-us .know-us-wrap .section-heading p {
        font-size: 1.389vw;
        margin-bottom: 3.819vw;
    }

    .know-us .know-us-wrap .know-us-img {
        margin-bottom: 3.819vw;
    }

    .know-us .know-us-wrap .box {
        margin-bottom: 2.986vw;
    }

    .know-us .know-us-wrap .box h4 {
        font-size: 2.361vw;
        margin-bottom: 2.986vw;
    }

    .know-us .know-us-wrap .box p,
    .know-us .know-us-wrap .box ul li {
        font-size: 1.389vw;
    }

    .know-us .know-us-wrap .box ul li::after {
        width: 0.347vw;
        height: 0.347vw;
        border-radius: 0.694vw;
        left: 0.694vw;
    }

    .know-us .know-us-wrap .cus-primary-btn {
        font-size: 1.389vw;
        padding: 1.111vw 1.736vw;
        border-radius: 1.042vw;
        margin-top: 0.764vw;
    }


    /* Login panel css */

    .login-panel {
        padding-bottom: 6.944vw;
    }

    .login-panel .login-panel-wrap {
        max-width: 90vw;
        padding: 0 1.042vw;
        grid-template-columns: 48.194vw auto;
    }

    .login-panel .login-panel-wrap .welcome-box {
        padding-top: 15.278vw;
        border-radius: 0 0 1.389vw 1.389vw;
    }

    .login-panel .login-panel-wrap .welcome-box .box {
        padding-left: 4.167vw;
    }

    .login-panel .login-panel-wrap .welcome-box .box h2 {
        font-size: 2.222vw;
        margin-bottom: 0.694vw;
    }

    .login-panel .login-panel-wrap .welcome-box .box p {
        font-size: 1.667vw;
        margin-bottom: 4.861vw;
    }

    .login-panel .login-panel-wrap .welcome-box .login-img {
        max-width: 23.611vw;
    }

    .login-panel .login-panel-wrap .login-box {
        margin: 22.222vw auto 0;
        max-width: 34.097vw;
    }

    .login-panel .login-panel-wrap .login-box .text-field {
        max-width: 28.819vw;
        margin: 0 auto 1.25vw;
    }

    .login-panel .login-panel-wrap .login-box .text-field input {
        border: 0.069vw solid #767676;
        padding: 1.111vw 1.667vw 1.389vw;
        border-radius: 0.903vw;
    }

    .login-panel .login-panel-wrap .login-box p {
        font-size: 1.25vw;
        margin-bottom: 5.833vw;
    }

    .login-panel .login-panel-wrap .login-box .login-btn {
        margin: 5.903vw auto;
        width: 5.139vw;
        height: 5.139vw;
    }

    .login-panel .login-panel-wrap .login-box .login-btn img {
        max-width: 2.083vw;
    }


    /* Blog css */

    .blog .section-heading {
        padding: 5.694vw 0;
    }

    .blog .section-heading h2 {
        font-size: 3.75vw;
    }

    .blog .blog-wrap .category h5 {
        font-size: 1.111vw;
    }

    .blog .blog-wrap .category .nav {
        gap: 0.972vw;
    }

    .blog .blog-wrap .category .nav .nav-item button {
        padding: 0.278vw 0.556vw;
        font-size: 1.042vw;
        border-radius: 0.278vw;
    }

    .blog .blog-wrap .tab-content {
        margin-top: 3.75vw;
    }

    .blog .blog-wrap .tab-content .cus-blog .blog-box .blog-img img {
        height: 22.5vw;
    }

    .blog .blog-wrap .tab-content .cus-blog .blog-box .blog-content h4 {
        font-size: 1.597vw;
        margin-bottom: 0.486vw;
        margin-top: 1.458vw;
    }

    .blog .blog-wrap .tab-content .cus-blog .blog-box .blog-content p {
        font-size: 0.972vw;
        margin-bottom: 1.389vw;
    }

    .blog .blog-wrap .tab-content .cus-blog .blog-box .blog-content .blog-tag {
        gap: 0.486vw;
    }

    .blog .blog-wrap .tab-content .cus-blog .blog-box .blog-content .blog-tag span {
        font-size: 0.833vw;
        padding: 0.278vw 0.556vw;
        border-radius: 0.278vw;
    }

    .blog .blog-wrap .tab-content .cus-blog {
        margin: 0.347vw;
        font-size: 1.389vw;
        border-radius: 0.556vw;
    }

    .blog .blog-wrap .tab-content .cus-row {
        margin-bottom: 1.944vw;
    }

    .blog .blog-wrap .tab-content .cus-row .cus-blog {
        margin: 0 0.972vw;
    }

    .blog .blog-wrap .tab-content .slick-dots {
        margin-top: 1.389vw;
    }



    /* Perpaid scheme css */

    .prepaid-scheme .prepaid-scheme-wrap h3 {
        font-size: 1.25vw;
        margin-bottom: 0.972vw;
    }

    .prepaid-scheme .prepaid-scheme-wrap .prepaid-block.one-feature {
        grid-template-columns: 21.528vw 1fr;
    }

    .prepaid-scheme .prepaid-scheme-wrap .prepaid-block {
        grid-template-columns: 21.528vw 1fr 1fr 1fr;
        padding: 1.944vw 0;
        border-top: 0.069vw solid #E8E8E8;
    }

    .prepaid-scheme .prepaid-scheme-wrap .prepaid-block .card-detail {
        gap: 0.972vw;
    }

    .prepaid-scheme .prepaid-scheme-wrap .prepaid-block .card-detail .about-card h5 {
        font-size: 1.111vw;
    }

    .prepaid-scheme .prepaid-scheme-wrap .prepaid-block .card-detail .about-card p {
        font-size: 0.833vw;
    }

    .prepaid-scheme .prepaid-scheme-wrap .prepaid-block .card-feature p {
        font-size: 0.972vw;
    }

    .prepaid-scheme .package .package-wrap {
        padding: 3.403vw;
        max-width: 41.667vw;
        border-radius: 1.389vw;
    }

    .prepaid-scheme .package .package-wrap h4 {
        font-size: 2.431vw;
        margin-bottom: 4.861vw;
    }

    .prepaid-scheme .package .package-wrap button {
        max-width: 17.361vw;
        padding: 0.764vw;
        border-radius: 0.347vw;
        font-size: 0.903vw;
    }




    .slick-prev {
        width: 2.778vw;
        height: 2.778vw;
        width: 5.069vw;
        height: 4.931vw;
    }

    .slick-next {
        width: 2.778vw;
        height: 2.778vw;
        width: 5.069vw;
        height: 4.931vw;
    }

    .slick-dots li {
        width: 0.833vw;
        height: 0.833vw;
    }

    .slick-dots li.slick-active {
        width: 3.125vw;
        height: 0.833vw;
        border-radius: 5.417vw;
    }

    .slick-dots li button {
        width: 0.833vw;
        height: 0.833vw;
    }





    /* Mega menu css */
    .cus-mega-menu {
        /* top: 5.278vw; */
        padding: 2.014vw 0;
    }

    .cus-mega-menu .mega-menu-wrap {
        gap: 4.722vw;
    }

    .cus-mega-menu .mega-menu-wrap .mega-menu-box {
        padding: 2.361vw 0;
        border-radius: 0.694vw;
    }

    .cus-mega-menu .mega-menu-wrap .mega-menu-box img {
        width: 3.611vw;
    }

    .cus-mega-menu .mega-menu-wrap .mega-menu-box .mega-menu-content h4 {
        font-size: 1.25vw;
        gap: 0.417vw;
    }

    .cus-mega-menu .mega-menu-wrap .mega-menu-box .mega-menu-content h4 span.new-tag {
        font-size: 0.764vw;
        padding: 0 0.347vw;
        border-radius: 0.278vw;
    }

    .cus-mega-menu .mega-menu-wrap .mega-menu-box .mega-menu-content p {
        font-size: 0.833vw;
        max-width: 13.472vw;
    }




    /* hardware section css */

    .hardware .cus-container {
        max-width: 84.028vw;
        padding: 0 1.042vw;
    }

    .hardware .nav {
        gap: 6.25vw;
        margin-bottom: 4.861vw;
    }

    .hardware .nav .nav-link {
        padding: 0.486vw 1.806vw;
        font-size: 1.667vw;
        min-width: 17.361vw;
        border-radius: 0.694vw;
    }

    .hardware .tab-heading h2 {
        font-size: 3.333vw;
        /* line-height: 5.694vw; */
    }

    .hardware .tab-heading p {
        font-size: 1.667vw;
        line-height: 2.847vw;
    }

    .hardware .hardware-wrap {
        margin-top: 4.861vw;
        gap: 8.681vw;
    }

    .hardware .hardware-wrap.hardware-phone {
        gap: 8.681vw;
    }

    .hardware .hardware-wrap.hardware-phone .hardware-box {
        max-width: 21.528vw;
    }

    .hardware .hardware-wrap .hardware-box {
        padding: 1.389vw;
        border-radius: 0.694vw;
    }

    .hardware .hardware-wrap .hardware-box figure {
        max-height: 13.611vw;
        min-height: 13.611vw;
    }

    .hardware .hardware-wrap .hardware-box figure.position-right-20 {
        right: -1.389vw;
    }

    .hardware .hardware-wrap .hardware-box figure.position-right-25 {
        right: -1.736vw;
    }

    .hardware .hardware-wrap .hardware-box h4 {
        font-size: 1.389vw;
        line-height: 2.361vw;
        margin-bottom: 0.694vw;
        max-width: 15.278vw;
    }

    .hardware .hardware-wrap .hardware-box h5 {
        font-size: 0.972vw;
        line-height: 1.875vw;
        margin-bottom: 0;
    }

    .hardware .hardware-wrap .hardware-box p {
        font-size: 0.833vw;
        line-height: 1.389vw;
        margin-bottom: 0.694vw;
    }

    .hardware .hardware-wrap .hardware-box .fee {
        margin-bottom: 1.25vw;
    }

    .hardware .hardware-wrap .hardware-box .fee span {
        font-size: 0.833vw;
        line-height: 1.389vw;
    }

    .hardware .hardware-wrap .hardware-box .add-basket-btn {
        font-size: 0.972vw;
        line-height: 1.667vw;
        border-radius: 0.694vw;
        padding: 0.556vw;
        margin-bottom: 16px;
    }

    .hardware .hardware-wrap .hardware-box .more-info {
        font-size: 0.972vw;
        line-height: 1.667vw;
        border-radius: 0.694vw;
        padding: 0.556vw;
    }

    .merchant-banner .support-banner-img {
        max-width: 38.611vw !important;
    }


    /* Discount section css */

    .discount-pricing {
        padding: 10.486vw 0;
    }

    .discount-pricing .discount-pricing-wrap h5 {
        font-size: 1.667vw;
        line-height: 2.986vw;
        padding: 0.417vw 2.083vw;
        border-radius: 0.694vw;
        margin-bottom: 2.083vw;
    }

    .discount-pricing .discount-pricing-wrap h2 {
        font-size: 3.333vw;
        line-height: 4.097vw;
        max-width: 40.278vw;
        margin-bottom: 2.083vw;
    }

    .discount-pricing .discount-pricing-wrap p {
        font-size: 1.111vw;
        line-height: 1.667vw;
        max-width: 39.167vw;
        margin-bottom: 2.083vw;
    }

    .discount-pricing .discount-pricing-wrap .cus-banner-btn {
        padding: 0.972vw 4.861vw 0.972vw 1.875vw;
        border-radius: 3.056vw;
        margin-top: 2.778vw;
        font-size: 1.111vw;
    }

    .discount-pricing .discount-pricing-wrap .cus-banner-btn:hover span {
        transform: translateX(0.694vw);
    }

    .discount-pricing .discount-pricing-wrap .cus-banner-btn span {
        border: 0.278vw solid #fff;
        right: -0.069vw;
        width: 3.611vw;
        height: 3.611vw;
    }

    .discount-pricing .discount-pricing-wrap .cus-banner-btn img {
        max-width: 1.528vw;
    }


    /* the perks css */

    .the-perks {
        padding: 4.028vw 0 4.861vw;
    }

    .the-perks .section-heading {
        margin-bottom: 4.514vw;
    }

    .the-perks .section-heading h2 {
        font-size: 3.333vw;
        line-height: 5.694vw;
    }

    .the-perks .the-perks-wrap {
        margin-bottom: 4.861vw;
    }

    .the-perks .the-perks-wrap .box {
        padding: 2.083vw 2.083vw 1.667vw 2.083vw;
        border-radius: 1.042vw;
        max-width: 21.528vw;
    }

    .the-perks .the-perks-wrap .box figure img{
        max-width: 4.167vw;
    }

    .the-perks .the-perks-wrap .box h4 {
        font-size: 1.667vw;
        line-height: 2.014vw;
        margin-bottom: 1.667vw;
    }

    .the-perks .the-perks-wrap .box p {
        font-size: 1.042vw;
        line-height: 1.25vw;
    }


    /* debit collection css */

    .debit-collection {
        padding: 6.458vw 0 4.167vw;
    }

    .debit-collection .box h2 {
        font-size: 3.333vw;
        line-height: 4.097vw;
        margin-bottom: 2.639vw;
    }

    .debit-collection .box p {
        font-size: 1.111vw;
        line-height: 1.875vw;
        margin-bottom: 2.639vw;
    }

    .debit-collection .box .fee {
        margin-bottom: 2.639vw;
    }

    .debit-collection .box .fee h4 {
        font-size: 1.389vw;
        line-height: 1.875vw;
    }

    .debit-collection .box .fee p {
        font-size: 1.389vw;
        line-height: 1.875vw;
    }


    .debit-collection .box a {
        font-size: 1.111vw;
        line-height: 1.875vw;
        gap: 0.486vw;
    }

    .debit-collection .box a img {
        max-width: 1.528vw;
    }

    .debit-collection figure {
        max-width: 20.833vw;
    }


    /* Custom Branded Invoice css */

    .cus-brand-invoice {
        padding: 7.986vw 0 3.472vw;
    }

    .cus-brand-invoice .box {
        gap: 2.639vw;
    }

    .cus-brand-invoice .box h2 {
        font-size: 3.333vw;
        margin-top: 6.528vw;
    }

    .cus-brand-invoice .box p {
        font-size: 1.111vw;
    }

    .cus-brand-invoice .box .transaction h5 {
        font-size: 1.389vw;
    }

    .cus-brand-invoice .box .transaction span {
        font-size: 1.389vw;
    }

    .cus-brand-invoice .box a {
        font-size: 1.111vw;
        gap: 0.833vw;
    }

    .cus-brand-invoice .box a img {
        max-width: 1.528vw;
    }

    /* Simple Reliable css */

    .simple-reliable {
        padding: 4.028vw 0 5.208vw;
    }

    .simple-reliable .section-heading {
        max-width: 54.861vw;
    }

    .simple-reliable .section-heading h2 {
        font-size: 3.333vw;
        line-height: 5.694vw;
    }

    .simple-reliable .section-heading p {
        font-size: 1.111vw;
        line-height: 1.667vw;
    }

    .simple-reliable .simple-reliable-wrap {
        margin-top: 4.861vw;
    }

    .simple-reliable .simple-reliable-wrap .box {
        border-radius: 1.042vw;
        padding: 2.083vw 2.083vw 2.431vw;
        max-width: 21.528vw;
    }

    .simple-reliable .simple-reliable-wrap .box figure {
        margin-bottom: 1.528vw;
    }

    .simple-reliable .simple-reliable-wrap .box figure img {
        max-width: 4.167vw;
    }

    .simple-reliable .simple-reliable-wrap .box h4 {
        font-size: 1.667vw;
        line-height: 2.014vw;
        margin-bottom: 0.833vw;
    }

    .simple-reliable .simple-reliable-wrap .box p {
        font-size: 1.042vw;
        line-height: 1.25vw;
    }

    .simple-reliable .cus-banner-btn {
        padding: 1.111vw 4.861vw 1.111vw 2.361vw;
        border-radius: 3.056vw;
        margin-top: 3.819vw;
        font-size: 1.389vw;
    }

    .simple-reliable .cus-banner-btn span {
        right: -0.833vw;
        width: 4.306vw;
        height: 4.306vw;
    }

    .simple-reliable .cus-banner-btn span img {
        max-width: 1.806vw;
    }

    .simple-reliable .have-question {
        padding: 3.125vw 0 0;
    }


    /* Product Detail css */



    .product-detail {
        padding: 8.333vw 0 0;
    }


    .product-detail .product-slider .product-slider-nav {
        border-radius: 1.389vw;
        padding: 1.389vw 0;
    }

    .product-detail .product-slider .product-slider-nav .box {
        max-width: 34.028vw;
        max-height: 28.472vw;
    }

    .product-detail .product-slider .product-slider-nav .slick-prev,
    .product-detail .product-slider .product-slider-nav .slick-next {
        width: 3.472vw;
        height: 3.472vw;
    }

    .product-detail .product-slider .product-slider-nav .slick-prev img,
    .product-detail .product-slider .product-slider-nav .slick-next img {
        width: 1.389vw;
    }

    .product-detail .product-slider .product-slider-content {
        margin-top: 2.083vw;
    }

    .product-detail .product-slider .product-slider-content .box {
        max-width: 6.944vw;
        margin: 0 0.868vw;
        padding: 0.556vw;
        border-radius: 0.347vw;
        border: 0.139vw solid transparent;
        height: 6.25vw;
    }

    .product-detail .product-slider .product-slider-content .slick-current .box {
        border: 0.139vw solid #316AFF;
    }

    .product-detail .product-detail-box h2 {
        font-size: 2.778vw;
        /* line-height: 4.722vw; */
    }

    .product-detail .product-detail-box p {
        font-size: 1.33vw;
        line-height: 2.292vw;
    }

    .product-detail .product-detail-box h4 {
        font-size: 2.222vw;
        line-height: 3.75vw;
    }

    .product-detail .product-detail-box .shipping-return {
        margin-top: 2.292vw;
    }

    .product-detail .product-detail-box .shipping-return .shipping,
    .product-detail .product-detail-box .shipping-return .product-return {
        margin-bottom: 1.111vw;
        gap: 1.25vw;
        font-size: 1.138vw;
        line-height: 1.944vw;
    }

    .increase-product {
        padding: 0.903vw 2.083vw;
        border-radius: 6.944vw;
        margin-right: 2.778vw;
    }

    .increase-product input {
        width: 3.472vw;
    }

    .product-add-btn {
        padding: 0.833vw 3.125vw;
        border-radius: 6.944vw;
        gap: 0.556vw;
        font-size: 1.111vw;
        line-height: 1.875vw;
    }

    .product-detail .product-detail-box .btn-box {
        margin-top: 2.639vw;
    }

    .transaction-fee {
        gap: 3.472vw;
        margin-top: 4.167vw;
    }

    .transaction-fee .box {
        border-radius: 0.665vw;
        padding: 1.736vw 2.083vw;
    }

    .transaction-fee .box h4 {
        font-size: 1.596vw;
        line-height: 2.708vw;
        margin-bottom: 1.736vw;
    }

    .transaction-fee .box:last-child {
        gap: 0.694vw;
    }

    .transaction-fee .box .detail-box {
        gap: 3.472vw;
        margin-bottom: 1.042vw;
    }

    /* .transaction-fee .box .detail-box img {
        max-width: 17.986vw;
    } */

    .transaction-fee .box p {
        font-size: 1.197vw;
        line-height: 2.014vw;
    }

    .transaction-fee .box .detail-box span {
        font-size: 1.197vw;
        line-height: 2.014vw;
    }

    .transaction-fee .box:last-child h3 {
        font-size: 2.083vw;
        line-height: 3.542vw;
        margin-bottom: 1.25vw;
    }

    .transaction-fee .box:last-child h5 {
        font-size: 1.89vw;
        line-height: 3.194vw;
    }

    .transaction-fee .box:last-child a {
        gap: 0.833vw;
        border-radius: 1.042vw;
        font-size: 1.284vw;
        line-height: 2.153vw;
        padding: 2.5vw 1.389vw;
    }

    /* Specification css */

    .specification-main {
        padding: 6.944vw 0;
    }

    .specification-main h2 {
        font-size: 2.222vw;
        line-height: 3.75vw;
        margin-bottom: 2.778vw;
    }

    .specification {
        background-size: 100% 57.639vw;
        margin-bottom: 2.778vw;
    }

    .specification .specification-wrap {
        gap: 2.778vw 3.125vw;
    }

    .specification .specification-wrap .box {
        max-height: 17.361vw;
        min-height: 17.361vw;
        padding: 2.083vw;
        border-radius: 2.083vw;
    }

    .specification .specification-wrap .box .box-title h4 {
        font-size: 1.944vw;
        line-height: 3.333vw;
    }

    .specification .specification-wrap .box .box-title img {
        max-width: 2.778vw;
    }

    .specification .specification-wrap .box p {
        margin-top: 2.569vw;
        font-size: 1.389vw;
        line-height: 2.361vw;
        margin-bottom: 0;
    }

    .specification .specification-wrap .box:nth-child(3) p{
        margin-top: 0.694vw;
    }


    .accessories .accessories-wrap {
        gap: 2.778vw 5.694vw;
    }

    .accessories .accessories-wrap .box {
        border-radius: 0.694vw;
        padding: 1.389vw;
        border: 0.208vw solid transparent;
    }

    .accessories .accessories-wrap .box img {
        max-width: 14.306vw;
    }

    .accessories .accessories-wrap .box:hover {
        border: 0.208vw solid #316AFF;
    }

    .accessories .accessories-wrap .box p {
        font-size: 1.667vw;
        line-height: 2.847vw;
    }

    /* Expense Management css */

    .expense-management-banner {
        padding-top: 6.94vw;
    }

    .expense-management-banner .cus-container {
        max-width: 84.72vw;
    }

    .expense-management-banner .expense-management-wrap {
        gap: 3.13vw;
    }

    .expense-management-banner .box {
        max-width: 35.28vw;
    }

    .expense-management-banner .box h2 {
        font-size: 4.44vw;
        line-height: 5.49vw;
        margin-bottom: 2.64vw;
    }

    .expense-management-banner .box p {
        font-size: 1.11vw;
        line-height: 1.88vw;
    }

    .expense-management-banner figure {
        bottom: -3.47vw;
        max-width: 42.014vw;
    }

    /* In control css */

    .in-control {
        padding: 4.86vw 0 0;
    }

    .in-control .cus-container {
        max-width: 84.03vw;
        padding: 0 1.04vw;
    }

    .in-control .in-control-wrap .box {
        max-width: 33.33vw;
    }

    .in-control .in-control-wrap .box h2 {
        font-size: 3.33vw;
        line-height: 4.10vw;
        margin-bottom: 2.78vw;
    }

    .in-control .in-control-wrap .box p {
        font-size: 1.11vw;
        line-height: 1.88vw;
        max-width: 29.51vw;
    }

    .in-control .in-control-wrap .image-box .in-control-img {
        max-width: 35.486vw;
    }

    .in-control .in-control-wrap .image-box .in-control-bg {
        right: 1.39vw;
        bottom: 3.47vw;
        max-width: 32.014vw;
    }

    /* Design Card css */

    .design-card {
        max-width: 100vw;
        min-height: 57.639vw;
    }

    /* .design-card-wrap figure{
        max-width: 57.986vw;
    } */


    .design-card-wrap .box {
        max-width: 27.57vw;
        margin-top: 19.861vw;
    }

    .design-card-wrap .box h2 {
        font-size: 3.33vw;
        line-height: 4.10vw;
        margin-bottom: 2.78vw;
    }

    .design-card-wrap .box p {
        font-size: 1.11vw;
        line-height: 1.88vw;
    }

    /* Quickbook css */

    .quickbook {
        padding: 7.986vw 0;
    }

    .quickbook .quickbook-wrap .box span {
        font-size: 1.47vw;
        padding: 0 0.73vw;
        border-radius: 0.49vw;
        margin-bottom: 0.83vw;
    }

    .quickbook .quickbook-wrap .box h2 {
        font-size: 3.33vw;
        line-height: 4.10vw;
        margin-bottom: 2.78vw;
    }

    .quickbook .quickbook-wrap .box p {
        font-size: 1.11vw;
        line-height: 1.88vw;
    }

    .quickbook .quickbook-detail .box {
        max-width: 18.61vw;
        padding: 2.08vw 1.39vw;
        border-radius: 0.69vw;
        gap: 0.69vw;
    }

    .quickbook .quickbook-detail .box:nth-child(2) h4,
    .quickbook .quickbook-detail .box:nth-child(4) h4 {
        margin-top: 0.69vw;
    }

    .quickbook .quickbook-detail .box h4 {
        font-size: 1.67vw;
        line-height: 1.81vw;
    }

    .quickbook .quickbook-detail .box p {
        font-size: 1.11vw;
        line-height: 1.88vw;
    }

    /* Spend smart css */

    .spend-smart {
        margin-top: 9.72vw;
        padding-bottom: 6.94vw;
    }

    .spend-smart .spend-smart-bg {
        top: -8.33vw;
        max-height: 56.25vw;
    }

    .spend-smart .box {
        max-width: 27.50vw;
        margin-top: 12.639vw;
    }

    .spend-smart .box h2 {
        font-size: 3.33vw;
        line-height: 4.10vw;
        margin-bottom: 2.78vw;
    }

    .spend-smart .box p {
        font-size: 1.11vw;
        line-height: 1.88vw;
    }

    .spend-smart figure {
        max-width: 23.61vw;
        margin: 1.389vw auto 0;
    }
    
    .spend-smart figure img{
        border-radius: 3.611vw;
        box-shadow: 0.903vw 1.319vw 1.25vw 0 #0000001A;
    }

    .font-16 {
        font-size: 1.111vw !important;
        margin-bottom: 1.458vw !important;
    }
}

@media (max-width: 1200px) {
    .design-card {
        background-size: contain;
    }

    /* .design-card .design-card-wrap .box{
        margin-top: 27.861vw;
    } */
    .privacy-banner {
        margin-bottom: -1px;
    }
}

@media (max-width: 991px) {

    .container {
        max-width: 100%;
    }

    /* Banner css */
    /* .navbar-wrap .navbar .navbar-nav {
        align-items: center;
    } */

    /* .navbar-wrap .cus-signin-btn{
        margin: 0 auto;
    } */
    .navbar-wrap .navbar .cus-btn-grp {
        /* justify-content: center; */
        flex-direction: column;
        gap: 15px;
        margin-top: 30px;
        align-items: flex-start !important;
    }

    .navbar-wrap .navbar .navbar-nav li {
        padding: 10px 0;
    }

    .navbar-wrap .navbar .navbar-nav a,
    .navbar-wrap .navbar .navbar-nav .dropdown button {
        padding: 10px 0 !important;
    }

    .navbar-wrap .navbar .navbar-nav a {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .cus-offcanvas,
    .overlay-offcanvas{
        height: calc(100% - 90px);
        top: 90px;
    }

    .banner {
        padding: 110px 0 120px;
    }

    .banner .banner-wrap .content h1 {
        font-size: 40px;
    }

    .banner .banner-wrap .content p {
        font-size: 15px;
    }

    .one-app .cus-tabing-btn-grp h2 {
        font-size: 30px;
    }

    /* .one-app .cus-tabing-btn-grp {
        margin-left: 15px;
    } */

    .one-app .cus-tabing-btn-grp .nav-link {
        padding: 18px;
    }

    .one-app .cus-tabing-btn-grp .nav-link h4 {
        font-size: 16px;
    }

    .one-app .cus-tabing-btn-grp .nav-link p {
        font-size: 15px;
    }

    .manage .manage-wrap .content h2 {
        font-size: 30px;
    }

    .manage .manage-wrap .content p {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .real-time .real-time-wrap .box-img {
        padding-top: 70px;
    }

    .real-time .real-time-wrap .content h2 {
        font-size: 30px;
    }

    .real-time .real-time-wrap .content p {
        font-size: 15px;
    }

    .why-choose h2 {
        font-size: 30px;
    }

    .why-choose .sec-1 .content h3 {
        font-size: 25px;
    }

    .why-choose .sec-1 .content p {
        font-size: 15px;
    }

    .why-choose .sec-2 .left-box h3,
    .why-choose .sec-2 .right-box h3 {
        font-size: 25px;
    }

    .why-choose .sec-2 .left-box p,
    .why-choose .sec-2 .right-box p {
        font-size: 15px;
    }

    .why-choose .sec-3 .box-1 h3 {
        font-size: 25px;
    }

    .why-choose .sec-3 .box-1 p {
        font-size: 15px;
    }

    .why-choose .sec-3 .box-2 h3 {
        font-size: 20px;
    }

    .why-choose .sec-3 .box-3 h3 {
        font-size: 25px;
    }

    /* .faq .faq-wrap .faq-box h2{
        font-size: 30px;
    }
    .faq .faq-wrap .faq-box p{
        font-size: 15px;
    } */

    .download-app .download-app-wrap .content h2 {
        font-size: 30px;
    }

    .download-app .download-app-wrap .content p {
        font-size: 15px;
    }

    .download-app .download-app-wrap {
        flex-direction: column;
        padding: 30px;
        background: #232323;
    }
    .download-app .download-app-wrap .img-box img{
        margin-top: 30px;
    }

    .download-app .download-app-wrap.p-991-0 {
        padding: 30px 30px 0;
    }

    .download-app .download-app-wrap .img-box {
        position: relative !important;
        right: unset;
    }

    .finance-banner .content h2 {
        font-size: 40px;
    }

    .finance-banner .content p {
        font-size: 15px;
    }

    .finance-banner .content ul {
        grid-template-columns: 1fr;
    }

    .finance-banner .content ul li {
        font-size: 14px;
    }

    .finance-banner .content .book-btn {
        margin-top: 30px;
    }

    .prepaid-card .content h2 {
        font-size: 40px;
    }

    .prepaid-card .content p {
        font-size: 15px;
    }

    .send-receive-money .content p {
        font-size: 15px;
    }

    .collect-payment .content h2 {
        font-size: 40px;
    }

    .collect-payment .content p {
        font-size: 15px;
    }

    .merchant-service .content h2 {
        font-size: 40px;
    }

    .merchant-service .content p {
        font-size: 15px;
    }

    .organize-money h2 {
        font-size: 40px;
    }

    .organize-money p {
        font-size: 15px;
    }

    .organize-money .feature {
        grid-template-columns: repeat(3, 1fr);
    }

    .organize-money .feature .box h5 {
        font-size: 15px;
    }

    .manage-it h2 {
        font-size: 40px;
    }

    .manage-it .box-container .box h5 {
        font-size: 15px;
    }

    .team-spending h2 {
        font-size: 40px;
    }

    .team-spending p {
        font-size: 15px;
    }

    .faq .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
        font-size: 16px;
    }

    .faq .faq-wrap .accordion .accordion-item .accordion-body {
        font-size: 15px;
    }

    .support-banner .support-banner-wrap h2 {
        font-size: 40px;
    }

    .have-question .have-question-wrap {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .have-question .have-question-wrap .box:nth-child(1) {
        order: 1;
    }

    .have-question .have-question-wrap .box:nth-child(2) {
        order: 3;
    }

    .have-question .have-question-wrap .box:nth-child(3) {
        order: 4;
    }

    .have-question .have-question-wrap .box:nth-child(4) {
        order: 2;
    }

    .have-question .have-question-wrap .cus-chat-btn {
        display: block;
    }

    .create-account .create-account-form .cus-dual-text-field input,
    .create-account .create-account-form .cus-text-field input,
    .create-account .create-account-form .cus-textarea textarea,
    .create-account .create-account-form details {
        padding: 34px 25px;
        font-size: 18px;
    }

    .create-account .create-account-form .cus-dual-text-field {
        gap: 30px;
        margin-bottom: 30px;
    }

    .create-account .create-account-form .cus-text-field,
    .create-account .create-account-form .cus-textarea {
        margin-bottom: 30px;
    }

    .create-account .multi-select .option {
        padding: 25px 15px;
    }

    .login-panel .login-panel-wrap {
        grid-template-columns: 1fr;
    }

    .login-panel .login-panel-wrap .welcome-box {
        padding-top: 120px;
    }

    .login-panel .login-panel-wrap .welcome-box .login-img {
        max-width: 220px;
    }

    .login-panel .login-panel-wrap .login-box {
        margin: 120px auto 0;
    }

    .login-panel .login-panel-wrap .login-box .login-btn {
        margin: 40px auto;
    }

    .know-us .know-us-wrap .section-heading h2 {
        font-size: 40px;
    }

    .know-us .know-us-wrap .section-heading p {
        font-size: 18px;
    }

    .know-us .know-us-wrap .box h4 {
        font-size: 30px;
    }

    .know-us .know-us-wrap .box p,
    .know-us .know-us-wrap .box ul li {
        font-size: 18px;
    }

    .blog .blog-wrap .tab-content .cus-blog .blog-box .blog-img img {
        height: 250px;
    }

    .transaction-fee {
        flex-direction: column;
        gap: 30px;
    }

    .specification .specification-wrap {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .accessories .accessories-wrap {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .hardware .nav {
        gap: 30px;
    }

    .hardware .hardware-wrap {
        gap: 40px;
        grid-template-columns: 1fr 1fr;
    }

    .the-perks .the-perks-wrap {
        display: grid;
        gap: 30px;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .the-perks .the-perks-wrap .box {
        max-width: 100%;
    }

    .expense-management-banner .expense-management-wrap {
        flex-direction: column;
        gap: 0;
    }

    .expense-management-banner {
        clip-path: unset;
        padding-bottom: 50px;
    }

    .design-card-wrap {
        flex-direction: column-reverse;
    }

    .design-card {
        clip-path: unset;
        background: none;
    }

    .design-card-wrap figure {
        max-width: 100%;
        width: 100%;
        margin-bottom: 0;
    }

    .design-card-wrap .box {
        max-width: 100%;
        margin: 0 30px;
        padding: 30px 0;
    }

    .quickbook .quickbook-detail {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .quickbook .quickbook-detail .box {
        max-width: 100%;
    }

    .spend-smart .box {
        max-width: 100%;
        padding: 30px 0;
    }

    .simple-reliable .simple-reliable-wrap {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }

    .blogs {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .sameSpace {
        padding: 110px 0;
    }

    .banner {
        padding: 110px 0 0px;
    }

    .banner .banner-wrap .phone-box .phone-bg {
        margin: 0 auto;
        top: 30px;
        left: 0;
        right: 0;
    }

    .collect-payment .content h2 {
        font-size: 30px;
    }

    .merchant-service .content h2 {
        font-size: 30px;
    }

    .manage .manage-wrap,
    .real-time .real-time-wrap {
        flex-direction: column;
    }

    .manage {
        padding-top: 0;
    }

    .real-time .real-time-wrap {
        align-items: flex-start;
    }

    .real-time .real-time-wrap .content {
        padding: 30px;
    }

    .why-choose .sec-1 .row {
        flex-direction: column-reverse;
    }

    .why-choose .sec-1 .content {
        max-width: 100%;
        padding: 54px 39px;
    }

    .why-choose .sec-2 {
        margin-bottom: 0;
    }

    .download-app .download-app-wrap .content .download-btn {
        flex-direction: column;
        align-items: center;
    }

    .footer .footer-wrap ul {
        flex-wrap: wrap;
        padding-left: 0;
    }


    .footer .footer-wrap .policy-terms {
        flex-wrap: wrap;
    }

    .finance-banner .box {
        padding-left: 0;
    }

    .finance-banner .box .bank-card-img {
        margin: 0 auto;
    }

    .finance-banner .box .finance-banner-right {
        right: 0;
    }

    .finance-banner .content h2 {
        font-size: 30px;
    }

    .finance-banner .content p {
        font-size: 15px;
    }

    .finance-banner .content ul {
        grid-template-columns: 1fr;
    }

    .finance-banner .content .book-btn {
        margin-top: 20px;
        width: 100%;
        text-align: center;
    }

    .prepaid-card .content h2 {
        font-size: 30px;
        margin: 0 auto;
        text-align: center;
    }

    .prepaid-card .content p {
        font-size: 15px;
        margin: 14px auto 0;
        text-align: center;
    }

    .send-receive-money .row {
        flex-direction: column-reverse;
    }

    .send-receive-money .list {
        max-width: 100%;
    }

    .send-receive-money .content h2 {
        font-size: 30px;
        margin: 0 auto 14px;
        text-align: center;
    }

    .send-receive-money .content p {
        font-size: 15px;
        margin: 0 auto;
        text-align: center;
    }

    .send-receive-money .content ul li {
        font-size: 15px;
    }

    .debit-payment .content h2 {
        font-size: 30px;
    }

    .debit-payment .content p {
        font-size: 15px;
    }

    .collect-payment .content h2 {
        margin: 0 auto;
        text-align: center;
    }

    .collect-payment .content p {
        margin: 20px auto;
        text-align: center;
    }

    .merchant-service .row {
        flex-direction: column-reverse;
    }

    .merchant-service .content h2 {
        text-align: center;
        margin: 0 auto;
    }

    .merchant-service .content p {
        text-align: center;
        margin: 20px auto;
    }

    .organize-money h2 {
        font-size: 30px;
        margin: 0 auto;
        text-align: center;
    }

    .organize-money p {
        text-align: center;
        margin: 20px auto;
    }

    .organize-money .feature {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .manage-it h2 {
        text-align: center;
        margin: 0 auto 20px;
        font-size: 30px;
    }

    .manage-it .box-container .box h5 {
        max-width: 100%;
    }

    .team-spending h2 {
        font-size: 30px;
    }

    .faq .faq-wrap .title2 h2 {
        font-size: 30px;
    }

    .faq .faq-wrap .phone-box a,
    .faq .faq-wrap .email-box a {
        font-size: 15px;
    }

    .support-banner {
        padding-top: 140px;
    }

    .support-banner .support-banner-wrap h2 {
        text-align: center;
        margin-bottom: 30px;
    }

    .query .sidebar {
        height: 100%;
    }

    .query .sidebar .box {
        max-width: 100%;
        text-align: center;
    }

    .query .sidebar .box ul {
        padding-left: 0;
    }

    .query .cus-section {
        padding-top: 40px;
    }

    .create-account {
        padding: 130px 0 0;
    }

    .create-account h2 {
        font-size: 30px;
    }

    .create-account p {
        font-size: 18px;
    }

    .create-account .multi-select {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .create-account .create-account-form {
        margin-top: 50px;
    }

    .create-account .create-account-form .cus-dual-text-field input,
    .create-account .create-account-form .cus-text-field input {
        height: 75px;
        padding: 10px;
    }

    .create-account .create-account-form details {
        height: 75px;
        padding: 22px 10px;
    }

    .create-account .create-account-form .form-submit-btn {
        margin-top: 60px;
    }

    .create-account .create-account-form .cus-textarea textarea {
        height: 180px;
    }

    .create-account .create-account-form .cus-dual-text-field {
        grid-template-columns: 1fr;
    }

    .login-panel .login-panel-wrap .welcome-box .box {
        padding-left: 0;
        text-align: center;
    }

    .know-us .know-us-wrap .box h4 {
        font-size: 25px;
        margin-bottom: 20px;
    }

    .know-us .know-us-wrap .box p,
    .know-us .know-us-wrap .box ul li {
        font-size: 15px;
    }

    .know-us .know-us-wrap .cus-primary-btn {
        font-size: 15px;
        padding: 12px 20px;
    }

    .privacy-banner .privacy-banner-wrap h2 {
        font-size: 35px;
        text-align: center;
    }

    .privacy-banner .privacy-banner-wrap h5 {
        font-size: 18px;
        text-align: center;
    }

    .policy-condition .policy-condition-wrap .category .category-box {
        max-width: 100%;
    }

    .policy-condition .policy-condition-wrap .policy-content .box h4 {
        font-size: 20px;
    }

    .policy-condition .policy-condition-wrap .policy-content .box p,
    .policy-condition .policy-condition-wrap .policy-content .box ul li {
        font-size: 15px;
    }

    .prepaid-scheme .package .package-wrap {
        padding: 30px;
    }

    .prepaid-scheme .package .package-wrap h4 {
        font-size: 25px;
    }


    .the-perks .the-perks-wrap {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }

    .hardware .tab-heading h2 {
        font-size: 30px;
        line-height: 50px;
    }

    .hardware .tab-heading p {
        font-size: 22px;
    }

    .the-perks .section-heading h2 {
        font-size: 30px;
    }

    .expense-management-banner .box {
        text-align: center;
    }

    .expense-management-banner .box h2 {
        font-size: 45px;
        line-height: 50px;
    }

    .in-control .in-control-wrap {
        flex-direction: column;
        align-items: flex-start;
    }

    .in-control .in-control-wrap .box {
        max-width: 100%;
        padding-bottom: 50px;
    }

    .in-control .in-control-wrap .image-box .in-control-bg {
        bottom: 0;
    }

    .in-control .in-control-wrap .box h2 {
        font-size: 30px;
    }

    .in-control .in-control-wrap .box p {
        max-width: 100%;
    }

    .design-card-wrap .box h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }

    .quickbook .quickbook-wrap .box h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }

    .quickbook .quickbook-wrap .box span {
        font-size: 15px;
    }

    .spend-smart .box h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }

    .simple-reliable .simple-reliable-wrap {
        flex-direction: column;
    }

    .simple-reliable .simple-reliable-wrap .box {
        max-width: 100%;
    }

    .cus-brand-invoice {
        padding: 25px 0 50px;
    }

    .cus-brand-invoice figure {
        text-align: center;
    }

    .cus-brand-invoice .box {
        text-align: center;
        align-items: center;
        gap: 25px;
    }

    .cus-brand-invoice .box h2 {
        margin-top: 0;
        font-size: 35px;
    }
}

@media (max-width: 670px) {
    .specification .specification-wrap {
        grid-template-columns: 1fr;
    }

    .specification .specification-wrap .box {
        min-height: auto;
    }

    .hardware .hardware-wrap {
        gap: 20px;
    }

    .product-detail .product-slider .product-slider-nav .box {
        max-width: 250px;
    }

    .product-detail .product-slider .product-slider-nav .box img {
        width: 100%;
    }

    .blogs {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {


    /* .cus-card {
        width: 100%;
    } */

    .footer .footer-wrap .email-box {
        width: 100%;
        gap: 0;
    }

    .footer .footer-wrap .email-box .email-input {
        width: auto;
    }

    .footer .footer-wrap ul {
        gap: 30px;
    }

    .footer .footer-wrap .email-box button {
        padding: 18px 10px;
    }

    .why-choose .sec-2 .right-box-img img {
        width: 100%;
        padding: 0 20px;
    }

    .why-choose .sec-2 .right-box-img .balance-img {
        right: 0;
    }

    .manage-it .box-container {
        grid-template-columns: 1fr;
    }

    .support-banner .support-banner-wrap h2 {
        font-size: 25px;
    }

    .have-question .have-question-wrap {
        grid-template-columns: 1fr;
    }

    .have-question .have-question-wrap h4 {
        font-size: 21px;
        margin-bottom: 8px;
    }

    .have-question .have-question-wrap .box:nth-child(1) {
        order: 1;
    }

    .have-question .have-question-wrap .box:nth-child(2) {
        order: 2;
    }

    .have-question .have-question-wrap .box:nth-child(3) {
        order: 3;
    }

    .have-question .have-question-wrap .box:nth-child(4) {
        order: 4;
    }

    .create-account .multi-select {
        grid-template-columns: 1fr;
    }

    .create-account .create-account-form .cus-dual-text-field input,
    .create-account .create-account-form .cus-text-field input {
        font-size: 15px;
    }

    .blog .blog-wrap .tab-content .cus-blog .blog-box .blog-img img {
        height: auto;
    }

    .prepaid-scheme .prepaid-scheme-wrap .prepaid-block {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .product-detail .product-slider .product-slider-nav .slick-prev,
    .product-detail .product-slider .product-slider-nav .slick-next {
        width: 40px;
        height: 40px;
    }

    .product-detail .product-slider .product-slider-content .box {
        margin: 0 6px;
        padding: 5px 2px;
    }

    .transaction-fee .box .detail-box {
        flex-direction: column;
        align-items: flex-start;
    }

    .transaction-fee .box:last-child {
        flex-direction: column;
    }

    .transaction-fee .box:last-child a {
        width: 100%;
        justify-content: center;
    }

    .hardware .nav .nav-link {
        font-size: 20px;
        min-width: auto;
    }

    .accessories .accessories-wrap {
        grid-template-columns: 1fr;
    }

    .hardware .hardware-wrap {
        display: grid !important;
        grid-template-columns: 1fr;
        margin-top: 30px;
    }

    .hardware .hardware-wrap.hardware-phone .hardware-box {
        max-width: 100%;
    }

    .discount-pricing .discount-pricing-wrap h5 {
        font-size: 20px;
        padding: 6px 12px;
    }

    .discount-pricing .discount-pricing-wrap h2 {
        font-size: 30px;
        line-height: 39px;
    }

    .quickbook .quickbook-detail {
        grid-template-columns: 1fr;
    }

    .expense-management-banner .box h2 {
        font-size: 35px;
        line-height: 40px;
    }

    .in-control .in-control-wrap .box h2 {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .in-control .in-control-wrap .image-box {
        margin-top: 50px;
    }

    .in-control .in-control-wrap .image-box .in-control-bg {
        width: 100%;
    }

    .in-control .in-control-wrap .image-box .in-control-img {
        width: 100%;
    }

    .design-card-wrap .box h2,
    .quickbook .quickbook-wrap .box h2,
    .spend-smart .box h2,
    .transaction-fee .box:last-child h3,
    .product-detail .product-detail-box h2,
    .simple-reliable .section-heading h2,
    .debit-collection .box h2 {
        font-size: 25px;
        line-height: 30px;
    }

    .specification .specification-wrap .box,
    .transaction-fee .box {
        padding: 20px;
    }

    .specification .specification-wrap .box p {
        font-size: 16px;
        line-height: 28px;
    }

    .specification .specification-wrap .box .box-title h4 {
        font-size: 22px;
    }

    .simple-reliable .simple-reliable-wrap .box h4 {
        font-size: 18px;
    }

    .simple-reliable .section-heading h2 {
        margin-bottom: 20px;
    }

    .hardware .tab-heading h2 {
        font-size: 25px;
        line-height: 40px;
    }

    .hardware .tab-heading p {
        font-size: 18px;
        line-height: 30px;
    }
}