@media (max-width:768px) {
    .down-arrow-style {
        margin-left: 2vw;
        width: 3vw
    }

    .not-found .view-opport #offer {
        color: #fff;
        background-color: transparent;
        border: .1vw solid #fff;
        border-radius: 1.5vw;
        font-weight: 400;
        margin: 0 2vw 0 0;
        padding: 2vw 6vw;
        font-size: 3.5vw
    }

    .not-found .view-opport #contact {
        color: #fff;
        background-color: #e81c53;
        border: .1vw solid #e81c53;
        border-radius: 1.5vw;
        font-weight: 400;
        margin: unset;
        padding: 2vw 6vw;
        font-size: 3.5vw
    }

    .main-section .swiper, .xs-center-margin {
        margin-left: auto;
        margin-right: auto
    }

    .xs-h-auto {
        height: auto !important
    }

    .xs-h-10 {
        height: 10%
    }

    .xs-h-20 {
        height: 20%
    }

    .xs-h-30 {
        height: 30%
    }

    .xs-h-40 {
        height: 40%
    }

    .xs-h-50 {
        height: 50%
    }

    .xs-h-60 {
        height: 60%
    }

    .xs-h-70 {
        height: 70%
    }

    .xs-h-80 {
        height: 80%
    }

    .xs-h-90 {
        height: 90%
    }

    .xs-h-100 {
        height: 100%
    }

    .xs-w-10 {
        width: 10%
    }

    .xs-w-20 {
        width: 20%
    }

    .xs-w-30 {
        width: 30%
    }

    .xs-w-40 {
        width: 40%
    }

    .xs-w-50 {
        width: 50%
    }

    .xs-w-60 {
        width: 60%
    }

    .xs-w-70 {
        width: 70%
    }

    .xs-w-80 {
        width: 80%
    }

    .xs-w-90 {
        width: 90%
    }

    .blog-detail-section .blog-detail-group div .display-flex div, .blog-detail-section img, .blog-group img, .clients-section .clients-image .position-relative, .faq-section .take-offer .take-offer-form #business, .faq-section .take-offer .take-offer-form #mail, .faq-section .take-offer .take-offer-form #name, .faq-section .take-offer .take-offer-form form, .world-map img, .xs-w-100 {
        width: 100%
    }

    .client-comments-section .comment-swiper .swiper-slide, .xs-banner-positions-style {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .resp-pc {
        display: unset !important;
        align-items: unset !important
    }

    .reference-section .reference-content #tab, .resp-pc-flex-column {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .resp-pc-rest {
        position: relative !important;
        width: unset !important;
        left: unset !important;
        top: unset !important
    }

    .xs-t-a-last-center {
        text-align-last: center !important
    }

    .bid-section .view-opport, .faq-section .take-offer .contact-now-group .contact-now-head, .header-right, .main-section .swiper-slide .img-cover div img, .main-section .swiper-slide .img-cover h6, .section-tab-bar #market, .xs-sauce-style {
        display: none
    }

    .footer-responsive, .reference-section .reference-content, .xs-display-column {
        display: flex;
        flex-direction: column
    }

    .xs-banner-text {
        margin-top: 25% !important
    }

    .dropDownMenu, .xs-hide {
        display: none !important
    }

    .xs-direction-column-reverse {
        flex-direction: column-reverse
    }

    .xs-justify-flex-start {
        justify-content: flex-start !important
    }

    *, .section-tab-bar {
        user-select: none
    }

    .success-section {
        padding: 20vw 5vw;
        display: flex;
        align-items: center;
        flex-direction: column
    }

        .success-section img {
            display: flex;
            align-items: center;
            flex-direction: column;
            width: 75vw;
            margin-bottom: 5vw
        }

        .success-section h5 {
            font-size: 9vw;
            line-height: 11vw;
            font-weight: 500;
            color: #000;
            margin: unset
        }

        .success-section h6 {
            font-size: 4vw;
            line-height: 6vw;
            font-weight: 400;
            color: #919191;
            margin: 1vw 0 10vw;
            text-align: center
        }

        .success-section div {
            width: 100%;
            height: .5vw;
            background: #f51451
        }

    .about-section .about-top, .header-position {
        padding: 0 5vw
    }

    .demo-section .google-play-button {
        height: 15vw
    }

    .main-header {
        height: 15vw !important
    }

    .main-section {
        padding-top: 10vw
    }

    .header-nav {
        height: 100%;
        width: 100vw;
        margin-left: -100vw;
        top: 0;
        left: 0;
        background: linear-gradient(155deg,#f60855 0,#5e3b8e 90%);
        overflow-x: hidden;
        transition: .3s ease-out;
        display: flex;
        flex-direction: column
    }

        .app-bg .mobile-app-section .mobile-app-link, .header-nav .nav-head, .mobile-report-section .mobile-report-link, .qr-section .qr-demo-link, .self-service-section .self-service-link, .tablet-bg .tablet-menu-link, .takeaway-pos-section .takeaway-pos-link, .web-portal-section .web-portal-link {
            justify-content: center
        }

        .header-nav .nav-head {
            position: relative;
            align-items: center;
            height: 12.5%
        }

            .header-nav .nav-head .close-nav {
                position: absolute;
                height: 4vw;
                right: 7vw
            }

            .header-nav .nav-head .menulux-white {
                height: 5.13vw
            }

        .header-nav .nav-body {
            align-items: center;
            flex-direction: column;
            padding-bottom: 5vw;
            overflow: auto;
            height: 50%
        }

            .header-nav .nav-body .link-head {
                position: relative;
                display: block;
                font-size: 5.745vw;
                height: 8.745vw;
                color: #fff;
                margin: 3vw 0;
                border: none;
                padding: unset;
                text-align: center
            }

                .header-nav .nav-body .link-head i {
                    color: #ff84c1;
                    position: absolute;
                    margin-left: 2.5vw
                }

            .header-nav .nav-body .subhead-group {
                display: none;
                flex-direction: column;
                align-items: center
            }

                .header-nav .nav-body .subhead-group .link-subhead {
                    font-size: 4.5vw;
                    color: #fff;
                    margin-bottom: 3vw;
                    font-weight: 200
                }

            .header-nav .nav-body .toggle {
                padding: unset;
                margin: unset;
                border: unset;
                width: 100%;
                display: flex;
                flex-direction: column;
                align-items: center
            }

            .header-nav .nav-body .toggle-inner div {
                align-items: center;
                justify-content: center;
                flex-direction: column
            }

        .header-nav .nav-footer {
            align-items: center;
            justify-content: flex-end;
            flex-direction: column;
            height: 40%;
            margin-bottom: 5vw
        }

            .header-nav .nav-footer .phone-call {
                font-size: 5vw;
                color: #fff;
                padding: 2vw 8.5vw;
                background: #33e135;
                border-radius: 1.5vw;
                height: fit-content;
                display: flex;
                align-items: center
            }

                .header-nav .nav-footer .phone-call h6 {
                    font-size: 5.5vw;
                    color: #fff;
                    margin: unset
                }

                .header-nav .nav-footer .phone-call .phone-ico {
                    margin-right: 2vw;
                    height: 5.5vw
                }

            .header-nav .nav-footer .get-offer-now {
                font-size: 5vw;
                color: #fff;
                padding: 2vw 5vw;
                margin-bottom: 3vw;
                background-color: #e81c53;
                border-radius: 1.5vw;
                height: fit-content
            }

            .header-nav .nav-footer .nav-media-link {
                width: 8vw;
                margin: 10vw 2vw 0
            }

    .main-spacing {
        padding: 0
    }

        .main-spacing img {
            height: 50vw
        }

        .main-spacing .div-spacing {
            padding: 1.4vw .9vw .2vw 2.3vw
        }

            .main-spacing .div-spacing h1 {
                line-height: 3.75vw;
                font-size: 3.5vw;
                margin-bottom: .6vw;
                letter-spacing: .02vw
            }

            .main-spacing .div-spacing h6 {
                color: #ffd5d5;
                line-height: 1.32vw
            }

            .main-spacing .div-spacing .qr-mini-style {
                border-radius: 1.2vw;
                background: url(../../../assets/images/banner/qr-menu-mini.webp) bottom left/12vw no-repeat #fff;
                height: 12.2vw;
                width: 12.2vw
            }

                .main-spacing .div-spacing .qr-mini-style h6 {
                    color: #f61854;
                    font-size: .85vw;
                    padding-right: .85vw;
                    padding-top: .5vw;
                    line-height: 1.1
                }

            .main-spacing .div-spacing .waiter-mini-style {
                border-radius: 1.2vw;
                height: 9.4vw;
                width: 9.4vw;
                background-color: #5d3ee2;
                margin-left: 1.25vw
            }

                .main-spacing .div-spacing .waiter-mini-style h6 {
                    font-size: .85vw;
                    line-height: 1.1;
                    left: .85vw;
                    top: .5vw
                }

                .main-spacing .div-spacing .waiter-mini-style div {
                    background: url(../../../assets/images/banner/menulux-waiter-mini.webp) center/10vw no-repeat;
                    height: 10vw;
                    width: 10vw;
                    right: -4.2vw
                }

            .main-spacing .div-spacing .webstore-mini-style {
                border-radius: 1.2vw;
                height: 9.5vw;
                width: 9.5vw;
                background-color: #5d3ee2;
                margin-left: 2.75vw;
                margin-top: 1.25vw
            }

                .main-spacing .div-spacing .webstore-mini-style h6 {
                    font-size: .85vw;
                    line-height: 1.1;
                    right: .85vw;
                    top: .5vw
                }

                .main-spacing .div-spacing .webstore-mini-style div {
                    background: url(../../../assets/images/banner/web-store-mini.webp) bottom/11.5vw no-repeat;
                    height: 11.5vw;
                    width: 11.5vw;
                    left: -3.3vw;
                    bottom: .2vw
                }

            .main-spacing .div-spacing .report-mini-style {
                border-radius: 1.2vw;
                height: 12.5vw;
                width: 12.5vw;
                margin-left: 1.25vw
            }

                .main-spacing .div-spacing .report-mini-style h6 {
                    color: #f61854;
                    font-size: .85vw;
                    line-height: 1.1;
                    left: .85vw;
                    top: .5vw
                }

                .main-spacing .div-spacing .report-mini-style div {
                    background: url(../../../assets/images/banner/online-report-mini.webp) bottom/16vw no-repeat;
                    height: 16vw;
                    width: 16vw;
                    right: -4.1vw;
                    bottom: .75vw
                }

    .main-section .swiper {
        height: 100%;
        width: 100%
    }

    .main-section .swiper-slide {
        text-align: center;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .cafe-section-content .cafe-section-text, .main-section .swiper-content, .market-section-text, .restaurant-section .restaurant-section-text {
        align-items: center
    }

        .main-section .swiper-content h6 {
            text-align: center;
            font-size: 9vw;
            line-height: 11.5vw;
            margin-bottom: 4vw
        }

        .main-section .swiper-content .digital-text, .main-section .swiper-content .manage-text, .main-section .swiper-content .pos-text, .main-section .swiper-content .waiter-text {
            text-align: center;
            font-size: 5.5vw;
            line-height: 8vw;
            margin-bottom: 4vw;
            font-weight: 300;
            width: 90vw
        }

    .main-section .mySwiper .swiper-slide, .main-section .mySwiper .swiper-slide-thumb-active {
        opacity: 1;
        margin-right: 2vw !important;
        margin-left: 2vw !important;
        width: 13vw !important;
        padding: unset
    }

    .main-section .swiper-content a {
        font-size: 3.5vw;
        text-align: center;
        border: .11vw solid #e81c53;
        padding: 2vw 6vw;
        border-radius: 1.5vw;
        background-color: transparent;
        color: #e81c53;
        transition: .2s ease-out;
        height: auto
    }

        .main-section .swiper-content a:hover {
            font-size: 3.5vw;
            text-align: center;
            border: .11vw solid #e81c53;
            padding: 2vw 6vw;
            border-radius: 1.5vw;
            background-color: #e81c53;
            color: #fff;
            height: auto
        }

    .main-section .swiper-slide {
        margin: unset !important;
        background-size: cover;
        background-position: center;
        justify-content: space-around
    }

    .main-section .mainSwiper {
        height: 100%;
        padding-top: 5vw;
        margin-top: 6vw
    }

    .main-section .swiper-wrapper {
        align-items: flex-end
    }

    .main-section .mySwiper {
        height: 20%;
        box-sizing: border-box;
        margin: 11vw 0
    }

        .main-section .mySwiper .swiper-slide {
            background-color: #deaebb;
            height: .75vw;
            border: unset;
            border-radius: 50vw
        }

        .main-section .mySwiper .swiper-slide-thumb-active {
            background-color: #e81c53;
            height: 1.25vw;
            border: unset;
            border-radius: 50vw
        }

    .section-tab-bar #cafebar, .section-tab-bar #market, .section-tab-bar #restoran {
        height: 100vw;
        width: 90vw;
        margin: unset;
        border-radius: 4vw
    }

    .main-section .swiper-slide img {
        display: block;
        object-fit: cover
    }

    .main-section .swiper-slide .report-img {
        height: 50vw;
        width: auto;
        margin-bottom: 20vw
    }

    .main-section .swiper-slide .position-absolute {
        top: 10vw;
        right: 3vw
    }

    .main-section .swiper-slide .pos-img {
        height: 75vw;
        width: auto;
        margin-bottom: 5vw;
        margin-left: 15vw
    }

    .main-section .swiper-slide .app-img, .main-section .swiper-slide .waiter-img {
        height: 70vw;
        width: auto;
        margin-bottom: 5vw
    }

    .main-section .swiper-slide .app-img {
        margin-left: 7.5vw
    }

    .main-section .swiper-slide .img-cover div {
        position: relative;
        margin-right: .72vw;
        min-height: 0;
        min-width: 0;
        max-height: 0;
        max-width: 0;
        background: 0 0 !important
    }

    .main-section .swiper-first-img {
        justify-content: flex-end;
        background: url(../images/banner/menulux-pos-systems.webp) 7vw 4.5vw/95vw no-repeat
    }

        .main-section .swiper-first-img div {
            margin-right: 0;
            margin-top: 0
        }

    .section-tab-bar {
        background-color: #edf2f5;
        padding: 10vw 5vw
    }

        .section-tab-bar h6 {
            font-size: 9vw;
            line-height: 11.5vw;
            color: #000;
            margin-bottom: 4.16vw;
            margin-top: 0
        }

        .manage-business-section .manage-business-right .last-business, .section-tab-bar .tab-header {
            margin-bottom: 5vw
        }

            .section-tab-bar .tab-header div {
                background-color: #cad4d9;
                border-radius: 5vw;
                width: 90vw;
                height: auto;
                padding-right: .4vw;
                padding-left: .4vw
            }

                .section-tab-bar .tab-header div button {
                    cursor: pointer;
                    font-size: 3.5vw;
                    padding: 2vw 4vw;
                    white-space: nowrap;
                    height: auto
                }

        .section-tab-bar #restoran {
            background: url(../../../assets/images/hero/hero-restaurant.webp) top center/cover no-repeat
        }

        .section-tab-bar #cafebar {
            display: none;
            background: url(../../../assets/images/hero/hero-cafe-bar.webp) top center/cover no-repeat
        }

        .section-tab-bar #market {
            background: url(../../../assets/images/hero/hero-market.webp) top center/cover no-repeat
        }

        .section-tab-bar .hero-tab-content div {
            width: 60vw;
            border-radius: 2vw;
            margin: auto auto auto 5vw;
            padding: 4vw;
            position: relative;
            display: flex;
            align-items: flex-start;
            flex-direction: column;
            justify-content: space-between
        }

            .section-tab-bar .hero-tab-content div h6 {
                font-size: 4.5vw;
                margin: 0 11vw 4vw 0;
                line-height: 5.5vw;
                letter-spacing: 0;
                font-weight: 500
            }

            .section-tab-bar .hero-tab-content div p {
                margin-top: 0;
                margin-bottom: 4vw;
                color: #7c7c7c;
                font-size: 3.5vw;
                letter-spacing: unset;
                line-height: 5vw;
                font-weight: 300
            }

            .section-tab-bar .hero-tab-content div a {
                margin-top: 3vw;
                font-size: 3.5vw;
                text-align: center;
                border: .11vw solid #e81c53;
                padding: 2vw 6vw;
                border-radius: 1.5vw;
                background-color: #e81c53;
                color: #fff;
                height: auto
            }

                .section-tab-bar .hero-tab-content div a:hover {
                    font-size: 3.5vw;
                    background: 0 0;
                    border: .11vw solid #e81c53;
                    color: #e81c53 !important;
                    padding: 2vw 6vw;
                    border-radius: 1.5vw;
                    height: auto
                }

            .section-tab-bar .hero-tab-content div .mini-ico-style {
                font-size: 3.25vw;
                margin: 1vw 0 !important;
                color: #e81c53;
                width: 100%
            }

                .section-tab-bar .hero-tab-content div .mini-ico-style img {
                    margin-right: 2vw;
                    height: 3.5vw
                }

        .section-tab-bar .hero-tab-content {
            animation: .3s opac
        }

        .section-tab-bar .triple-info {
            margin-top: 3vw;
            justify-content: space-between
        }

            .section-tab-bar .triple-info div {
                width: 26vw
            }

                .section-tab-bar .triple-info div h6 {
                    font-size: 2.5vw;
                    color: #e81c53;
                    margin-bottom: 1vw
                }

                .section-tab-bar .triple-info div p {
                    font-size: 2vw;
                    color: #7c7c7c;
                    line-height: 2.5vw
                }

    .contact-section .form-contact .contact-detail div, .integrated-all, .market-section-text div a, .restaurant-content .content-text {
        margin: 0
    }

    .reference-clients {
        background: url(../../../assets/images/reference/reference-clients.webp) center/contain no-repeat;
        width: 90%;
        height: 100%;
        mix-blend-mode: multiply
    }

    .pos-group-box {
        display: flex;
        grid-gap: 5vw
    }

        .pos-group-box div {
            display: flex;
            flex-direction: column;
            align-items: center;
            background-color: #fcfeff;
            border-radius: 2.5vw;
            padding: 0vw 3vw 3vw 3vw;
            width: 75vw;
            box-shadow: 0 .5vw 2.5vw #0000001F;
        }

            .pos-group-box div .big-business, .pos-group-box div .medium-business, .pos-group-box div .small-business, .pos-group-box div .xsmall-business {
                width: 100%;
                color: #545454;
                width: fit-content;
                font-weight: 500;
                font-size: 5vw;
                height: 8vw;
                display: flex;
                align-items: center;
                justify-content: center
            }

            .pos-group-box div .xsmall-business {
                margin: 5vw 0 9.845vw;
                justify-content: center
            }

            .pos-group-box div .small-business {
                margin: 5vw 0 9.37vw;
                justify-content: center
            }

            .pos-group-box div .big-business {
                margin: 5vw 0 5vw;
                justify-content: center
            }

            .pos-group-box div .medium-business {
                margin: 5vw 0 5.155vw;
                justify-content: center
            }

            .pos-group-box div h5 {
                color: #707d84;
                text-align: center;
                font-size: 4.5vw;
                font-weight: 400;
                margin: 0 0 6vw
            }

            .pos-group-box div h6 {
                color: #4a4a4a;
                text-align: center;
                font-weight: 600;
                font-size: 4.5vw;
                margin: 0 0 1vw
            }

            .pos-group-box div p {
                color: #000000;
                text-align: center;
                font-size: 4vw;
                font-weight: 400;
                line-height: 6vw;
                margin-bottom: 6vw
            }

            .pos-group-box div .xsmall-img {
                margin: 0 0 6vw;
                display: flex;
                width: 60vw
            }

            .pos-group-box div .small-img {
                margin: 0 0 6vw;
                display: flex;
                width: 59vw
            }

            .pos-group-box div .big-img, .pos-group-box div .medium-img {
                margin: 0 0 6vw;
                display: flex;
                width: 45vw
            }

            .pos-group-box div .multiple-terminal {
                font-size: 3.75vw;
                color: #626262;
                font-weight: 400;
                background-color: #edf2f5;
                padding: 1.25vw 4vw;
                border-radius: 15vw;
            }

            .pos-group-box div .get-offer {
                padding: 2vw 6vw;
                color: white;
                background-color: #e81c53;
                width: 100%;
                text-align: center;
                transition: .25s ease-out;
                border-radius: 1.5vw;
                font-size: 3.5vw;
                border: .11vw solid #e81c53;
                height: auto;
                margin-top:3vw
            }

                .pos-group-box div .get-offer:hover {
                    background-color: transparent;
                    color: #e81c53;
                }

            .pos-group-box div .pos-group-prop {
                background: none;
                box-shadow: none;
                align-items: flex-start;
                border-radius: unset;
                padding: 6vw 3vw 0 3vw;
                border-top: unset;
            }

                .pos-group-box div .pos-group-prop h6 {
                    display: flex;
                    color: #666;
                    font-weight: 300;
                    font-size: 3.3vw;
                    letter-spacing: .02vw;
                    text-align: left;
                    margin-bottom: 3vw;
                    margin-left: 1vw;
                    align-items:center;
                }

                    .pos-group-box div .pos-group-prop h6 img {
                        margin-right: 2vw;
                        margin-top: .5vw;
                        height: fit-content;
                    }

                .pos-group-box div .pos-group-prop .pos-features {
                    max-height: 0;
                    overflow: hidden;
                    transition: max-height 0.3s ease-in-out;
                    display: unset !important;
                    padding: unset !important;
                    box-shadow: unset !important;
                    width: fit-content !important;
                    margin-left: 8vw;
                }

                .pos-group-box div .pos-group-prop .expanded {
                    max-height: 100vw
                }

                .pos-group-box div .pos-group-prop .expand-button {
                    cursor: pointer;
                    font-weight: 500;
                }

                    .pos-group-box div .pos-group-prop .expand-button .down-arrow {
                        cursor: pointer;
                        transition: .25s ease-in-out;
                        margin-top: 0;
                        margin-left: 1.5vw;
                        margin-right:0;
                        width:3.5vw;
                    }

                        .pos-group-box div .pos-group-prop .expand-button .down-arrow.flipped {
                            transform: rotate(-90deg);
                        }

    .bid-section {
        background-color: #edf2f5;
        padding: 10vw 0
    }

        .bid-section .need-help {
            font-size: 4vw;
            color: #7c7c7c;
            margin: 4vw 4vw 8vw
        }

            .bid-section .need-help a {
                color: #e81c53;
                text-decoration: underline
            }

            .bid-section .need-help i {
                color: #fd93b4
            }

        .bid-section .bid-flow-content {
            overflow: scroll;
            padding: 0 5vw 5vw;
            width: unset;
            margin: unset
        }

        .bid-section .bid, .bid-section .bid-premium {
            background-color: #fff;
            margin-right: 2vw;
            width: 60vw
        }

        .bid-section .bid-flow-content::-webkit-scrollbar {
            display: none
        }

        .bid-section .bid-premium {
            border-radius: 2.5vw;
            border: .1vw solid #1ec35a
        }

            .bid-section .bid-premium .best-seller-bg {
                background-color: #1ec35a;
                height: 6vw;
                border-top-right-radius: 1.833vw;
                border-top-left-radius: 1.833vw
            }

                .bid-section .bid-premium .best-seller-bg h6 {
                    font-size: 3vw;
                    letter-spacing: .15vw;
                    font-weight: 400;
                    margin: 0;
                    display: flex;
                    align-items: center
                }

            .bid-section .bid-premium .bid-premium-text {
                font-size: 4.5vw;
                color: #1ec35a;
                padding-top: 5vw;
                padding-bottom: 3vw;
                margin: 0
            }

            .bid-section .bid-premium .bid-premium-img {
                height: 24.5vw;
                margin: 2.5vw 0
            }

        .bid-section .bid {
            border-radius: 2.5vw;
            margin-top: 6vw;
            border: .1vw solid #d5d5d5
        }

            .bid-section .bid .bid-mini-text {
                font-size: 4.5vw;
                color: #747474;
                padding-top: 5vw;
                padding-bottom: 0;
                margin: unset
            }

            .bid-section .bid .bid-mini-img {
                height: 24vw;
                margin: 4vw 0
            }

            .bid-section .bid .elite-pos-img {
                height: 32vw;
                margin: 0
            }

            .bid-section .bid .bid-form-group, .bid-section .bid-premium .bid-form-group {
                line-height: 4vw;
                margin-bottom: 3vw
            }

                .bid-section .bid .bid-form-group .bid-text-group, .bid-section .bid-premium .bid-form-group .bid-text-group {
                    margin: 3.7vw 7vw
                }

                    .bid-section .bid .bid-form-group .bid-text-group img, .bid-section .bid-premium .bid-form-group .bid-text-group img {
                        width: 3.257vw;
                        margin-right: 1vw;
                        margin-top: .7vw
                    }

                    .bid-section .bid .bid-form-group .bid-text-group p, .bid-section .bid-premium .bid-form-group .bid-text-group p {
                        font-size: 3.5vw;
                        color: #7c7c7c;
                        line-height: 4.5vw;
                        margin-bottom: 0;
                        letter-spacing: .1vw
                    }

                .bid-section .bid .bid-form-group .pad-margin {
                    margin: .7vw 3vw
                }

        .bid-section .triple-info {
            flex-direction: column;
            padding: 10.5vw 10.5vw 0
        }

            .bid-section .triple-info div h6 {
                font-size: 4.5vw;
                margin: 2vw 0
            }

            .bid-section .triple-info div p {
                font-size: 3.5vw;
                line-height: 4.5vw;
                font-weight: 300;
                color: #7c7c7c;
                margin-bottom: 5vw
            }

    .web-pos-section {
        padding: 15vw 5vw;
        flex-direction: column
    }

        .web-pos-section .web-pos-inner {
            margin-right: 0;
            text-align: center;
            align-items: center
        }

        .web-pos-section img {
            height: 52.5vw;
            margin-bottom: 4vw
        }

        .web-pos-section a {
            font-size: 3.5vw;
            text-align: center;
            border: .11vw solid #e81c53;
            padding: 2vw 6vw;
            border-radius: 1.5vw;
            background-color: #e81c53;
            height: auto
        }

            .web-pos-section a:hover {
                font-size: 3.5vw;
                text-align: center;
                color: #e81c53 !important;
                border: .11vw solid #e81c53;
                padding: 2vw 6vw;
                border-radius: 1.5vw;
                background: 0 0;
                height: auto
            }

        .web-pos-section .web-pos-header {
            font-size: 4.5vw;
            color: #e81c53;
            margin-bottom: 3vw
        }

        .web-pos-section .web-pos-subhead {
            font-size: 9vw;
            color: #000;
            line-height: 11.5vw;
            margin-bottom: 7vw
        }

        .web-pos-section .web-pos-content {
            font-size: 3.37vw;
            line-height: 5.5vw;
            color: #7c7c7c;
            margin: 0 0 8vw;
            font-weight: 300
        }

    .digital-section {
        padding: 10vw 5vw;
        background-color: #edf2f5
    }

    .digital-section-tab h6 {
        font-size: 9vw;
        line-height: 11.5vw;
        margin-bottom: 4.16vw;
        margin-top: 0;
        padding-right: 0;
        padding-left: 0
    }

    .digital-section-tab div {
        background-color: #cad4d9;
        border-radius: 5vw;
        width: 90vw;
        height: auto;
        padding-right: .4vw;
        padding-left: .4vw;
        margin-bottom: 5vw
    }

    .digital-tab-link {
        cursor: pointer;
        font-size: 3.5vw;
        padding: 2vw 4vw;
        height: 8vw
    }

    .tab-link {
        cursor: pointer;
        font-size: 3.5vw;
        padding: 1.5vw 2.25vw
    }

    .digital-section .digital-tab-content {
        margin-top: 3vw;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center
    }

        .digital-section .digital-tab-content div {
            width: 100%;
            text-align: center;
            margin: 5vw 0 0;
            display: flex;
            flex-direction: column;
            align-items: center
        }

        .digital-section .digital-tab-content h6 {
            font-size: 4.5vw;
            line-height: 5.5vw;
            margin-bottom: 2vw;
            margin-top: 0;
            color: #000
        }

        .digital-section .digital-tab-content p {
            font-size: 3.37vw;
            line-height: 4.5vw;
            font-weight: 300;
            margin: 0 5vw 8vw
        }

        .digital-section .digital-tab-content a {
            font-size: 3.5vw;
            border: .11vw solid #e81c53;
            padding: 2vw 6vw;
            border-radius: 1.5vw;
            background-color: #e81c53;
            height: auto
        }

            .digital-section .digital-tab-content a:hover {
                font-size: 3.5vw;
                border: .11vw solid #e81c53;
                background-color: transparent;
                color: #e81c53 !important;
                padding: 2vw 6vw;
                border-radius: 1.5vw;
                height: auto
            }

    .lang-button, .login-button {
        border: .1vw solid #fff;
        color: #fff !important;
        font-weight: 400;
        height: fit-content;
        background-color: transparent;
        transition: .2s ease-out
    }

    .digital-section .digital-tab-content img {
        height: fit-content
    }

    .digital-section #qrMenu img {
        width: 60vw;
        animation: .3s fadeIn
    }

    .digital-section #tabletMenu img {
        width: 80vw;
        animation: .3s fadeIn;
        margin-bottom: 4vw;
        transform: rotate(180deg)
    }

    .digital-section #mobileApp img {
        width: 60vw;
        animation: .3s fadeIn;
        margin-bottom: 4vw
    }

    .login-button {
        font-size: 4.5vw;
        margin-bottom: 8vw;
        cursor: pointer;
        padding: 2vw 6vw;
        border-radius: 1.5vw
    }

        .login-button:hover {
            border: .1vw solid #e81c53;
            background-color: #e81c53;
            cursor: pointer;
            padding: 2vw 6vw;
            color: #fff !important
        }

    .lang-button {
        position: absolute;
        left: 7vw;
        font-size: 4.7vw;
        padding: 2vw 3vw;
        border-radius: 1.5vw
    }

        .lang-button:hover {
            border: .1vw solid #fff;
            background-color: #fff;
            color: #e81c53 !important
        }

    .manage-report-section, .terminal-solutions {
        padding: 10vw 0 0
    }

        .terminal-solutions .terminal-solutions-head {
            font-size: 9vw;
            margin-bottom: 4vw;
            margin-top: 0;
            line-height: 11.5vw;
            padding: 0 5vw
        }

        .terminal-solutions .terminal-solutions-subhead {
            font-size: 4vw;
            line-height: 5.5vw;
            color: #7c7c7c;
            margin-bottom: 10vw;
            padding: 0 5vw;
            font-weight: 300
        }

        .terminal-solutions .terminal-content-group {
            flex-direction: row;
            overflow: scroll;
            margin: 0
        }

            .terminal-solutions .terminal-content-group::-webkit-scrollbar {
                display: none
            }

        .terminal-solutions .terminal-content {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            margin: 0 5vw 12.5vw
        }

        .terminal-solutions .terminal-content-group .terminal-content img {
            height: 60vw
        }

        .terminal-solutions .terminal-content-group .terminal-content h6 {
            font-size: 5vw;
            color: #000;
            margin: 4vw 0 3vw 2vw
        }

        .terminal-solutions .terminal-content-group .terminal-content p {
            font-size: 4vw;
            color: #7c7c7c;
            line-height: 5vw;
            font-weight: 300;
            margin: 0 0 3vw 2vw
        }

        .terminal-solutions .terminal-content-group .terminal-content a {
            color: #e81c53;
            font-size: 3.5vw;
            border: .1vw solid #e81c53;
            background-color: transparent;
            padding: 2vw 6vw;
            border-radius: 1.25vw;
            margin: 0 0 3vw 2vw;
            height: auto
        }

            .terminal-solutions .terminal-content-group .terminal-content a:hover {
                color: #fff;
                font-size: 3.5vw;
                border: .1vw solid transparent;
                background-color: #e81c53;
                padding: 2vw 6vw;
                border-radius: 1.25vw;
                margin: 0 0 3vw 2vw;
                height: auto
            }

    .manage-business-section {
        margin-bottom: 0;
        flex-direction: column
    }

        .manage-business-section .manage-business-left {
            background-color: #edf2f5;
            width: 100%;
            padding: 10vw 5vw;
            flex-direction: column-reverse
        }

            .manage-business-section .manage-business-left img {
                height: 50vw;
                margin-top: 10vw
            }

            .manage-business-section .manage-business-left h6 {
                font-size: 9vw;
                color: #000;
                letter-spacing: 0;
                margin: 0 2vw;
                line-height: 11.5vw
            }

            .manage-business-section .manage-business-left p {
                font-size: 4vw;
                color: #7c7c7c;
                line-height: 5.5vw;
                margin-top: 5vw;
                font-weight: 300;
                margin-right: 3.5vw;
                margin-left: 3.5vw
            }

        .manage-business-section .manage-business-right {
            background-color: #edf2f5;
            width: 100%;
            padding: 0 11.5vw 11.5vw;
            display: flex;
            flex-direction: column;
            align-items: flex-start
        }

            .manage-business-section .manage-business-right h6 {
                font-size: 4.5vw;
                margin-bottom: 2vw;
                color: #ea3163
            }

            .manage-business-section .manage-business-right p {
                font-size: 3.37vw;
                font-weight: 300;
                line-height: 4.5vw;
                letter-spacing: 0;
                color: #636f76;
                margin-bottom: 7.3vw;
                margin-right: 0
            }

                .manage-business-section .manage-business-right p a {
                    text-decoration: underline;
                    color: #636f76;
                    font-weight: 500
                }

                    .footer-bottom a:hover, .footer-top .footer-content a:hover, .footer-top .footer-copyright a:hover, .manage-business-section .manage-business-right p a:hover, .manage-report-section .info-boxes a:hover {
                        opacity: .75
                    }

            .manage-business-section .manage-business-right .more-info {
                background-color: #e81c53;
                border: .1vw solid #e81c53;
                font-size: 3.5vw;
                border-radius: 1.25vw;
                padding: 2vw 6vw;
                color: #fff;
                height: auto
            }

                .manage-business-section .manage-business-right .more-info:hover {
                    background-color: transparent;
                    border: .1vw solid #e81c53;
                    font-size: 3.5vw;
                    border-radius: 1.25vw;
                    padding: 2vw 6vw;
                    color: #e81c53;
                    height: auto
                }

    .product-section {
        padding: 0;
        margin: 0
    }

        .product-section .product-sect-group {
            flex-direction: row;
            overflow-x: scroll;
            overflow-y: hidden;
            padding: 5vw 2vw 10vw 5vw
        }

            .product-section .product-sect-group::-webkit-scrollbar {
                display: none
            }

        .product-section .product-section-text {
            margin-bottom: 4.843vw;
            padding: 10vw 5vw 0
        }

            .product-section .product-section-text h6 {
                font-size: 9vw;
                line-height: 11.5vw;
                margin: 0 6vw 5vw
            }

            .product-section .product-section-text p {
                font-size: 3.5vw;
                white-space: unset;
                line-height: 5vw;
                margin: 0;
                font-weight: 300
            }

        .product-section .product-box-group {
            box-shadow: 0 10px 7px #00000014;
            border-radius: 2.5vw;
            margin-right: 3vw
        }

            .product-section .product-box-group img {
                height: 35vw
            }

            .product-section .product-box-group div {
                padding: 5vw 0
            }

            .product-section .product-box-group h6 {
                font-size: 4.5vw;
                margin: 0 0 2vw
            }

            .product-section .product-box-group p {
                font-size: 3vw;
                line-height: 4vw;
                margin: 0 0 3vw
            }

            .product-section .product-box-group a {
                font-size: 3vw;
                border: .1vw solid #e81c53;
                padding: .6vw 2vw;
                border-radius: 1vw;
                margin-right: 3vw;
                height: auto
            }

                .product-section .product-box-group a:hover {
                    font-size: 3vw;
                    border: .1vw solid #e81c53;
                    background-color: #e81c53;
                    color: #fff;
                    padding: .6vw 2vw;
                    border-radius: 1vw;
                    margin-right: 3vw;
                    height: auto
                }

    .faq-section {
        margin: 0;
        padding: 20vw 0 10vw
    }

        .faq-section .faq-header {
            font-size: 9vw;
            line-height: 11.5vw;
            margin: 0 6vw 7vw
        }

        .faq-section .take-offer {
            background-color: #edf2f5;
            border-radius: 2.5vw;
            width: 90vw;
            justify-content: space-between;
            flex-direction: column
        }

            .faq-section .take-offer .contact-now-group {
                padding-right: 0;
                padding-top: 0
            }

                .faq-section .take-offer .contact-now-group div {
                    margin: 9vw auto 60vw 9vw
                }

                .faq-section .take-offer .contact-now-group .phone {
                    margin-bottom: 4vw;
                    justify-content: flex-start
                }

                    .faq-section .take-offer .contact-now-group .phone img, .faq-section .take-offer .contact-now-group .whatsapp img {
                        height: 6vw;
                        margin: 0 2vw 0 0
                    }

                .faq-section .take-offer .contact-now-group .whatsapp {
                    justify-content: flex-start
                }

                .faq-section .take-offer .contact-now-group .phone-number {
                    color: #000;
                    font-size: 6vw;
                    margin: 0
                }

                .faq-section .take-offer .contact-now-group .contact-now-image {
                    margin-bottom: -7vw;
                    height: 60vw
                }

            .faq-section .take-offer .take-offer-form {
                padding: 7vw 9vw;
                margin-right: 0;
                width: 100%
            }

                .blog-detail-section .blog-detail-group div .display-flex, .blog-section .blog-group .blog-text div, .clients-section .clients-image .mb-125vw, .faq-section .take-offer .take-offer-form form div, .happy-customer-section .content-group-right, .market-section-text div, .qr-demos, .restaurant-section .restaurant-section-text div {
                    flex-direction: column
                }

                .faq-section .take-offer .take-offer-form #phone {
                    width: 100%;
                    margin-right: unset !important
                }

                .faq-section .take-offer .take-offer-form h6 {
                    font-size: 9vw;
                    line-height: 11.5vw;
                    margin: 0 20vw 7vw 0
                }

                .faq-section .take-offer .take-offer-form button {
                    font-size: 3.5vw;
                    border: .1vw solid transparent;
                    background-color: #e81c53;
                    padding: 2vw 6vw;
                    margin-top: 3vw;
                    border-radius: 1.5vw;
                    height: auto
                }

                    .faq-section .take-offer .take-offer-form button:hover {
                        font-size: 3.5vw;
                        border: .1vw solid #e81c53;
                        background-color: transparent;
                        padding: 2vw 6vw;
                        color: #e81c53 !important;
                        margin-top: 3vw;
                        border-radius: 1.5vw;
                        height: auto
                    }

                    .faq-section .take-offer .take-offer-form button:disabled, .faq-section .take-offer .take-offer-form button[disabled] {
                        font-size: 3.5vw;
                        border: .1vw solid #e81c53;
                        background-color: transparent;
                        padding: 2vw 6vw;
                        color: #e81c53 !important;
                        margin-top: 3vw;
                        border-radius: 1.5vw;
                        height: auto;
                        opacity: .7
                    }

                .faq-section .take-offer .take-offer-form input {
                    background: 0 0;
                    border: none;
                    border-bottom: .11vw solid #b9b9b9;
                    margin-bottom: 7vw;
                    font-size: 4.5vw;
                    font-weight: 300;
                    color: #5c5c5c;
                    width: 100%
                }

                .contact-section .form-contact .form-detail .response, .faq-section .take-offer .take-offer-form .response {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    width: 100%
                }

                    .contact-section .form-contact .form-detail .response h5, .faq-section .take-offer .take-offer-form .response h5 {
                        margin: 5vw 0 2vw;
                        font-size: 6vw;
                        line-height: normal
                    }

                    .contact-section .form-contact .form-detail .response h4, .faq-section .take-offer .take-offer-form .response h4 {
                        font-size: 3.5vw;
                        white-space: nowrap
                    }

                    .contact-section .form-contact .form-detail .response img, .faq-section .take-offer .take-offer-form .response img {
                        width: 40vw
                    }

    .toggle {
        padding: 1.25vw 1vw 2vw;
        margin: 0 5vw 5vw;
        border-bottom: .1vw solid #bfbfbf
    }

        .active .toggle-header, .toggle .active .toggle-header {
            color: #000 !important
        }

        .toggle .toggle-title:hover .toggle-header, .toggle .toggle-title:hover div {
            opacity: 1
        }

        .toggle .toggle-title div {
            width: 5vw;
            height: 5vw;
            background: url(../images/icons/plus.svg) no-repeat;
            opacity: .8;
            margin-right: 3vw;
            margin-top: .5vw
        }

        .toggle .toggle-title.active div {
            width: 5vw;
            height: 5vw;
            background: url(../images/icons/minus.svg) no-repeat;
            opacity: 1;
            margin-right: 3vw;
            margin-top: .5vw
        }

    .toggle-header {
        color: #7c7c7c;
        font-size: 5vw;
        line-height: 6.5vw;
        font-weight: 400;
        width: 90%
    }

    .toggle-content {
        color: #7d7d7d;
        font-size: 4vw;
        line-height: 5.5vw;
        font-weight: 300;
        margin: 0 0 0 1vw
    }

    .toggle-title {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        margin-bottom: 3vw;
        align-items: flex-start
    }

    .toggle-inner {
        display: none;
        padding-bottom: 4vw
    }

    .red-bg-btn, .white-bg-btn {
        padding: 2vw 6vw;
        font-size: 3.5vw
    }

    .white-bg-btn {
        background-color: transparent;
        border: .1vw solid #e81c53;
        color: #e81c53;
        border-radius: 1.5vw;
        margin-top: 3vw;
        height: auto
    }

        .red-bg-btn, .white-bg-btn:hover {
            background-color: #e81c53;
            border: .1vw solid #e81c53;
            height: auto
        }

        .white-bg-btn:hover {
            color: #fff !important;
            margin-top: 3vw
        }

    .red-bg-btn {
        border-radius: 1.5vw
    }

        .red-bg-btn:hover {
            background-color: transparent;
            border: .1vw solid #e81c53;
            color: #e81c53 !important;
            height: auto
        }

    .app-bg, .blog-bg, .restaurant-section, .self-service-section, .tablet-bg, .takeaway-pos-section {
        padding: 20vw 5vw 0
    }

        .cafe-section-content .cafe-section-text h5, .market-section-text h5, .restaurant-section .restaurant-section-content h5, .self-service-section .self-service-group h5 {
            font-size: 4.5vw;
            margin: 0;
            text-align: center
        }

        .cafe-section-content .cafe-section-text h6, .market-section-text h6, .restaurant-section .restaurant-section-content h6, .self-service-section .self-service-group h6 {
            font-size: 9vw;
            line-height: 11.5vw;
            margin-bottom: 5vw;
            margin-top: 0;
            text-align: center
        }

        .market-section-text p, .restaurant-section p {
            line-height: 6.5vw;
            margin-right: 0;
            margin-bottom: 5vw;
            font-size: 4.5vw;
            text-align: center
        }

        .cafe-section-content .cafe-section-text p, .restaurant-section .restaurant-section-content p, .waiter-content p {
            font-size: 4.5vw;
            line-height: 6.5vw;
            text-align: center;
            margin-right: 0;
            margin-bottom: 5vw;
            width: fit-content
        }

        .restaurant-section .restaurant-section-content .contact-now-text {
            font-size: 3.5vw;
            margin-left: 0;
            text-decoration: underline;
            margin-top: 3vw
        }

            .restaurant-section .restaurant-section-content .contact-now-text:hover {
                font-size: 3.5vw;
                margin-left: 0;
                color: #e81c53;
                opacity: .9;
                text-decoration: unset
            }

        .restaurant-section .restaurant-section-content .restaurant-img {
            width: 100vw;
            margin-bottom: 4vw
        }

        .restaurant-section .restaurant-section-content .robot-waiter {
            width: 90vw;
            margin-left: 10vw
        }

        .app-bg .mobile-app-section, .cafe-section-content, .market-section-content, .market-section-content img, .mobile-report-section .mobile-report-group, .qr-section, .restaurant-section .restaurant-section-content, .self-service-section .self-service-group, .tablet-bg .tablet-menu-section, .takeaway-pos-section .takeaway-pos-content, .waiter-content, .web-portal-section .web-portal-group, .webpos-section-content {
            flex-direction: column-reverse;
            align-items: center
        }

        .restaurant-section p {
            width: 85vw;
            font-weight: 400
        }

    .restaurant-content .content-text h6, .restaurant-content .content-text-left h6 {
        font-size: 4.5vw;
        margin-bottom: 3vw;
        white-space: normal !important
    }

    .restaurant-content .content-text p, .restaurant-content .content-text-left p {
        font-size: 3.5vw;
        line-height: 5.5vw;
        margin-bottom: 4vw
    }

    .restaurant-content .content-group-right {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        padding: 10vw 5vw;
        background-color: #edf2f5
    }

        .restaurant-content .content-group img, .restaurant-content .content-group-right img {
            width: 75vw;
            margin: 0 0 5vw
        }

    .restaurant-content .content-group {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 10vw 5vw
    }

    .restaurant-content .content-text-left {
        margin-left: 0;
        margin-right: 0;
        align-items: flex-start
    }

    .restaurant-content .content-group .robot-waiter-1, .restaurant-content .content-group-right .robot-waiter-2 {
        width: 40vw;
        margin: 0
    }

    .robot-video video {
        width: 100%;
        height: 100vw
    }

    .market-section-text p {
        width: 85vw
    }

    .restaurant-section .market-pos-img {
        width: 85vw;
        margin-left: 10vw;
        margin-bottom: 5vw
    }

    .cafe-section-content img {
        width: 80vw;
        margin-left: 10vw;
        margin-bottom: 5vw
    }

    .waiter-content h5 {
        font-size: 4.5vw;
        margin: auto;
        text-align: center
    }

    .waiter-content h6 {
        font-size: 9vw;
        line-height: 11.5vw;
        margin-bottom: 5vw;
        margin-top: 0;
        text-align: center;
        margin-right: 0
    }

    .waiter-content img {
        margin-left: 7.5vw;
        width: 85vw
    }

    .mobile-app-img, .tablet-menu-img, .waiter-content a {
        margin: 0 auto
    }

    .qr-page-img, .qr-popup-img, .waiter-content-img {
        margin: 0 auto !important
    }

    .features-section {
        padding: 10vw 0
    }

        .features-section .feature-head {
            font-size: 9vw;
            margin-bottom: 2vw
        }

        .features-section .feature-box-group {
            flex-direction: row;
            overflow-y: scroll;
            padding: 0 0 5vw 5vw
        }

            .features-section .feature-box-group::-webkit-scrollbar {
                display: none
            }

            .features-section .feature-box-group .feature-box-size {
                height: 85vw;
                margin: 8vw 0
            }

        .features-section .feature-group {
            padding: 5vw 3vw;
            width: 50vw;
            box-shadow: 0 .5vw 2.5vw #0000001F;
            border-radius: 2.5vw;
            margin-right: 4vw
        }

            .features-section .feature-group img {
                height: 10vw;
                margin-bottom: 3vw
            }

            .features-section .feature-group h6 {
                font-size: 4vw;
                margin-bottom: 3vw;
                line-height: 4.5vw
            }

            .features-section .feature-group p {
                font-size: 3.37vw;
                line-height: 5.5vw
            }

    .best-pos-section {
        padding: 10vw 5vw;
        background: #edf2f5
    }

        .best-pos-section .best-pos-head h6 {
            font-size: 9vw;
            line-height: 11.5vw;
            color: #000;
            margin: 0 4vw 4vw
        }

        .best-pos-section .best-pos-head p {
            font-size: 4vw;
            line-height: 5.5vw;
            margin: 0 8vw 6vw
        }

        .best-pos-section .best-pos-device {
            width: 27.916vw;
            border-radius: 1.25vw;
            padding: 2.5vw 6.14vw 4.5vw
        }

            .best-pos-section .best-pos-device img {
                width: 18.17vw;
                margin-bottom: 1.09vw
            }

            .best-pos-section .best-pos-device h6 {
                font-size: 4.5vw
            }

        .best-pos-section .best-pos-group {
            margin-left: .833vw;
            border-radius: 1.25vw;
            padding: 1.25vw 2.604vw;
            width: 13.541vw;
            height: 13.541vw
        }

    .section-reference-clients {
        background-color: #edf2f5;
        padding: 0;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
    }

        .section-reference-clients .animated-img {
            width: 100vw;
            height: 12vw;
            overflow: hidden;
            position: relative;
            margin-top: 7vw;
        }

            .section-reference-clients .animated-img img {
                position: absolute;
                height: 12vw;
            }

        .section-reference-clients .reference-clients-group {
            display: flex;
            align-items: center;
            margin-right: 2vw;
            margin-left: 5vw;
        }

            .section-reference-clients .reference-clients-group img {
                display: none;
            }

            .section-reference-clients .reference-clients-group .reference-texts {
                border-left: 1vw solid #e81c53;
                padding: 2vw 4vw;
            }

                .section-reference-clients .reference-clients-group .reference-texts h2 {
                    margin: unset;
                    font-weight: 600;
                    font-size: 8vw;
                }

                .section-reference-clients .reference-clients-group .reference-texts p {
                    margin: unset;
                    color: #2c2c2c;
                    font-size: 4vw;
                }

    .client-comments-section {
        padding: 15vw 5vw
    }

        .client-comments-section h6 {
            margin-bottom: 4vw;
            font-size: 9vw
        }

        .client-comments-section .comment-swiper {
            display: flex;
            border: .1vw solid #ddd;
            border-radius: 2.5vw
        }

            .client-comments-section .comment-swiper .swiper-slide .swiper-comment-content {
                padding: 10vw 0;
                display: flex;
                flex-direction: column
            }

                .client-comments-section .comment-swiper .swiper-slide .swiper-comment-content h6 {
                    margin-bottom: 3vw;
                    font-size: 4vw;
                    margin-top: 0
                }

                .client-comments-section .comment-swiper .swiper-slide .swiper-comment-content p {
                    color: #707070;
                    font-size: 3.5vw;
                    margin: 0 11vw 3vw;
                    line-height: 4.5vw
                }

                .client-comments-section .comment-swiper .swiper-slide .swiper-comment-content h5 {
                    margin: unset;
                    font-size: 4vw
                }

            .client-comments-section .comment-swiper .swiper-button-next {
                right: 1.875vw;
                border: unset;
                color: #e81c53;
                background: unset;
                font-weight: 900;
                --swiper-navigation-size: 7vw
            }

            .client-comments-section .comment-swiper .swiper-button-prev {
                left: 1.875vw;
                border: unset;
                color: #e81c53;
                background: unset;
                font-weight: 900;
                --swiper-navigation-size: 7vw
            }

            .client-comments-section .comment-swiper .swiper-pagination .swiper-pagination-bullet {
                background: #e81c53
            }

    .xs-pt-0 {
        padding-top: 0 !important
    }

    .self-service-section .self-service-group img {
        width: 85vw;
        margin-bottom: 7vw
    }

    .app-bg .mobile-app-section .mobile-app-group p, .mobile-report-section .mobile-report-group div p, .qr-section p, .self-service-section .self-service-group p, .tablet-bg .tablet-menu-section .tablet-menu-content p, .takeaway-pos-section p, .web-portal-section .web-portal-group div p, .webpos-section-content p {
        font-size: 4.5vw;
        line-height: 6.5vw;
        text-align: center;
        margin-right: 0;
        margin-bottom: 5vw;
        width: fit-content;
        font-weight: 400
    }

    .device-section .device-content .device-content-img img, .device-section .device-content-reverse .device-content-img img, .takeaway-pos-section img, .webpos-section-content img {
        width: 80vw;
        margin-bottom: 5vw
    }

    .app-bg .mobile-app-section .mobile-app-group h5, .mobile-report-section .mobile-report-group div h5, .qr-section h5, .tablet-bg .tablet-menu-section .tablet-menu-content h5, .takeaway-pos-section h5, .web-portal-section .web-portal-group div h5, .webpos-section-content h5 {
        font-size: 4.5vw;
        margin: 0 !important;
        text-align: center
    }

    .webpos-section-content h6 {
        font-size: 9vw;
        line-height: 11.5vw;
        text-align: center;
        margin: 0 15vw 5vw
    }

    .webpos-section-content .web-pos-link {
        justify-content: center;
        flex-direction: column
    }

    .restaurant-content .content-group .webpos-img {
        width: 90vw;
        margin: 0 0 5vw
    }

    .restaurant-content .content-group-right .webpos-img {
        width: 90vw;
        margin: 0 0 3vw
    }

    .qr-section h6, .takeaway-pos-section h6 {
        font-size: 9vw;
        line-height: 11.5vw;
        text-align: center;
        margin: 0 10vw 5vw
    }

    .takeaway-img {
        width: 70vw
    }

    .qr-section img {
        width: 85vw;
        margin-bottom: 5vw
    }

    #demos, .demo-section {
        padding: 10vw 5vw;
        background-color: #e81c5b
    }

        .demo-section h6 {
            font-size: 4vw;
            line-height: 6vw
        }

    .blog-place, .clients-section, .franchise-content, .happy-customer-section, .policy-section {
        padding: 10vw 5vw
    }

        .happy-customer-section .happy-customer-img {
            width: 90vw;
            margin: 0 auto 5vw;
            border-radius: 3vw
        }

        .happy-customer-section .happy-customer-content p {
            font-size: 3.5vw;
            line-height: 5.5vw;
            margin-bottom: 7vw
        }

        .happy-customer-section .happy-customer-content h5 {
            font-size: 4.5vw;
            margin-bottom: 1vw;
            color: #000
        }

        .happy-customer-section .happy-customer-content h6 {
            font-size: 4.5vw;
            margin-bottom: 1vw
        }

    #demos .qr-demo-content {
        margin-right: 0
    }

        #demos .qr-demo-content h6 {
            line-height: 7.5vw;
            font-size: 6vw;
            text-align: center;
            margin: 0 12vw 4vw
        }

        #demos .qr-demo-content p {
            color: #ffbed2;
            font-size: 3.5vw;
            line-height: 5vw;
            margin-bottom: 7vw;
            text-align: center
        }

    #demos .qr-demo-group .qr-demo-box {
        background-color: #fff;
        border-radius: 2.5vw;
        margin-right: 3vw
    }

        #demos .qr-demo-group .qr-demo-box div {
            border-bottom: .05vw solid #e2e2e2;
            padding: 1.5vw 2vw
        }

            #demos .qr-demo-group .qr-demo-box div img {
                width: 24vw;
                margin-bottom: 2vw
            }

            #demos .qr-demo-group .qr-demo-box div h6 {
                font-size: 3vw;
                margin-top: 1vw
            }

        #demos .qr-demo-group .qr-demo-box a {
            padding: 3vw 2vw
        }

            #demos .qr-demo-group .qr-demo-box a h6 {
                font-size: 2.5vw;
                margin-bottom: 1.5vw
            }

            #demos .qr-demo-group .qr-demo-box a svg {
                height: 2.5vw
            }

    .mobile-report-section .mobile-report-group div h6, .tablet-bg .tablet-menu-section .tablet-menu-content h6 {
        font-size: 9vw;
        line-height: 11.5vw;
        text-align: center;
        margin: 0 5vw 4vw
    }

    .blog-detail-section .blog-detail-group div .online-report-img, .tablet-bg .tablet-menu-section img {
        width: 90vw
    }

    .tablet-content-img img {
        width: 110vw !important
    }

    #demos .tablet-demo-section h6 {
        line-height: 6vw;
        font-size: 4.5vw;
        text-align: center;
        margin: 0 10vw 5vw
    }

    #demos .tablet-demo-section a img {
        height: 10vw;
        margin-right: 3vw
    }

    .app-bg .mobile-app-section img {
        margin-bottom: 4vw;
        width: 95vw
    }

    .app-bg .mobile-app-section .mobile-app-group h6, .web-portal-section .web-portal-group div h6 {
        font-size: 9vw;
        line-height: 11.5vw;
        text-align: center;
        margin: 0 9vw 4vw
    }

    .mobile-app-img img {
        margin: 0 auto;
        width: 65vw
    }

    .blog-detail-section, .devices-bg, .integrations-section, .mobile-report-section, .web-portal-section {
        padding: 20vw 5vw 10vw
    }

        .mobile-report-section .mobile-report-group img, .web-portal-section .web-portal-group img {
            width: 60vw;
            margin: 0 0 5vw
        }

    .web-portal-text img {
        width: 35vw
    }

    .mobile-report-text, .web-portal-text {
        margin: auto !important
    }

    .about-section {
        padding: 20vw 0 10vw;
        margin-bottom: 0
    }

        .about-section .about-top h6 {
            font-size: 4vw;
            color: #ff9ab5;
            letter-spacing: .3vw;
            margin: 0
        }

        .about-section .about-top p {
            font-size: 5vw;
            line-height: 6.5vw;
            margin: 2vw 4vw 5vw
        }

        .about-section img {
            width: 28vw
        }

    .about-content .about-head h6 {
        padding: 0 5vw;
        text-align: center;
        font: 500 8vw Poppins;
        margin-bottom: 3vw;
        margin-top: 5vw
    }

    .about-content .about-head p {
        padding: 0 5vw;
        font: 400 3.5vw/5vw Poppins;
        color: #7c7c7c;
        text-align: center;
        margin-bottom: 9.11vw;
        margin-top: 0
    }

    .about-content .clients-info {
        margin: 0;
        padding: 8vw 5vw;
        border-top: .41vw solid #f2f2f2;
        justify-content: space-around
    }

        .about-content .clients-info .justify-between {
            justify-content: flex-start;
            flex-direction: column;
            width: unset
        }

        .about-content .clients-info h6, .blog-section .blog-group .blog-text h5 {
            font-size: 6vw
        }

        .about-content .clients-info p {
            font-size: 4vw;
            margin-bottom: 5vw
        }

    .tablet-pos-bg {
        padding: 25vw 5vw 5vw
    }

    .tablet-pos-img {
        width: 75vw !important;
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 4vw
    }

    .central-img {
        width: 85vw !important
    }

    .central-content {
        margin-bottom: 10vw
    }

    .central-content-group {
        margin: unset
    }

    .central-content-img {
        width: 90vw !important
    }

    .support-bg {
        background: linear-gradient(29deg,#fff 0,#f5f6ff 100%) no-repeat padding-box
    }

    .support-content {
        flex-direction: column !important
    }

        .support-content .support-content-group h5 {
            font-size: 6vw;
            margin-bottom: .5vw
        }

        .support-content .support-content-group h6 {
            font-size: 9vw;
            line-height: 11.5vw;
            margin-bottom: 5vw
        }

        .support-content .support-content-group p {
            font-size: 4vw;
            margin-right: 0 !important
        }

        .support-content img {
            width: 80vw;
            margin-top: 5vw
        }

    .support-group {
        margin: 15vw 5vw;
        flex-direction: column;
        align-items: center
    }

        .support-group .track-box {
            background-color: #fff;
            box-shadow: 0 7px 14px #dedede;
            border-radius: 2.5vw;
            padding: 7.5vw;
            width: 60vw;
            display: flex;
            align-items: center;
            flex-direction: column;
            margin-bottom: 8vw
        }

            .support-group .track-box img {
                height: 10vw;
                margin-bottom: 4vw
            }

            .support-group .track-box h5 {
                font-weight: 600;
                font-size: 5vw;
                margin: 2vw 0 1.5vw
            }

            .support-group .track-box h6 {
                width: fit-content;
                font-size: 4.5vw;
                line-height: 5.5vw;
                margin: 0 5vw 2vw;
                text-align: center;
                font-weight: 500
            }

            .support-group .track-box p {
                width: fit-content;
                margin: 0 0 4vw;
                letter-spacing: 0;
                text-align: center;
                font-size: 4vw;
                line-height: 5vw;
                font-weight: 300
            }

            .support-group .track-box a {
                font-size: 3.5vw;
                border: .1vw solid transparent;
                background-color: #e81c53;
                padding: 2vw 6vw;
                color: #fff;
                border-radius: 1.5vw;
                height: auto;
                transition: .2s ease-out
            }

                .support-group .track-box a:hover {
                    font-size: 3.5vw;
                    border: .1vw solid #e81c53;
                    background-color: transparent;
                    padding: 2vw 6vw;
                    color: #e81c53 !important;
                    border-radius: 1.5vw;
                    height: auto
                }

            .support-group .track-box .call, .support-group .track-box .faq {
                border: .1vw solid transparent;
                padding: 2vw 6vw;
                color: #fff;
                height: auto;
                width: 100%;
                font-size: 3.5vw;
                text-align: center;
                transition: .2s ease-out
            }

            .support-group .track-box .faq {
                background-color: #e81c53;
                border-radius: 1.5vw
            }

                .support-group .track-box .faq:hover {
                    border: .1vw solid #e81c53;
                    background-color: transparent;
                    color: #e81c53 !important
                }

            .support-group .track-box .call {
                background: url(../images/icons/phone-ico-w.svg) 5vw/4vw no-repeat #e81c53;
                border-radius: 1.5vw
            }

                .support-group .track-box .call:hover {
                    border: .1vw solid #e81c53;
                    background: url(../images/icons/phone-ico-r.svg) 9vw/1vw no-repeat;
                    color: #e81c53 !important
                }

            .support-group .track-box .watch-videos {
                background: url(../images/icons/play-ico-w.svg) 5vw 1.5vw/5vw no-repeat #e81c53;
                padding: 2vw 6vw;
                font-size: 3.5vw;
                border: .1vw solid transparent;
                color: #fff;
                border-radius: 1.5vw;
                height: auto;
                transition: .2s ease-out;
                width: 100%;
                text-align: center
            }

                .support-group .track-box .watch-videos:hover {
                    border: .1vw solid #e81c53;
                    background: url(../images/icons/play-ico-r.svg) 9vw .35vw/1.5vw no-repeat;
                    color: #e81c53 !important
                }

            .support-group .track-box .phonenumber {
                background-color: transparent;
                font-size: 3.5vw;
                padding: unset;
                margin: 0 0 4vw
            }

    .support-faq-section {
        padding: 10vw 5vw 20vw;
        display: flex;
        align-items: center;
        flex-direction: column
    }

        .support-faq-section .support-faq-tab img {
            display: block;
            height: auto;
            width: 6.5vw;
            margin-left: 3.75vw;
            animation: 2s infinite opacInOut
        }

        .support-faq-section .support-faq-tab {
            background-color: #cad4d9;
            border-radius: 5vw;
            padding: 0;
            display: flex;
            margin-bottom: 7vw;
            overflow: auto;
            width: 100%
        }

            .support-faq-section .support-faq-tab::-webkit-scrollbar {
                display: none
            }

            .reference-section .reference-content #filters .active, .support-faq-section .support-faq-tab .active {
                color: #fff !important;
                background-color: #000;
                transition: .3s ease-out
            }

            .reference-section .reference-content #filters a, .support-faq-section .support-faq-tab a {
                padding: 2vw 4vw;
                font-size: 4vw;
                margin: 0;
                font-weight: 400;
                height: auto;
                cursor: pointer;
                border-radius: 5vw;
                white-space: nowrap
            }

                .reference-section .reference-content #filters a:hover, .support-faq-section .support-faq-tab a:hover {
                    color: #000;
                    transition: .5s ease-out
                }

        .support-faq-section #items {
            margin-top: 2vw;
            width: 100%
        }

        .support-faq-section .toggle {
            padding: 1.25vw 4vw 0;
            margin: 0 0 4vw;
            width: 100%;
            align-items: flex-start;
            transition: .5s ease-out
        }

            .support-faq-section .toggle .toggle-title div, .support-faq-section .toggle .toggle-title.active div:hover {
                height: 4.5vw;
                width: 4.5vw
            }

            .support-faq-section .toggle .toggle-title span {
                font-size: 4.5vw;
                line-height: 6vw
            }

            .support-faq-section .toggle .toggle-inner .toggle-content {
                font-size: 3.5vw;
                line-height: 5vw
            }

    .track-group {
        margin: unset;
        flex-direction: column;
        align-items: center
    }

        .track-group .track-box {
            background-color: #fff;
            box-shadow: 0 7px 14px #0000001F;
            border-radius: 2.5vw;
            padding: 7.5vw;
            width: 60vw;
            display: flex;
            align-items: center;
            flex-direction: column;
            margin-bottom: 8vw
        }

            .track-group .track-box img {
                height: fit-content;
                width: 12vw;
                margin-bottom: 4vw
            }

            .track-group .track-box h6 {
                width: fit-content;
                font-size: 4.5vw;
                line-height: 5.5vw;
                margin: 0 5vw 3vw;
                text-align: center;
                font-weight: 500
            }

            .track-group .track-box p {
                width: fit-content;
                margin: 0;
                letter-spacing: 0;
                text-align: center;
                font-size: 4vw;
                line-height: 5vw;
                font-weight: 300
            }

    .why-section {
        padding: 25vw 0 7.5vw
    }

    .contact-section, .reference-section {
        padding: 20vw 5vw
    }

    .why-section .why-top-group h6 {
        font-size: 5vw;
        margin: 0 5vw 1vw
    }

    .why-section .why-top-group p {
        font-size: 9vw;
        line-height: 11.5vw;
        margin: 0 5vw
    }

    .why-section .why-bottom-group p {
        font-size: 3.5vw;
        line-height: 6.5vw;
        margin: 0 5vw 5vw
    }

    .why-section .why-bottom-group a {
        font-size: 3.5vw;
        padding: 2vw 6vw;
        border-radius: 1.5vw;
        height: auto
    }

    .why-section .why-img {
        background: url(../../assets/images/banner/why-menulux.webp) center/150vw no-repeat;
        width: 100%;
        height: 65vw
    }

    .device-section .device-detail-group {
        padding: 20vw 5vw 5vw
    }

        .device-section .device-detail-group a svg {
            margin-right: 3vw;
            width: 2vw
        }

        .device-section .device-detail-group a h5 {
            font-size: 4vw;
            height: 5vw;
            font-weight: 500;
            color: #e81c53;
            margin: 0 1vw 0 0
        }

        .device-section .device-detail-group h1 {
            font-size: 5vw;
            line-height: 6.5vw;
            margin: 3vw 0 0;
            color: #000
        }

    .device-section .device-content-reverse {
        display: flex;
        align-items: center;
        flex-direction: column-reverse;
        padding: 10vw 5vw;
        background-color: #edf2f5
    }

        .device-section .device-content-reverse .device-content-text {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            margin-right: 9vw;
            text-align: left
        }

        .device-section .device-content h6, .device-section .device-content-reverse h6 {
            font-size: 4vw;
            font-weight: 500;
            margin-bottom: 3vw;
            margin-top: 0;
            margin-right: 0;
            line-height: 5.5vw
        }

        .device-section .device-content p, .device-section .device-content-reverse p {
            font-size: 3.5vw;
            line-height: 5.5vw;
            font-weight: 300;
            color: #646464;
            margin-bottom: 1vw
        }

        .device-section .device-content a, .device-section .device-content-reverse a {
            font-size: 3.5vw;
            background-color: #e81c53;
            border: .1vw solid #e81c53;
            color: #fff;
            border-radius: 1.5vw;
            padding: 2vw 6vw;
            height: auto;
            transition: .2s ease-out;
            margin-top: 3vw
        }

            .device-section .device-content a:hover, .device-section .device-content-reverse a:hover {
                background-color: transparent;
                border: .1vw solid #e81c53;
                color: #e81c53
            }

    .device-section .device-content {
        display: flex;
        align-items: center;
        flex-direction: column;
        padding: 10vw 5vw
    }

        .device-section .device-content .device-content-text {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            margin-left: 0
        }

    .reference-section .reference-head h6 {
        font-size: 9.5vw;
        font-weight: 500;
        color: #141414;
        text-align: center;
        margin: 0 0 3vw
    }

    .reference-section .reference-head p {
        font-size: 3.5vw;
        color: #7c7c7c;
        font-weight: 400;
        text-align: center;
        margin: 0 0 3vw
    }

    .integrations-section .tab-header .integrations-head img, .reference-section .reference-content #filters img {
        display: block;
        height: auto;
        width: 6.5vw;
        margin-left: 2.75vw;
        animation: 2s infinite opacInOut
    }

    .reference-section .reference-content #filter {
        width: 60vw;
        border-radius: 5vw;
        border: .1vw solid gray;
        font-size: 3.5vw;
        padding: 1.5vw 3vw 1vw;
        margin-bottom: 5vw
    }

    .reference-section .reference-content #filters {
        background-color: #cad4d9;
        border-radius: 5vw;
        padding: 0;
        display: flex;
        margin-bottom: 2vw;
        overflow: auto;
        width: 100%
    }

        .reference-section .reference-content #filters::-webkit-scrollbar {
            display: none
        }

        .blog-detail-section h6, .reference-section .reference-content #filters a:focus {
            color: #000
        }

    .reference-section .reference-content #items {
        margin: 0 -2.5vw;
        display: flex;
        flex-wrap: wrap
    }

        .reference-section .reference-content #items .item {
            width: 42.5vw;
            height: 42.5vw;
            border-radius: 3vw;
            margin: 2.5vw;
            background-size: cover !important;
            background-repeat: no-repeat !important
        }

            .reference-section .reference-content #items .item h6 {
                height: 100%;
                margin: 0;
                font-size: 3.5vw;
                font-weight: 500;
                color: #fff;
                padding: 2.5vw 4vw;
                display: flex;
                flex-direction: column;
                justify-content: flex-end;
                border-radius: 3vw;
                line-height: 5vw;
                background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.4) 100%,#000 100%)
            }

                .reference-section .reference-content #items .item h6 b {
                    font-weight: 600;
                    font-size: 2.5vw
                }

            .reference-section .reference-content #items .item .bg-overlay {
                width: 20vw;
                height: 20vw;
                border-radius: 1.25vw
            }

    .clients-section .clients-text {
        line-height: 1.75vw
    }

    .clients-section .clients-image .placeholder-img {
        background: linear-gradient(180deg,#efefef 0,#fff 100%) no-repeat padding-box;
        border-radius: 2.5vw;
        width: 42.5vw;
        height: 26vw
    }

    .clients-section .clients-image a img {
        height: 11.906vw;
        width: fit-content;
        left: 12vw;
        bottom: 2vw
    }

    .clients-section .clients-info {
        margin: 15vw 0 0;
        padding: 5vw 5vw 0;
        background-color: #edf2f5;
        border-radius: 2.5vw;
        flex-wrap: wrap
    }

        .clients-section .clients-info .display-flex {
            width: 50%;
            align-items: center;
            margin: 0 0 4vw
        }

        .clients-section .clients-info h6 {
            font-size: 4.5vw;
            margin: 0 0 1vw
        }

        .clients-section .clients-info h5 {
            font-size: 6vw;
            margin: 0 0 1vw
        }

    .clients-section .clients-top-group h6 {
        font-size: 9vw;
        margin-bottom: 4vw
    }

    .clients-section .clients-top-group p {
        font-size: 4vw;
        line-height: 5.5vw;
        margin: 0 0 5vw
    }

    .clients-section .clients-image {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap
    }

        .clients-section .clients-image .mb-125vw img {
            width: 42.5vw;
            margin-bottom: 5vw
        }

    .manage-report-section .manage-report-head {
        margin: 0 5vw
    }

        .manage-report-section .manage-report-head h6 {
            margin: 0 5vw 5vw;
            font-size: 9vw;
            line-height: 11vw
        }

        .manage-report-section .manage-report-head p {
            font-size: 4.5vw;
            margin-bottom: 10vw
        }

    .manage-report-section .info-boxes {
        padding: 5vw;
        background: no-repeat padding-box #fff;
        box-shadow: 2px 7px 10px #0000001F;
        border-radius: 2.5vw;
        line-height: unset;
        margin: 0 1.5vw;
        width: 50vw
    }

        .manage-report-section .info-boxes img {
            height: 10vw;
            margin-bottom: 2vw;
            width: fit-content
        }

        .manage-report-section .info-boxes h6 {
            margin-bottom: .833vw;
            margin-top: unset;
            font-size: 4vw;
            line-height: 5.5vw
        }

        .manage-report-section .info-boxes p {
            font-size: 3.5vw;
            line-height: 4.5vw;
            font-weight: 400;
            margin-bottom: 5vw
        }

        .manage-report-section .info-boxes a {
            font-size: 3vw
        }

    .manage-report-section .manage-report-body {
        flex-direction: row;
        margin: 0;
        overflow: scroll
    }

        .manage-report-section .manage-report-body::-webkit-scrollbar {
            display: none
        }

        .manage-report-section .manage-report-body .report-left {
            margin-bottom: 20vw;
            justify-content: space-between;
            padding-left: 5vw
        }

        .manage-report-section .manage-report-body .report-right {
            margin-bottom: 20vw;
            justify-content: space-between;
            padding-right: 5vw
        }

    .boss-section {
        margin-bottom: 0;
        background-color: #0f192b;
        display: flex;
        flex-direction: column;
        align-items: center
    }

        .boss-section img {
            position: relative;
            left: unset;
            top: unset;
            width: 70vw
        }

        .boss-section .boss-info-group {
            background-color: #0f192b;
            padding: 5vw 5vw 15vw
        }

            .boss-section .boss-info-group h6 {
                font-size: 9vw;
                margin: 0 0 3vw
            }

        .boss-section .boss-soft-text {
            font-size: 5vw;
            line-height: 7vw;
            margin-bottom: 3vw !important;
            letter-spacing: 0
        }

        .boss-section .boss-linked-text {
            font-size: 5vw;
            margin-bottom: 10vw;
            line-height: 7vw
        }

            .boss-section .boss-linked-text a {
                text-decoration: underline
            }

        .boss-section .boss-info-group .boss-button {
            border: .1vw solid #fff;
            font-size: 3.5vw;
            border-radius: 1.5vw;
            padding: 2vw 6vw;
            height: auto
        }

            .boss-section .boss-info-group .boss-button:hover {
                border: .1vw solid #fff;
                border-radius: 1.5vw;
                padding: 2vw 6vw;
                background-color: #fff !important;
                color: #0f192b !important
            }

    .blog-section input {
        border: .11vw solid #c4c4c4;
        border-radius: 1.5vw;
        color: #4d4d4d;
        width: 85vw;
        height: 4vw;
        font-size: 3.65vw;
        margin-right: 1.35vw;
        margin-bottom: 4vw;
        padding: 4vw 2.5vw
    }

    .blog-section button {
        padding: 2vw 6vw;
        border: .1vw solid #e81c53;
        background-color: #e81c53;
        border-radius: 1.5vw;
        font-size: 3.5vw;
        color: #fff;
        height: auto;
        font-weight: 400
    }

        .blog-section button:hover {
            border: .1vw solid #e81c53;
            background-color: transparent;
            border-radius: 1.5vw;
            color: #e81c53 !important;
            height: auto;
            font-weight: 400
        }

    .blog-section .blog-group .blog-text {
        align-items: center;
        margin-bottom: 7vw
    }

        .blog-section .blog-group .blog-text div form {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column
        }

    .blog-section .blog-group, .contact-section .form-head {
        flex-direction: column;
        align-items: center
    }

        .blog-section .blog-group .blog-text h6 {
            font-size: 9vw;
            text-align: center;
            line-height: 11.5vw;
            margin: 0 0 5vw
        }

        .blog-section .blog-group .blog-text div .blog-response {
            color: #4d4d4d;
            font-weight: 400;
            font-size: 3.5vw
        }

            .blog-section .blog-group .blog-text div .blog-response img {
                margin: 0 1.25vw .5vw 0;
                width: 5vw
            }

    .blog-section .blog-img img {
        width: 50vw
    }

    .blog-place .blog-header {
        display: flex;
        padding-bottom: 4vw;
        overflow: scroll;
        white-space: nowrap;
        margin-bottom: 2vw
    }

        .blog-place .blog-header .campaign-tab img {
            height: 5vw;
            margin-left: 1.5vw
        }

        .blog-place .blog-header a {
            cursor: pointer;
            display: flex;
            color: #656565;
            font: 500 4vw Poppins;
            user-select: none;
            margin-right: 5vw
        }

            .blog-place .blog-header a:hover {
                color: #e81c53
            }

        .blog-place .blog-header .active {
            cursor: pointer;
            display: flex;
            color: #e81c53;
            font: 600 4vw Poppins;
            border-bottom: .15625vw solid #e81c53;
            opacity: 1 !important
        }

    .blog-place .blog-content {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column
    }

        .blog-place .blog-content .blog-card, .blog-place .blog-content .blog-card-opport {
            display: flex;
            margin-bottom: 8vw
        }

            .blog-place .blog-content .blog-card img, .blog-place .blog-content .blog-card-opport img {
                height: 18.5vw;
                margin-right: 4vw
            }

            .blog-place .blog-content .blog-card h6 {
                color: #000;
                font: 500 4vw/4.5vw Poppins;
                margin: 0 0 1vw;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                overflow: hidden
            }

            .blog-place .blog-content .blog-card p, .blog-place .blog-content .blog-card-opport p {
                color: #646464;
                font: 3vw/4.5vw Poppins;
                margin-bottom: 2.6vw;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden
            }

            .blog-place .blog-content .blog-card a {
                color: #e81c53;
                font: 500 3vw Poppins
            }

            .blog-place .blog-content .blog-card-opport h6 {
                color: #e81c53;
                font: 500 4vw/4.5vw Poppins;
                margin: 0 0 3vw;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                overflow: hidden
            }

            .blog-place .blog-content .blog-card-opport a {
                border-radius: 0;
                padding: 0;
                border: none;
                color: #e81c53;
                font: 500 3vw Poppins
            }

                .blog-place .blog-content .blog-card-opport a svg {
                    width: 3vw;
                    margin-left: 2vw;
                    fill: #E81C53
                }

                .blog-place .blog-content .blog-card-opport a:hover {
                    border-radius: 0;
                    padding: 0;
                    border: none;
                    background-color: unset;
                    color: #e81c53;
                    font: 500 3vw Poppins
                }

                    .blog-place .blog-content .blog-card-opport a:hover svg, .contact-section .form-contact .form-detail button:hover svg {
                        fill: #E81C53
                    }

        .blog-place .blog-content .campaign div h6 img {
            width: auto;
            height: 4vw
        }

        .blog-place .blog-content .show-cont {
            color: #e81c53;
            border: .11vw solid #e81c53;
            border-radius: 1.5vw;
            padding: 2.5vw 5vw;
            font: 500 3vw Poppins;
            width: 100%;
            text-align: center
        }

    .blog-detail-section .blog-detail-group a {
        font-size: 4vw;
        margin-bottom: 3vw
    }

        .blog-detail-section .blog-detail-group a svg {
            width: 2vw;
            margin-right: 3vw
        }

    .blog-detail-section .blog-detail-group div h6 {
        font-size: 4vw;
        line-height: 5.5vw
    }

    .blog-detail-section .blog-detail-group div p {
        font-size: 3.5vw;
        line-height: 4.5vw;
        margin-bottom: 6vw
    }

    .blog-detail-section .blog-detail-group div img {
        border-radius: 2.5vw
    }

    .blog-detail-section .blog-detail-group div ol {
        padding-left: 4.5vw;
        margin-bottom: 6vw
    }

        .blog-detail-section .blog-detail-group div ol li {
            font-size: 3.5vw;
            line-height: 4.5vw;
            margin-bottom: 3vw
        }

    .blog-detail-section .blog-detail-group div .display-flex iframe {
        width: 100% !important;
        height: 50vw !important;
        margin-bottom: 7vw
    }

    .contact-section {
        background: linear-gradient(360deg,#fff 325vw,#f51451 30vw) no-repeat padding-box
    }

        .contact-section .contact-text {
            color: #ff9ab5;
            font: 500 6vw Poppins;
            text-align: center;
            letter-spacing: .3vw;
            margin-bottom: 3vw;
            margin-top: 0
        }

        .contact-section .form-head h6 {
            font: 500 7vw/8.5vw Poppins;
            color: #fff;
            text-align: center;
            margin: 0 10vw 10vw
        }

        .contact-section .form-head img {
            width: 65vw
        }

        .contact-section .form-contact {
            flex-direction: column;
            background-color: #fff;
            box-shadow: 0 .83vw 3.33vw #00000029;
            border-radius: 2.5vw
        }

            .contact-section .form-contact .contact-head {
                color: #f51451;
                font: 500 5vw Poppins;
                margin: 0 0 4vw 1vw
            }

            .contact-section .form-contact .form-detail {
                width: 100%;
                padding: 5.2vw
            }

                .contact-section .form-contact .form-detail label {
                    color: #191919;
                    font: 400 4vw Poppins;
                    margin-bottom: 1vw;
                    margin-left: 3vw;
                    width: 100%
                }

                .contact-section .form-contact .form-detail input {
                    color: #191919;
                    font: 400 3.5vw Poppins;
                    padding: 2vw 3vw;
                    border-radius: 1.5vw;
                    border: .1vw solid #c4c4c4;
                    margin-bottom: 6vw;
                    width: 100%
                }

                .contact-section .form-contact .form-detail ::placeholder {
                    color: #c4c4c4
                }

                .contact-section .form-contact .form-detail textarea {
                    color: #191919;
                    font: 400 3.5vw Poppins;
                    padding: 1.5vw 3vw;
                    border-radius: 1.5vw;
                    border: .109vw solid #c4c4c4;
                    margin-bottom: 5vw;
                    min-height: 30vw;
                    max-height: 30vw;
                    resize: none;
                    width: 100%
                }

                .contact-section .form-contact .form-detail button {
                    background-color: #e81c53;
                    border: .109vw solid #e81c53;
                    border-radius: 1.5vw;
                    padding: 2vw 12vw 2vw 6vw;
                    color: #fff;
                    height: auto;
                    position: relative;
                    overflow: hidden
                }

                    .contact-section .form-contact .form-detail button h6 {
                        background-color: transparent;
                        color: #fff;
                        font-size: 3.5vw;
                        margin: 0
                    }

                    .contact-section .form-contact .form-detail button svg, .contact-section .form-contact .form-detail button:hover svg {
                        fill: #fff;
                        width: 4vw;
                        position: absolute;
                        right: 4vw
                    }

                    .contact-section .form-contact .form-detail button:hover h6 {
                        background-color: transparent;
                        color: #e81c53;
                        margin: 0
                    }

                    .contact-section .form-contact .form-detail button:hover {
                        background-color: transparent;
                        color: #e81c53
                    }

            .contact-section .form-contact .contact-detail {
                padding: 10vw 0;
                background-color: #fff7f0;
                border-top-right-radius: 1.66vw;
                border-bottom-right-radius: 1.66vw;
                align-items: center
            }

                .contact-section .form-contact .contact-detail h6 {
                    margin-bottom: 2vw;
                    margin-top: 0;
                    font: 500 3.5vw Poppins;
                    color: #e81c53
                }

                .contact-section .form-contact .contact-detail a {
                    font: 500 5vw Poppins;
                    color: #191919;
                    margin-bottom: 10vw;
                    display: flex;
                    align-items: center
                }

                    .contact-section .form-contact .contact-detail a .phone-img {
                        width: 4.5vw;
                        margin-right: 2vw
                    }

                    .contact-section .form-contact .contact-detail a:hover, .contact-section .form-contact .contact-detail div a:hover {
                        opacity: .6
                    }

                .contact-section .form-contact .contact-detail div a {
                    font: 500 5vw Poppins;
                    color: #191919;
                    margin: unset
                }

                    .contact-section .form-contact .contact-detail div a img {
                        height: 7vw;
                        margin: 0 2vw
                    }

    .franchise-section {
        background: linear-gradient(#e81c53 80%,#fff 30%);
        padding: 20vw 0 8vw
    }

        .franchise-section h6 {
            margin: 0 0 3vw;
            font-size: 4vw;
            color: #fec9da;
            letter-spacing: .3vw
        }

        .franchise-section p {
            line-height: 11.5vw;
            font-size: 9vw;
            margin-bottom: 4vw
        }

        .franchise-section img {
            width: 100vw;
            margin-top: 5vw
        }

        .franchise-section div a {
            background-color: #431ce8;
            border: .1vw solid #431ce8;
            border-radius: 1.5vw;
            padding: 2vw 6vw;
            font-size: 3.5vw;
            height: auto
        }

            .franchise-section div a:hover {
                border: .1vw solid #fff;
                background-color: transparent;
                height: auto
            }

    .franchise-content h6 {
        color: #141414;
        text-align: center;
        font: 500 5vw/6.5vw Poppins;
        margin-bottom: 5vw
    }

    .franchise-content p {
        font: 400 4vw/5.5vw Poppins;
        color: #7c7c7c;
        text-align: center;
        margin-bottom: 7vw
    }

    .franchise-content div a {
        background-color: #e81c53;
        border: .1vw solid #e81c53;
        border-radius: 1.5vw;
        padding: 2vw 6vw;
        font-size: 3.5vw;
        color: #fff;
        height: auto
    }

        .franchise-content div a:hover {
            border: .1vw solid #e81c53;
            color: #e81c53;
            background-color: transparent
        }

    .address-section {
        margin-top: 10vw;
        flex-wrap: wrap;
        justify-content: space-between
    }

        .address-section .address-group {
            width: 45vw;
            margin: 0 0 5vw
        }

            .address-section .address-group .address-head {
                margin-bottom: 1vw
            }

                .address-section .address-group .address-head img {
                    width: 3vw;
                    margin-right: 2vw
                }

                .address-section .address-group .address-head h6, .policy-section ol li {
                    font-size: 3.5vw
                }

            .address-section .address-group .address-body {
                margin-left: 5vw
            }

                .address-section .address-group .address-body p {
                    margin-bottom: .3vw;
                    font-size: 3vw;
                    line-height: 4.5vw
                }

    .integrations-section .tab-header .integrations-head {
        height: auto;
        overflow: scroll;
        grid-gap: 2vw;
        padding-left: 1vw
    }

        .integrations-section .tab-header .integrations-head::-webkit-scrollbar {
            display: none
        }

    .integrations-section h6 {
        margin-bottom: 3vw
    }

    .integrations-section .integrations-head-text {
        margin-bottom: 6vw;
        font-size: 4vw
    }

    .integrations-tab-content img {
        width: 40vw;
        margin-bottom: 0;
        border-radius: 0
    }

    .integrations-tab-content {
        height: fit-content;
        margin-bottom: 0;
        margin-left: 0;
        flex-flow: wrap
    }

        .integrations-tab-content .account, .order, .other, .payment {
            height: fit-content;
            margin-bottom: 5vw;
            width: 45vw;
            margin-left: 0;
            display: flex;
            flex-direction: column;
            align-items: center
        }

            .integrations-tab-content .account div, .integrations-tab-content .order div, .integrations-tab-content .other div, .integrations-tab-content .payment div {
                width: 40vw;
                height: 25vw;
                display: flex;
                align-items: center;
                justify-content: center;
                border: .1vw solid #bcbcbc;
                border-radius: 3vw;
                padding: 4vw;
                margin-bottom: 3vw
            }

        .integrations-tab-content p {
            margin: 0 auto;
            color: #989898;
            line-height: 4.5vw;
            font-weight: 400;
            font-size: 3.5vw;
            padding: 1.5vw;
            width: 40vw
        }

        .integrations-tab-content .int-getir {
            width: 30vw
        }

        .integrations-tab-content .int-fuudy {
            width: 25vw
        }

    .devices-bg .devices-header-text h6 {
        font-size: 9vw;
        line-height: 11.5vw;
        margin-bottom: 3vw
    }

    .devices-bg .devices-header-text p {
        font-size: 4vw;
        line-height: 5.5vw;
        margin-bottom: 5vw
    }

    .devices-bg .tab-header .devices-head {
        width: 95vw;
        height: auto
    }

        .devices-bg .tab-header .devices-head .tab-link {
            padding: 2vw 3.5vw;
            font-size: 3.5vw;
            border-radius: 5vw;
            height: auto;
            white-space: nowrap
        }

    .section-devices .device-tab-content {
        flex-wrap: wrap;
        text-align: center;
        align-items: flex-start
    }

        .section-devices .device-tab-content .device-item {
            border: .1vw solid #919191;
            border-radius: 2.5vw;
            margin: 0 1.5vw 3vw;
            height: 30vw;
            width: 42vw;
            display: flex;
            align-items: center;
            justify-content: center
        }

            .section-devices .device-tab-content .device-item img {
                height: 20vw
            }

        .section-devices .device-tab-content h6 {
            font: 500 4vw/5.5vw Poppins;
            color: #000;
            margin: 0 auto 2vw;
            width: 40vw
        }

        .section-devices .device-tab-content p {
            font: 400 3.5vw/5vw Poppins;
            color: #646464;
            margin: 0 auto 3vw;
            width: 40vw
        }

        .section-devices .device-tab-content .pos-systems-img {
            margin-left: 4vw
        }

    .integration-section {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        background: #edf2f5;
        padding: 10vw 0;
        margin-bottom: 10vw
    }

        .integration-section .integration-content {
            width: fit-content;
            margin: 0 5vw
        }

            .integration-section .integration-content h6 {
                font-size: 9.5vw;
                line-height: 11.5vw;
                font-weight: 500;
                color: #000;
                margin: 0 0 5vw
            }

            .integration-section .integration-content p {
                font-size: 4.5vw;
                line-height: 6.5vw;
                font-weight: 400;
                color: #919191;
                margin: 0 0 5vw
            }

        .integration-section .integration-images-group {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            width: fit-content
        }

            .integration-section .integration-images-group div {
                background-color: #fff;
                width: 29vw;
                height: 20vw;
                border-radius: 2.5vw;
                border: .1vw solid #bcbcbc;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 1.25vw
            }

            .integration-section .integration-images-group a {
                font-size: 3.5vw;
                border: .1vw solid #e81c53;
                color: #e81c53 !important;
                font-weight: 400;
                cursor: pointer;
                margin-top: 5vw;
                background-color: transparent;
                padding: 2vw 6vw;
                border-radius: 1.5vw;
                height: auto;
                transition: .2s ease-out
            }

                .integration-section .integration-images-group a:hover {
                    font-size: 3.5vw;
                    border: .1vw solid #e81c53;
                    background-color: #e81c53;
                    font-weight: 400;
                    margin-top: 5vw;
                    cursor: pointer;
                    padding: 2vw 6vw;
                    color: #fff !important;
                    border-radius: 1.5vw;
                    height: auto
                }

            .integration-section .integration-images-group div img {
                width: 100%;
                height: 100%;
                border-radius: .83vw
            }

            .integration-section .integration-images-group div .int-e-arsiv, .integration-section .integration-images-group div .int-e-fatura, .integration-section .integration-images-group div .int-ingenico, .integration-section .integration-images-group div .int-logo {
                height: 6vw
            }

            .integration-section .integration-images-group div .int-mikro, .integration-section .integration-images-group div .int-netgsm, .integration-section .integration-images-group div .int-netsis, .integration-section .integration-images-group div .int-trendyol {
                height: 7vw
            }

            .integration-section .integration-images-group div .int-hamurlabs {
                height: 5vw
            }

            .integration-section .integration-images-group div .int-getir {
                height: 25vw
            }

            .integration-section .integration-images-group div .int-yemeksepeti {
                height: 4.5vw
            }

            .integration-section .integration-images-group div .int-iyzico {
                height: 8vw
            }

    .stock-img {
        width: 80vw !important
    }

    #scrollTop {
        background-color: #e81c53;
        border-radius: 15vw 15vw 0 0;
        cursor: pointer;
        padding: 0 6vw
    }

        #scrollTop svg, .footer-top .footer-copyright svg {
            height: 11vw;
            width: 11vw
        }

    .scroll-top-fixed {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        bottom: -2vw
    }

    .phone-call-fixed {
        position: fixed;
        z-index: 3;
        right: 3vw;
        bottom: 3vw;
        background-color: #33e135;
        padding: 4vw;
        border-radius: 15vw;
        box-shadow: -1vw 1vw 5vw -2vw #000
    }

        .phone-call-fixed img {
            width: 8vw
        }

    .footer-top {
        padding: 0;
        background: linear-gradient(110deg,#e81c53 0,#e81c63 100%) no-repeat padding-box
    }

        .footer-top .footer-head {
            border-bottom: .11vw solid #ffffff3d;
            margin-bottom: 0;
            flex-direction: column;
            align-items: center;
            padding: 10vw
        }

            .footer-top .footer-head div {
                margin-right: 0;
                margin-bottom: 4vw
            }

            .footer-top .footer-head .head {
                margin-bottom: .73vw;
                letter-spacing: .5vw;
                font-size: 2.5vw;
                text-align: center
            }

            .footer-top .footer-head .subhead {
                font-size: 9vw;
                text-align: center;
                line-height: 11.5vw;
                margin: 0 3vw
            }

            .footer-top .footer-head a {
                font-size: 3.5vw;
                border: .1vw solid transparent;
                background-color: #431ce8;
                padding: 2vw 6vw;
                border-radius: 1.5vw;
                height: auto
            }

                .footer-top .footer-head a:hover {
                    font-size: 3.5vw;
                    border: .1vw solid #fff;
                    background-color: transparent;
                    padding: 2vw 6vw;
                    border-radius: 1.5vw;
                    height: auto
                }

        .footer-top .footer-content {
            margin: 10vw 0 5vw;
            flex-direction: column
        }

            .footer-top .footer-content div {
                display: none
            }

            .footer-top .footer-content img {
                margin-bottom: 3vw;
                height: 6vw
            }

            .footer-top .footer-content a {
                margin-right: 2vw;
                font-size: 3vw
            }

        .footer-top .footer-copyright {
            justify-content: center;
            padding-bottom: 10vw
        }

            .footer-top .footer-copyright a {
                margin: 0 2.5vw
            }

            .footer-top .footer-copyright h2 {
                font-size: 3vw;
                display: none;
                color: #fd91b3
            }

    .footer-bottom {
        background: no-repeat padding-box #0b1424;
        padding: 10vw 7vw
    }

        .footer-bottom h2 {
            font-size: 5vw;
            color: #6c778b;
            margin-bottom: 3vw;
            margin-top: 0;
            letter-spacing: .2vw;
            font-weight: 500;
            white-space: pre-wrap;
            line-height: 7.5vw
        }

        .footer-bottom a {
            color: #b1b1b1;
            margin-bottom: 2.5vw;
            margin-right: 3vw;
            font-size: 4.25vw
        }

        .footer-bottom .col-1 {
            margin-bottom: 24vw
        }

        .footer-bottom .col-2 {
            margin-bottom: 7vw
        }

    .opport-ico {
        height: 6vw;
        margin-left: 3vw
    }

    .order-track-banner {
        width: 65vw !important
    }

    .not-found {
        height: 100vh;
        width: 100vw;
        background: url(/assets/images/banner/coffee-shop.webp) center/cover no-repeat
    }

        .not-found h4 {
            font-size: 35vw;
            font-weight: 200;
            color: #fff;
            margin: 0 0 10vw
        }

        .not-found h5 {
            margin: unset;
            text-align: center;
            line-height: 10vw;
            font-size: 7vw;
            font-weight: 400;
            color: #d1d1d1
        }

    .partnership-header {
        color: #000;
        font-size: 8vw;
        padding: unset;
        text-align: center;
        font-weight: 500
    }

    .blog-buttons a, .video-button {
        color: #696f85;
        transition: .2s ease-out
    }

    .partnership-content {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding: 10vw 5vw;
        grid-gap: 15vw 3vw;
        flex-wrap: wrap
    }

        .partnership-content .partnership-group {
            display: flex;
            align-items: center;
            flex-direction: column
        }

            .partnership-content .partnership-group .partner-info {
                display: flex;
                flex-direction: column;
                width: 42vw
            }

                .partnership-content .partnership-group .partner-info img {
                    width: 4vw;
                    margin-right: 2vw
                }

                .partnership-content .partnership-group .partner-info div {
                    display: flex;
                    align-items: flex-start;
                    margin-bottom: 3vw
                }

                    .partnership-content .partnership-group .partner-info div h6 {
                        margin: unset;
                        font-size: 3vw;
                        color: #646464;
                        line-height: 5.5vw;
                        font-weight: 400
                    }

                .partnership-content .partnership-group .partner-info .partner-head {
                    font-size: 3.5vw;
                    font-weight: 400;
                    margin: 0 0 3vw;
                    padding-left: 6vw
                }

            .partnership-content .partnership-group .microbyte {
                width: 35vw;
                margin: 4vw 0 7vw
            }

            .partnership-content .partnership-group .toolbar {
                width: 35vw;
                margin: 10vw 0 13vw
            }

            .partnership-content .partnership-group .zencefil {
                width: 35vw;
                margin: 0 0 5vw
            }

            .partnership-content .partnership-group .hisar {
                width: 25vw;
                margin: 5vw 0 8vw
            }

            .partnership-content .partnership-group .zirve {
                width: 25vw;
                margin: 5vw 0
            }

            .partnership-content .partnership-group .predicomm {
                width: 15.5vw;
                margin: 0 0 5vw
            }

            .partnership-content .partnership-group .kalem {
                width: 22.5vw;
                margin: 0 0 5vw
            }

    .blog-group {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: space-between;
        grid-gap: 2.5vw;
        margin-bottom: 0
    }

        .blog-group p {
            font-size: 3.5vw;
            margin-top: 1vw;
            margin-bottom: unset;
            width: 100%;
            line-height: 4.5vw !important
        }

    .blog-buttons {
        display: flex;
        align-items: center;
        grid-gap: 2vw;
        flex-wrap: wrap;
        justify-content: center
    }

        .blog-buttons a {
            font-size: 3.5vw;
            border: .1vw solid #696f85;
            background-color: transparent;
            padding: 2vw 6vw;
            border-radius: 1.5vw;
            height: fit-content
        }

            .blog-buttons a:hover, .video-button {
                cursor: pointer;
                border: .1vw solid #696f85
            }

            .blog-buttons a:hover {
                background-color: #696f85;
                color: #fff !important
            }

    .blog-cronology {
        background: url(../../../assets/images/blog/menulux-cronology.webp) center/contain no-repeat;
        display: flex;
        align-items: stretch;
        flex-direction: column;
        margin-top: 10vw;
        grid-gap: 15vw;
        padding: 15vw 0
    }

        .blog-cronology .left-cronology {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            width: 39vw;
            position: relative
        }

            .blog-cronology .left-cronology p {
                text-align: right;
                margin: unset !important;
                font-size: 3vw !important
            }

            .blog-cronology .left-cronology h6, .blog-cronology .right-cronology h6 {
                margin: unset;
                position: absolute;
                bottom: -4.75vw;
                color: #646464;
                font-size: 3vw !important
            }

            .blog-cronology .left-cronology h4, .blog-cronology .right-cronology h4 {
                font-size: 5vw
            }

        .blog-cronology .right-cronology {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            width: 39vw;
            position: relative;
            margin-left: auto
        }

            .blog-cronology .right-cronology p {
                text-align: left;
                margin: unset !important;
                font-size: 3vw !important
            }

    .blog-special-img {
        width: 50vw;
        margin: auto
    }

    .partnership-form {
        padding: 17vw 7vw
    }

        .partnership-form h1 {
            margin: 0 0 1vw;
            color: #e81c53;
            font-weight: 600;
            font-size: 7vw;
            line-height: normal
        }

        .partnership-form h2 {
            margin: 5vw 0 2vw;
            color: #5c5c5c;
            font-weight: 500;
            font-size: 3.5vw;
            line-height: normal
        }

        .partnership-form h3 {
            margin: 2vw 0;
            color: #858585;
            font-weight: 400;
            font-size: 3.5vw;
            line-height: normal
        }

    .policy-header h1, .policy-header p {
        font-weight: 500;
        text-align: center;
        color: #fff
    }

    .partnership-form .partnership-form-group {
        border: .2vw solid #e81c53;
        border-radius: 2.5vw;
        width: 90vw;
        display: flex;
        flex-direction: column;
        margin: 6vw auto 0;
        padding: 4vw
    }

        .partnership-form .partnership-form-group div {
            border-top: unset;
            border-right: unset;
            border-left: unset;
            border-bottom: .1vw solid #ededed;
            display: flex
        }

            .partnership-form .partnership-form-group div input {
                border-bottom: unset !important;
                line-height: normal
            }

        .partnership-form .partnership-form-group h2 {
            color: #e81c53;
            font-size: 7vw;
            font-weight: 600;
            text-align: center;
            margin: unset;
            line-height: normal
        }

        .partnership-form .partnership-form-group form {
            display: flex;
            flex-direction: column;
            grid-gap: 5vw;
            margin-top: 4vw
        }

    .policy-header, .video-button {
        display: flex;
        align-items: center
    }

    .partnership-form .partnership-form-group form input {
        border-top: unset;
        border-right: unset;
        border-left: unset;
        border-bottom: .1vw solid #ededed;
        font-size: 3.25vw;
        padding: 0 0 1.5vw;
        resize: vertical;
        text-transform: capitalize;
        width: 100%;
        line-height: normal
    }

    .partnership-form .partnership-form-group form button {
        font-size: 3.5vw;
        border: .1vw solid transparent;
        color: #fff;
        background-color: #e81c53;
        padding: 2vw 3vw;
        border-radius: 1.25vw;
        height: fit-content;
        width: fit-content;
        line-height: normal;
        transition: .2s ease-out
    }

        .partnership-form .partnership-form-group form button:hover {
            border: .1vw solid #e81c53;
            background-color: transparent;
            padding: .75vw 1.5vw;
            color: #e81c53 !important;
            font-size: 1vw;
            border-radius: .41vw;
            cursor: pointer;
            height: fit-content
        }

    .policy-header {
        background-color: #e81c53;
        padding: 25vw 0 5vw;
        justify-content: center
    }

        .policy-header h1 {
            font-size: 9vw;
            line-height: 11.5vw;
            margin: 0 0 6vw
        }

        .policy-header p {
            font-size: 3.5vw;
            line-height: 5.5vw;
            margin: 0 5vw 6vw;
            width: 100%
        }

    .policy-section h2 {
        font-size: 4.5vw;
        line-height: normal;
        margin-top: unset;
        margin-bottom: 5vw
    }

    .policy-section p {
        font-size: 3.5vw;
        line-height: normal;
        margin: 0 0 5vw
    }

    .policy-section ol {
        margin: 0 0 3vw;
        font-weight: 600
    }

    .world-map {
        padding: 0 0 15vw
    }

        .world-map h2 {
            font-size: 7vw;
            line-height: normal
        }

        .world-map h3, .world-map h4 {
            font-size: 4vw;
            line-height: normal
        }

        .world-map h3 {
            margin: 5vw
        }

        .world-map h4 {
            margin: 5vw auto 0 5vw
        }

    #get-offer {
        scroll-margin-top: 15vw
    }

    .video-button {
        padding: 0 6vw;
        font-size: 3.5vw;
        margin: 3vw 0 0;
        height: auto;
        background-color: transparent;
        border-radius: 1.5vw
    }

    .popup-background, .popup-video iframe {
        width: 100%;
        height: 100%
    }

    .video-button:hover {
        background-color: #696f85;
        border: .1vw solid #696f85;
        color: #fff
    }

    .popup-background {
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,.5);
        display: none;
        align-items: center;
        justify-content: center;
        z-index: 9999
    }

    .popup-video {
        width: 95vw;
        height: 60vw;
        background-color: #fff
    }
}