#digital-system, #pos-system {
    padding: 5vw 20vw;
    grid-gap: 1.875vw
}

.ecosys-section {
    padding: 6vw 20vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

    .ecosys-section h2 {
        font-size: 2vw;
        font-weight: 500;
        color: #000;
        margin: unset;
        margin-bottom: .5vw
    }

    .ecosys-section p {
        font-size: 1vw;
        font-weight: 400;
        color: #6a6a6a;
        margin: unset;
        text-align: center;
        margin-bottom: 2.5vw
    }

    .ecosys-section .ecosys-content, .ecosys-section .ecosys-content .ecosys-group div {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        grid-gap: .835vw
    }

        .ecosys-section .ecosys-content .ecosys-group {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: center;
            grid-gap: .835vw;
            padding: 2vw;
            border-radius: 1.25vw;
            box-shadow: 0 1.25vw 3.335vw #00000014;
            background-color: #fff
        }

            .ecosys-section .ecosys-content .ecosys-group img {
                width: 8.35vw
            }

            .ecosys-section .ecosys-content .ecosys-group div h3 {
                font-size: 1.25vw;
                font-weight: 600;
                color: #bc7689;
                margin: unset
            }

            .ecosys-section .ecosys-content .ecosys-group div p {
                font-size: 1vw;
                font-weight: 400;
                color: grey;
                margin: unset;
                text-align: left
            }

.benefit-section {
    background: linear-gradient(to bottom,#fff5f8 0,#fff 100%);
    padding: 6vw 12vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-gap: 2.5vw
}

    .benefit-section .benefit-header, .prop-section .prop-header {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%
    }

        .benefit-section .benefit-header h2, .prop-section .prop-header h2 {
            font-size: 1.25vw;
            font-weight: 400;
            color: #f51451;
            margin: unset
        }

        #digital-system .digital-title, #management-system .management-title, #pos-system .sector-title, .benefit-section .benefit-header h3, .prop-section .prop-header h3 {
            font-size: 2.5vw;
            font-weight: 500;
            color: #000;
            margin: unset
        }

    .automation-section .automation-content a, .benefit-section a, .cta-btn-primary, .prop-section a {
        padding: .68vw .86vw;
        transition: .1s ease-in-out;
        color: #fff;
        background-color: #f51451;
        display: flex;
        font-family: Poppins;
        cursor: pointer
    }

    .benefit-section .benefit-content {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        grid-gap: 5vw
    }

        .benefit-section .benefit-content div {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            grid-gap: 1vw
        }

            .benefit-section .benefit-content div h4 {
                font-size: 1.25vw;
                font-weight: 600;
                margin: unset;
                color: #000
            }

            #digital-system .digital-content .digital-info p, #pos-system .sector-content .sector-info p, .benefit-section .benefit-content div p {
                font-size: 1vw;
                line-height: normal;
                font-weight: 400;
                margin: unset;
                color: grey
            }

            .automation-section .automation-images img, .benefit-section .benefit-content div img {
                width: 20vw
            }

    .automation-section .automation-content a, .benefit-section a, .cta-btn-primary {
        font-weight: 400;
        font-size: 1vw;
        border-radius: .41vw;
        border: .1vw solid #f51451;
        justify-content: center;
        align-items: center;
        grid-gap: .5vw
    }

#integration-system, .automation-section {
    background: linear-gradient(to bottom,#fff5f8 0,#fff 100%)
}

    .automation-section .automation-content a img, .benefit-section a img, .footer-bottom a img, .offer-form-section .offer-form .form-group form button img, .prop-section a img {
        width: 1.5vw
    }

    #digital-system .digital-content .digital-info a:hover, #digital-system .digital-header button:hover, #integration-system a:hover, #management-system .management-content .management-info a:hover, #pos-system .sector-content .sector-info a:hover, #pos-system .sector-header button:hover, .all-comments a:hover, .automation-section .automation-content a:hover, .benefit-section a:hover, .clients-section .clients-image a:hover, .cta-btn-primary:hover, .offer-form-section .offer-form .contact-now a:hover, .offer-form-section .offer-form .form-group form button:hover, .opacity-7, .prop-section a:hover {
        opacity: .7
    }

.prop-section {
    padding: 6vw 12vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-gap: 2.5vw
}

    .prop-section .prop-content {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        grid-gap: 1.25vw
    }

        .prop-section .prop-content .prop-box {
            width: 31vw;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            grid-gap: .835vw;
            box-shadow: 0 2.5vw 3.335vw #00000014;
            border-radius: 1.25vw;
            padding: 2.5vw;
            border: .1vw solid #f1d1db;
            background-color: #fff
        }

            .prop-section .prop-content .prop-box h4 {
                text-align: center;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                font-size: 1.25vw;
                font-weight: 500;
                color: #000;
                margin: unset;
                grid-gap: .5vw
            }

                .prop-section .prop-content .prop-box h4 img {
                    width: 2.5vw;
                    height: 2.5vw
                }

            .prop-section .prop-content .prop-box p {
                font-size: 1vw;
                font-weight: 400;
                color: grey;
                margin: unset;
                text-align: center
            }

    .prop-section a {
        font-weight: 400;
        font-size: 1vw;
        border-radius: .41vw;
        border: .1vw solid #f51451;
        justify-content: center;
        align-items: center;
        grid-gap: .5vw;
        margin-top: 3vw
    }

.automation-section {
    padding: 9vw;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative
}

    .automation-section .automation-content {
        width: 40vw;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        grid-gap: 1.25vw
    }

        .automation-section .automation-content span {
            font-size: 1.25vw;
            line-height: normal;
            font-weight: 500;
            color: #f51451;
            margin: unset;
            text-align: center
        }

        .automation-section .automation-content h1 {
            font-size: 3vw;
            line-height: 3.75vw;
            font-weight: 500;
            color: #000;
            margin: unset;
            text-align: center
        }

        .automation-section .automation-content p {
            font-size: 1.25vw;
            line-height: normal;
            font-weight: 400;
            color: #000;
            margin: unset;
            text-align: center
        }

    .automation-section .automation-images {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        grid-gap: 5vw;
        margin-top: 2.5vw
    }

        .automation-section .automation-images img:nth-child(2) {
            margin-top: 5vw
        }

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

    .offer-form-section span {
        color: #f51451;
        font-size: 1.25vw;
        font-weight: 500;
        margin: unset
    }

    .offer-form-section h2 {
        color: #000;
        font-size: 2.5vw;
        font-weight: 500;
        margin: unset
    }

    .offer-form-section .offer-form {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        background-color: #fef4f7;
        border-radius: 1.67vw;
        margin-top: 3.75vw;
        height: 40.7vw
    }

        .offer-form-section .offer-form .form-group {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            padding: 3.75vw
        }

            .offer-form-section .offer-form .form-group h3 {
                font-size: 1.67vw;
                font-weight: 500;
                margin: 0 0 2.5vw;
                color: #a1888f
            }

            .offer-form-section .offer-form .form-group form, .offer-form-section .offer-form .form-group form .multiple-input div {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                justify-content: flex-start
            }

                .offer-form-section .offer-form .form-group form .multiple-input {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: flex-start;
                    grid-gap: 1.25vw
                }

                .offer-form-section .offer-form .form-group form label {
                    font-size: 1.25vw;
                    font-weight: 500;
                    color: #704d56;
                    padding: 0 .6vw;
                    line-height: normal;
                    width: 100%
                }

                .offer-form-section .offer-form .form-group form input, .offer-form-section .offer-form .form-group form select {
                    font-weight: 400;
                    color: #704d56;
                    background-color: transparent;
                    margin-bottom: 1.67vw;
                    font-size: 1.042vw;
                    line-height: normal;
                    width: 100%
                }

                .offer-form-section .offer-form .form-group form input {
                    border-bottom: .1vw solid #b6b6b6 !important;
                    border: unset;
                    padding: .2vw .6vw .6vw
                }

                    .offer-form-section .offer-form .form-group form input::placeholder {
                        color: #a69292
                    }

                .offer-form-section .offer-form .form-group form select {
                    border-bottom: .1vw solid #b6b6b6 !important;
                    border: unset;
                    padding: .2vw .6vw .6vw .3vw
                }

                .offer-form-section .offer-form .form-group form button {
                    font-size: 1.042vw;
                    font-weight: 600;
                    color: #fff;
                    background-color: #f51451;
                    border: .1vw solid #f51451 !important;
                    padding: .9vw 1.75vw;
                    line-height: normal;
                    border-radius: .41vw;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    grid-gap: .75vw;
                    transition: .2s ease-in-out;
                    cursor: pointer
                }

        .offer-form-section .offer-form .contact-now {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            position: relative;
            background-color: #f9ebef;
            grid-gap: 2vw;
            padding: 3.75vw 5.5vw 3.75vw 3.75vw;
            border-radius: 0 1.67vw 1.67vw 0;
            height: 100%;
            width: 32vw
        }

            .offer-form-section .offer-form .contact-now .contact-vector {
                width: 33vw;
                position: absolute;
                right: -4vw;
                bottom: 0
            }

            .offer-form-section .offer-form .contact-now h3 {
                font-size: 1.67vw;
                font-weight: 500;
                margin: unset;
                line-height: normal;
                color: #a1888f
            }

            .offer-form-section .offer-form .contact-now a {
                font-size: 2vw;
                font-weight: 500;
                margin: unset;
                line-height: normal;
                color: #704d56;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: row;
                grid-gap: .835vw;
                border-radius: 100vw;
                padding: .4vw 1.5vw;
                background-color: #fffaf0;
                border: .1vw solid #fbbecf;
                transition: .2s ease-in-out
            }

                .offer-form-section .offer-form .contact-now a img {
                    width: 2.084vw
                }

#client-comments {
    padding: 5vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-gap: 3vw
}

    #client-comments .client-title {
        font-size: 2.5vw;
        font-weight: 500;
        color: #000;
        margin: 0
    }

    #client-comments .client-description {
        font-size: 1vw;
        line-height: normal;
        font-weight: 400;
        color: #898989;
        margin: -2vw 0 0
    }

    #client-comments .client-content {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        grid-gap: 1vw
    }

        #client-comments .client-content div {
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            flex-direction: column
        }

            #client-comments .client-content div a img {
                width: 29vw;
                height: auto;
                border-radius: .41vw
            }

            #client-comments .client-content div h4 {
                color: #f51451;
                font-size: 1.042vw;
                line-height: normal;
                font-weight: 500;
                margin: unset;
                padding-left: 1.25vw
            }

            #client-comments .client-content div p {
                color: #000;
                font-size: 1.042vw;
                font-weight: 500;
                line-height: normal;
                margin: unset;
                padding-left: 1.25vw
            }

    #client-comments .comment-content::-webkit-scrollbar {
        display: none
    }

    #client-comments .comment-content {
        padding: 5vw 7vw;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        grid-gap: 1.25vw;
        width: 100%;
        overflow: hidden;
        height: 30vw
    }

        #client-comments .comment-content .comment-group.hidden {
            opacity: 0
        }

        #client-comments .comment-content .comment-group {
            padding: 4vw;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            grid-gap: .835vw;
            box-shadow: 0 1.25vw 2.5vw #00000014;
            width: 37vw;
            min-width: 37vw;
            opacity: 1;
            transition: opacity 1s ease-in-out;
            height: 100%
        }

            #client-comments .comment-content .comment-group h4 {
                font-size: 1.25vw;
                color: #000;
                font-weight: 500;
                margin: unset;
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: flex-start;
                grid-gap: .35vw;
                border-bottom: .1vw solid #c4c4c4;
                padding-bottom: 1.25vw
            }

                #client-comments .comment-content .comment-group h4 span {
                    font-size: 1.25vw;
                    color: #000;
                    font-weight: 400;
                    margin: unset
                }

                #client-comments .comment-content .comment-group h4 img {
                    margin-left: auto;
                    width: 5vw
                }

            #client-comments .comment-content .comment-group p {
                color: grey;
                font-size: 1.042vw;
                font-weight: 400;
                line-height: normal
            }

    #client-comments .comment-pagination {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        grid-gap: 1.25vw
    }

        #client-comments .comment-pagination div {
            height: .625vw;
            width: 2.6vw;
            background-color: #f51451;
            opacity: .3;
            border-radius: 100vw;
            cursor: pointer
        }

            #client-comments .comment-pagination div.selected, .alert, .hover-push .hover-backdrop, .product:hover > a > h6, .section-devices .device-tab-content .box:hover, .toggle .toggle-title:hover div {
                opacity: 1
            }

#integration-system {
    padding: 5vw 10vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    grid-gap: 8vw
}

    #integration-system .integration-content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        grid-gap: 1.5vw
    }

    #integration-system .integration-title {
        font-size: 3.335vw;
        font-weight: 500;
        color: #000;
        margin: unset
    }

    #integration-system .integration-description {
        font-size: 1.25vw;
        line-height: normal;
        font-weight: 400;
        color: #898989;
        margin: 0
    }

    #digital-system .digital-content .digital-info a, #integration-system a, #management-system .management-content .management-info a {
        font-size: .9vw;
        font-weight: 400;
        font-family: Poppins;
        color: #f51451;
        margin: unset;
        border: .1vw solid #f51451;
        border-radius: .41vw;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        grid-gap: .75vw;
        padding: .45vw .865vw;
        transition: .2s ease-in-out
    }

        #digital-system .digital-content .digital-info a img, #integration-system a img, #management-system .management-content .management-info a img, #pos-system .sector-content .sector-info a img, .devices-accessories-section .devices-accessories-info a img {
            width: 1vw
        }

    #integration-system .integrations-group {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        grid-gap: 1vw;
        flex-wrap: wrap
    }

        #integration-system .integrations-group img {
            width: 5vw;
            background-color: #fff;
            border: .1vw solid
        }

#management-system {
    padding: 5vw 10vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-gap: 1.875vw
}

    #digital-system .digital-description, #management-system .management-description {
        font-size: 1.25vw;
        font-weight: 400;
        color: #898989;
        margin: -1vw 0 2vw
    }

    #management-system .management-content {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        grid-gap: 2vw;
        width: 100%
    }

        #management-system .management-content img, .tablet-bg .tablet-menu-section img, .w-35, .waiter-content img, .web-portal-section .web-portal-group img {
            width: 35vw
        }

        #management-system .management-content .management-info {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            grid-gap: 1vw;
            width: fit-content
        }

            #management-system .management-content .management-info h3 {
                font-size: 1.875vw;
                line-height: 2.75vw;
                font-weight: 500;
                margin: unset;
                color: #e81c53
            }

            #management-system .management-content .management-info p {
                font-size: 1vw;
                line-height: normal;
                font-weight: 400;
                margin: unset;
                color: grey;
                width: 25vw
            }

            #digital-system .digital-content .digital-info span, #management-system .management-content .management-info span, #pos-system .sector-content .sector-info span {
                color: #e81c53;
                font-size: 1.042vw;
                font-weight: 500;
                margin: unset;
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;
                grid-gap: .5vw
            }

                #digital-system .digital-content .digital-info span img, #management-system .management-content .management-info span img, #pos-system .sector-content .sector-info span img {
                    width: 1.25vw;
                    height: 1.25vw
                }

#pos-system {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

    #pos-system .sector-header {
        border-radius: 100vw;
        border: .1vw solid #ffecf2;
        padding: .835vw;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        grid-gap: 1.25vw;
        background-color: #ffecf2
    }

        #digital-system .digital-header button, #pos-system .sector-header button {
            border: .1vw solid #d7a7a7;
            border-radius: 100vw;
            color: #595959;
            padding: .75vw 1.25vw;
            background-color: transparent;
            font-size: 1.25vw;
            font-weight: 400;
            cursor: pointer;
            transition: .2s ease-in-out
        }

            #digital-system .digital-header button.active-tab-bar, #pos-system .sector-header button.active-tab-bar {
                border: .1vw solid #e81c53;
                color: #fff;
                background-color: #e81c53
            }

    #pos-system .sector-content {
        display: none;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        grid-gap: 5vw;
        margin-top: 3vw
    }

        #digital-system .digital-content img, #pos-system .sector-content img {
            width: 30vw
        }

        #pos-system .sector-content .sector-info {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            grid-gap: 1vw;
            width: 25vw
        }

            #pos-system .sector-content .sector-info h3 {
                font-size: 1.875vw;
                line-height: 2.75vw;
                font-weight: 500;
                margin: unset;
                color: #000
            }

            #pos-system .sector-content .sector-info a {
                font-size: .9vw;
                font-weight: 400;
                font-family: Poppins;
                color: #fff;
                margin: unset;
                border: .1vw solid #f51451;
                background-color: #f51451;
                border-radius: .41vw;
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;
                grid-gap: .75vw;
                padding: .45vw .865vw;
                transition: .2s ease-in-out;
                margin-top: 1vw
            }

#digital-system {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #fff5f8
}

    #digital-system .digital-header {
        border-radius: 100vw;
        border: .1vw solid #fff;
        padding: .835vw;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        grid-gap: 1.25vw;
        background-color: #fff
    }

    #digital-system .digital-content {
        display: none;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        grid-gap: 3vw;
        margin-top: 3vw;
        width: 100%
    }

        #digital-system .digital-content .digital-info {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            grid-gap: 1vw;
            width: 27vw
        }

            #digital-system .digital-content .digital-info h3 {
                font-size: 1.875vw;
                line-height: 2.75vw;
                font-weight: 500;
                margin: unset;
                color: #4f4f4f
            }

.cta-btn-primary, .go-portal, .w-fit-content {
    width: fit-content
}

    .cta-btn-primary img {
        width: 1.5vw !important;
        margin: unset !important
    }

.google-maps, .google-maps div, .section-reference-clients .reference-clients-group, .sub-footer {
    display: flex;
    align-items: center
}

.footer-address a img, .footer-address h3 img {
    width: 1.5vw;
    margin-right: .75vw
}

.menuboard-video {
    padding: 6.66vw 10.5vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

    .menuboard-video .video-group {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center
    }

        .menuboard-video .video-group video {
            width: 50vw;
            height: 100%;
            border-radius: 1.25vw
        }

.go-portal, .order-kiosk-section a {
    height: fit-content;
    transition: .2s ease-out
}

.menuboard-video .menuboard-text-group {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    grid-gap: 3.5vw;
    padding: 2vw
}

    .menuboard-video .menuboard-text-group p {
        font-size: .835vw
    }

    .background-gradient img, .main-section .swiper-slide .img-cover, .menuboard-video .menuboard-text-group div {
        width: 100%
    }

.order-kiosk-section {
    background: transparent linear-gradient(34deg,var(--unnamed-color-ffffff) 0,#fff7f0 100%) 0 0 no-repeat padding-box;
    background: linear-gradient(34deg,#fff 0,#fff7f0 100%) no-repeat padding-box;
    padding: 5vw 12vw 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

    .order-kiosk-section h2 {
        margin: 0 0 .5vw;
        font-size: 1.458vw;
        color: #e81c53;
        font-weight: 500
    }

    .order-kiosk-section h3 {
        font-size: 3vw;
        color: #000;
        line-height: 4vw;
        margin-top: 0;
        margin-bottom: 1.5vw;
        font-weight: 500
    }

    .order-kiosk-section p {
        font-size: 1vw;
        line-height: 1.5vw;
        color: #7c7c7c;
        margin: 0 0 2vw 3vw;
        font-weight: 400;
        text-align: center
    }

    .order-kiosk-section a {
        font-size: 1.042vw;
        background: #e81c53;
        border: .1vw solid transparent;
        padding: .5vw 1.5vw;
        border-radius: .41vw;
        color: #fff
    }

        .order-kiosk-section a:hover {
            background: 0 0;
            color: #e81c53 !important;
            border: .1vw solid #e81c53
        }

    .order-kiosk-section img, .self-service-section .self-service-group img {
        width: 45vw
    }

.devices-accessories-section {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5vw 12vw;
    grid-gap: 5vw
}

    .devices-accessories-section .devices-accessories-img {
        width: 32vw
    }

    .devices-accessories-section .devices-accessories-info {
        width: 30vw;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        border: .1vw solid #bc7689;
        border-radius: 1.25vw;
        padding: 2.083vw
    }

        .devices-accessories-section .devices-accessories-info h2 {
            font-size: 3vw;
            font-weight: 500;
            color: #000;
            margin: 0 0 1vw;
            line-height: 4vw
        }

        .devices-accessories-section .devices-accessories-info p {
            font-size: 1vw;
            font-weight: 500;
            color: #7c7c7c;
            margin: 0 0 1.25vw;
            line-height: 1.5vw
        }

        .devices-accessories-section .devices-accessories-info a {
            border-radius: .41vw;
            color: #e81c53;
            height: fit-content;
            border: .1vw solid #e81c53;
            cursor: pointer;
            transition: .2s ease-out;
            background-color: transparent;
            font-size: .9vw;
            font-weight: 400;
            margin: unset;
            grid-gap: .75vw;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            padding: .45vw .865vw
        }

            .devices-accessories-section .devices-accessories-info a:hover {
                border: .1vw solid #e81c53;
                background-color: #e81c53;
                color: #fff
            }

.client-videos {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 3vw 0 0
}

    .client-videos div {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        width: 25vw
    }

        .client-videos div a {
            width: 24vw;
            height: 13.47vw;
            margin-bottom: 1vw;
            background-size: contain;
            background-repeat: no-repeat
        }

            .client-videos div a span, .display-none {
                display: none
            }

        .client-videos div #youtubeSerpils {
            background-image: url('/assets/images/clients/serpils-panino.webp')
        }

        .client-videos div #youtubeSommario {
            background-image: url('/assets/images/clients/sommario-coffee.webp')
        }

        .client-videos div #youtubeAfife {
            background-image: url('/assets/images/clients/afife-kruvasan.webp')
        }

        .client-videos div h2 {
            font-weight: 500;
            font-size: 1.25vw;
            line-height: normal;
            margin: 0 0 .5vw
        }

        .client-videos div p {
            font-weight: 400;
            font-size: .8vw;
            line-height: normal;
            color: #707070
        }

.all-comments {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    grid-gap: 1.5vw;
    margin: 5vw 0 0
}

    .all-comments h2 {
        margin: unset;
        width: 100%;
        line-height: normal;
        font-size: 1.25vw;
        font-weight: 400;
        text-align: center
    }

    .all-comments a {
        font-size: 1vw;
        font-weight: 400;
        border: .1vw solid #e81c53;
        transition: .1s ease-out;
        color: #e81c53;
        border-radius: .41vw;
        padding: .5vw 1.5vw .5vw 3vw;
        cursor: pointer;
        background: url('/assets/images/icons/support-youtube.svg') 0 0/2vw no-repeat;
        background-position-x: .5vw;
        background-position-y: center
    }

.faq-margin {
    margin: 0;
    padding: 1vw 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

    .faq-margin .toggle span {
        font-size: 1vw
    }

    .faq-margin .toggle .toggle-content {
        font-size: 1vw;
        font-weight: 400;
        color: #707070
    }

        .faq-margin .toggle .toggle-content a {
            color: #2e2e2e
        }

.applications-section, .product-section {
    padding: 5vw 15vw
}

    .applications-section h2 {
        font-size: 3vw;
        font-weight: 500;
        margin: 0 0 3vw
    }

    .applications-section .applications-group {
        display: flex;
        flex-direction: column;
        grid-gap: 4vw
    }

        .applications-section .applications-group .applications {
            display: flex;
            grid-gap: 2vw
        }

            .applications-section .applications-group .applications .top {
                display: flex;
                flex-direction: column;
                width: 35vw
            }

                .applications-section .applications-group .applications .top h3 {
                    font-size: 1.5vw;
                    margin: 0 0 .5vw;
                    font-weight: 500
                }

                .applications-section .applications-group .applications .top p {
                    font-size: 1vw;
                    font-weight: 400;
                    line-height: normal;
                    margin: unset;
                    color: #7c7c7c
                }

                .applications-section .applications-group .applications .top a {
                    font-size: 1vw;
                    font-weight: 500;
                    color: #000;
                    text-decoration: underline
                }

            .applications-section .applications-group .applications .bottom {
                display: flex;
                flex-wrap: wrap;
                grid-gap: 2vw;
                width: 100vw
            }

                .applications-section .applications-group .applications .bottom a {
                    width: 15vw;
                    background-repeat: no-repeat;
                    padding: 0 0 0 4vw;
                    background-position: 0 .25vw;
                    background-size: 3.5vw
                }

                    .applications-section .applications-group .applications .bottom a:hover {
                        opacity: .8
                    }

                    .applications-section .applications-group .applications .bottom a img {
                        border-radius: .41vw;
                        width: 3vw
                    }

                    .applications-section .applications-group .applications .bottom a h4 {
                        font-size: 1vw;
                        line-height: normal;
                        white-space: nowrap;
                        margin: 0;
                        font-weight: 500
                    }

                    .applications-section .applications-group .applications .bottom a p {
                        font-size: .8vw;
                        font-weight: 400;
                        color: #7c7c7c;
                        line-height: normal;
                        margin: unset
                    }

.sub-footer {
    background-color: #000;
    padding: .5vw 10vw;
    margin: unset
}

    .sub-footer .sub-footer-left {
        flex-grow: 1;
        display: flex;
        justify-content: flex-start
    }

        .sub-footer .sub-footer-left span {
            color: #d6d6d6;
            font-size: .7vw;
            margin: unset;
            width: fit-content
        }

    .sub-footer .sub-footer-center {
        flex-grow: 1;
        display: flex;
        justify-content: center
    }

    .sub-footer .sub-footer-right {
        flex-grow: 2.1;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        grid-gap: 1vw
    }

        #demos .qr-demo-group .qr-demo-box a svg, .sub-footer .sub-footer-right img {
            height: 1vw
        }

.boss-section .boss-linked-text a, .google-maps:hover h2 {
    text-decoration: underline
}

.google-maps {
    grid-gap: .5vw
}

    .google-maps div {
        grid-gap: .2vw
    }

        .google-maps div svg {
            width: 1vw;
            background-color: #d9a100;
            border-radius: .2vw
        }

    .google-maps span {
        color: #d6d6d6;
        font-size: .7vw
    }

.go-portal {
    font-size: 1.4vw;
    background: #e81c53;
    border: .1vw solid #e81c53;
    margin-top: 1vw;
    padding: .5vw 1.5vw;
    color: #fff;
    border-radius: .41vw
}

    .go-portal:hover {
        background: 0 0;
        border: .1vw solid #e81c53;
        color: #e81c53 !important
    }

.no-border {
    border: none
}

.header .menu > li > a {
    font-family: Poppins,sans-serif
}

.pill-content > .pill-pane:not(.active), .tab-content > .tab-pane:not(.active) {
    display: block;
    height: 0;
    overflow-y: hidden
}

.restaurant-section .market-pos-img, .webpos-section-content img {
    width: 40vw
}

.header .menu > li > .mega .container .sub-menu-heading {
    font-family: 'Open Sans',sans-serif;
    font-weight: 700;
    letter-spacing: .04em
}

.header .menu > li > .mega .container ul.sub-menu > li a {
    font-family: 'Open Sans',sans-serif;
    font-weight: 700
}

.fw-300 {
    font-weight: 300
}

.fw-400 {
    font-weight: 400
}

.fw-500 {
    font-weight: 500
}

.fw-600 {
    font-weight: 600
}

.self-order img, .w-100 {
    width: 100% !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.closebtn:hover, .color-black, .digital-tab-link:hover, .header.transparent-light.main-header.minimized.light .dropDownMenu ul li .drop-head, .header.transparent-light.main-header.minimized.light .dropDownMenu ul li .drop-head a, a {
    color: #000
}

.header.light.main-header .dropDownMenu ul li .down-arrow-style, .header.light.main-header.minimized .dropDownMenu ul li .down-arrow-style, .header.transparent-light.main-header.minimized.light .dropDownMenu ul li .down-arrow-style {
    filter: invert(66%) sepia(5%) saturate(277%) hue-rotate(5deg) brightness(90%) contrast(88%)
}

.d-none {
    display: none !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.main-section, .overflow-hidden {
    overflow: hidden
}

.bg-transparent {
    background: 0 0 !important
}

.text-hover:hover > div > a, .text-hover:hover > div > h4 {
    color: #101010 !important;
    text-shadow: none !important;
    font-weight: 600
}

.text-hover > div > a:after {
    background: #101010 !important
}

.m-0 {
    margin: 0
}

.display-flex {
    display: flex
}

.item-center, .mobile-app-section, .mobile-report-group, .waiter-content {
    align-items: center
}

.item-flex-end {
    align-items: flex-end
}

.item-flex-start {
    align-items: flex-start
}

.justify-between {
    justify-content: space-between
}

.justify-center {
    justify-content: center
}

.client-comments-section .comment-swiper .swiper-slide, .web-pos-section .web-pos-inner {
    flex-direction: column;
    padding: 0 5vw;
    display: flex
}

.footer-address, .footer-copyright {
    display: flex;
    flex-direction: column;
    padding: unset;
    justify-content: space-between;
    grid-gap: 1vw
}

.color-646 {
    color: #646464
}

.color-919 {
    color: #919191
}

.color-e81 {
    color: #e81c53
}

.color-7c7 {
    color: #7c7c7c
}

.color-141 {
    color: #141414
}

.color-888 {
    color: #888
}

.header-position {
    padding: .3vw 6vw 0
}

.main-header {
    height: 6.3vw
}

.integrated-all {
    margin: 0 6vw
}

.footer-top .footer-content a, .fs-1041vw {
    font-size: 1.041vw
}

.fs-2916vw {
    font-size: 2.916vw
}

.fs-166vw {
    font-size: 1.66vw
}

.fs-1458vw {
    font-size: 1.458vw
}

.fs-1875vw {
    font-size: 1.875vw
}

.fs-333vw {
    font-size: 3.33vw
}

.fs-416vw {
    font-size: 4.16vw
}

.address-section .address-group .address-head h6 {
    font-size: 1.5vw
}

.faq-section .take-offer .take-offer-form .response h4, .fs-125vw {
    font-size: 1.25vw
}

.footer-top .footer-head .subhead, .fs-3125vw {
    font-size: 3.125vw
}

.integrations-section h6, .mb-0833vw {
    margin-bottom: .833vw
}

.client-comments-section .comment-swiper .swiper-slide .swiper-comment-content h6, .mb-125vw {
    margin-bottom: 1.25vw
}

.mb-1562vw {
    margin-bottom: 1.562vw
}

.mb-1822vw {
    margin-bottom: 1.822vw
}

.mb-2421vw {
    margin-bottom: 2.421vw
}

.mb-25vw {
    margin-bottom: 2.5vw
}

.mb-2604vw {
    margin-bottom: 2.604vw
}

.mb-3645vw {
    margin-bottom: 3.645vw
}

.mb-1145vw {
    margin-bottom: 1.145vw
}

.mb-3802vw {
    margin-bottom: 3.802vw
}

.mb-2083vw {
    margin-bottom: 2.083vw
}

.mb-479vw {
    margin-bottom: 4.79vw
}

.mb-3125vw {
    margin-bottom: 3.125vw
}

.mb-5208vw {
    margin-bottom: 5.208vw
}

.footer-address h2 {
    color: #fff;
    font-size: 2.5vw;
    font-weight: 500;
    margin: unset;
    display: flex;
    align-items: flex-start
}

.footer-address a, .footer-address h3 {
    font-size: 1vw;
    color: #fff;
    display: flex
}

.footer-address h3 {
    font-weight: 300;
    margin: unset;
    align-items: flex-start
}

    .footer-address h3 img {
        margin-top: .1vw
    }

.footer-address a:hover, .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, ul li:hover .down-arrow-style, ul li:hover .drop-head {
    opacity: .75
}

.footer-address a {
    font-weight: 300;
    align-items: flex-start
}

.footer-bottom span, .footer-content, .happy-customer-section .happy-customer-content h6, .support-content .support-content-group h5 {
    margin-bottom: .5vw
}

.footer-bottom-group {
    display: flex;
    justify-content: space-between
}

.mr-0 {
    margin-right: 0 !important
}

.mr-1vw {
    margin-right: 1vw !important
}

.mr-2vw {
    margin-right: 2vw !important
}

.mr-25vw {
    margin-right: 2.5vw !important
}

.mb-2vw {
    margin-bottom: 2vw !important
}

.mb-3vw {
    margin-bottom: 3vw !important
}

.mb-6875vw {
    margin-bottom: 6.875vw !important
}

.mt-2vw {
    margin-top: 2vw !important
}

.mt-3vw {
    margin-top: 3vw !important
}

.mt-4vw {
    margin-top: 4vw !important
}

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

.header-nav {
    position: fixed;
    z-index: 2
}

.section-index-bg {
    background: linear-gradient(119deg,#ff3169 0,#f51451 100%) no-repeat padding-box
}

.main-spacing {
    padding: 8.35vw 0 0 !important
}

    .main-spacing img {
        height: 50vw
    }

.section-reference-clients {
    padding: 0 6vw 3vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 5vw
}

    .section-reference-clients .animated-img {
        width: 100%;
        height: 5vw;
        overflow: hidden;
        position: relative;
        display: flex;
        align-items: center
    }

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

    .section-reference-clients .reference-clients-group img {
        transform: rotate(-90deg);
        filter: brightness(.35)
    }

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

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

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

.manage-business-section .manage-business-right .last-business {
    margin-bottom: 2vw
}

.terminal-solutions {
    padding: 6vw
}

    .terminal-solutions .terminal-solutions-head {
        font-size: 3.33vw;
        margin-bottom: 2vw
    }

    .terminal-solutions .terminal-solutions-subhead {
        font-size: 1.135vw;
        color: #7c7c7c;
        margin-bottom: 4.75vw
    }

    .terminal-solutions .terminal-content {
        display: flex;
        align-items: flex-start;
        flex-direction: column
    }

    .terminal-solutions .terminal-content-group {
        margin: 0 8vw
    }

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

        .terminal-solutions .terminal-content-group .terminal-content h3 {
            font-size: 1.458vw;
            color: #000;
            margin: 1.75vw .75vw 0
        }

        .terminal-solutions .terminal-content-group .terminal-content p {
            font-size: 1.041vw;
            color: #7c7c7c;
            line-height: 1.4vw;
            margin: .75vw 3.5vw .75vw .75vw
        }

        .terminal-solutions .terminal-content-group .terminal-content a {
            color: #e81c53;
            font-size: 1.041vw;
            border: .1vw solid #e81c53;
            background-color: transparent;
            padding: .5vw 1.5vw;
            border-radius: .41vw;
            margin: .75vw;
            height: fit-content;
            transition: .2s ease-out
        }

            .terminal-solutions .terminal-content-group .terminal-content a:hover {
                color: #fff;
                font-size: 1.041vw;
                border: .1vw solid transparent;
                background-color: #e81c53;
                padding: .5vw 1.5vw;
                margin: .75vw;
                border-radius: .41vw;
                height: fit-content
            }

.web-pos-section {
    padding: 7vw 10vw
}

    .web-pos-section .web-pos-inner {
        margin-right: 5vw;
        text-align: right;
        align-items: flex-end
    }

    .web-pos-section img {
        height: 24vw
    }

    .not-found .view-opport #offer:hover, .web-pos-section a, .web-pos-section a:hover {
        height: fit-content;
        font-size: 1.041vw;
        padding: .5vw 1.5vw
    }

    .web-pos-section a {
        background: #e81c53;
        border: .1vw solid transparent;
        border-radius: .41vw;
        transition: .2s ease-out
    }

        .web-pos-section a:hover {
            background: 0 0;
            color: #e81c53 !important;
            border: .1vw solid #e81c53;
            border-radius: .41vw
        }

    .web-pos-section .web-pos-header {
        margin: 0 0 .5vw;
        font-size: 1.458vw;
        color: #e81c53
    }

    .web-pos-section .web-pos-subhead {
        font-size: 3vw;
        color: #000;
        line-height: 4vw;
        margin-top: 0;
        margin-bottom: 1.5vw
    }

    .web-pos-section .web-pos-content {
        font-size: 1vw;
        line-height: 1.9vw;
        color: #7c7c7c;
        margin: 0 0 2vw 3vw
    }

.not-found .view-opport #offer:hover {
    cursor: pointer;
    color: #e81c53;
    background-color: transparent;
    border: .1vw solid #e81c53;
    border-radius: .41vw;
    transition: .2s ease-out
}

.manage-business-section .manage-business-left {
    background-color: #edf2f5;
    width: 60.75vw;
    padding: 7.3vw 0 7.3vw 9.6vw
}

    .manage-business-section .manage-business-left img {
        height: 22.75vw
    }

    .manage-business-section .manage-business-left h2 {
        font-size: 3.33vw;
        color: #000;
        letter-spacing: 0;
        margin: 0 7vw;
        line-height: 4vw
    }

    .manage-business-section .manage-business-left p {
        font-size: 1.25vw;
        color: #7c7c7c;
        line-height: 2vw;
        margin: 2vw 8vw 0
    }

.manage-business-section .manage-business-right {
    background-color: #e81c5b;
    width: 39.25vw;
    padding: 5.5vw 4.1vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

    .manage-business-section .manage-business-right h2 {
        font-size: 1.875vw;
        margin-bottom: 1vw;
        color: #fff
    }

    .manage-business-section .manage-business-right p {
        font-size: 1.25vw;
        line-height: 1.6vw;
        letter-spacing: 0;
        margin-bottom: 6vw;
        color: #fff;
        margin-right: 7vw
    }

        .manage-business-section .manage-business-right p a {
            text-decoration: underline;
            color: #fff
        }

    .manage-business-section .manage-business-right .more-info {
        background-color: #fff;
        border: .1vw solid #fff;
        font-size: 1.041vw;
        border-radius: .41vw;
        padding: .5vw 1.5vw;
        color: #e81c53;
        height: fit-content;
        transition: .2s ease-out
    }

        .manage-business-section .manage-business-right .more-info:hover {
            background-color: transparent;
            border: .1vw solid #fff;
            font-size: 1.041vw;
            border-radius: .41vw;
            padding: .5vw 1.5vw;
            color: #fff;
            height: fit-content
        }

.digital-section {
    padding: 5vw 9.25vw 0;
    background-color: #fff5f8
}

.digital-section-tab h2 {
    font-size: 3.33vw;
    margin-bottom: 3.1vw;
    margin-top: 2vw
}

.digital-section-tab div {
    background-color: #cad4d9;
    border-radius: 5vw;
    width: fit-content;
    height: .3vw .4vw;
    padding: .4vw
}

.digital-tab-link {
    border: none;
    color: #000;
    background: 0 0;
    cursor: pointer;
    font-size: 1.458vw;
    border-radius: 5vw;
    padding: .7vw 1.25vw;
    height: fit-content
}

.digital-section .digital-tab-content {
    margin-top: 5.25vw
}

    .digital-section .digital-tab-content div {
        width: 20vw;
        margin: 2.2vw 1.5vw;
        text-align: left;
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    .digital-section .digital-tab-content h2 {
        font-size: 1.458vw;
        line-height: 2.2vw;
        margin-bottom: 1vw
    }

    .digital-section .digital-tab-content p {
        font-size: 1.041vw;
        line-height: 1.4vw;
        margin-bottom: 1vw;
        color: #7c7c7c
    }

    .digital-section .digital-tab-content a, .faq-section .take-offer .take-offer-form button {
        font-size: 1.041vw;
        border: .1vw solid transparent;
        background-color: #e81c53;
        padding: .5vw 1.5vw;
        border-radius: .41vw;
        height: fit-content;
        transition: .2s ease-out
    }

        .digital-section .digital-tab-content a:hover, .faq-section .take-offer .take-offer-form button:hover {
            border: .1vw solid #e81c53;
            background-color: transparent;
            padding: .5vw 1.5vw;
            color: #e81c53 !important;
            font-size: 1.041vw;
            border-radius: .41vw;
            cursor: pointer;
            height: fit-content
        }

    .digital-section .digital-tab-content img {
        width: 26vw
    }

.digital-section #qrMenu img {
    animation: .3s fadeIn
}

.digital-section #mobileApp img, .digital-section #tabletMenu img {
    animation: .3s fadeIn;
    margin-bottom: 2vw
}

.devices-header-text {
    text-align: center;
    margin-bottom: 3.33vw
}

    .devices-header-text h6, .integrations-section h2 {
        font: 500 3.33vw Poppins;
        color: #141414;
        margin-bottom: 1.041vw;
        margin-top: 0
    }

    .devices-header-text p {
        font: 500 1.25vw Poppins;
        color: #7c7c7c;
        margin-top: 0
    }

.faq-section {
    padding: 3vw 0
}

    .faq-section .faq-header {
        font-size: 3vw;
        margin-bottom: 1.25vw;
        margin-top: unset
    }

    .faq-section .take-offer {
        background-color: #edf2f5;
        border-radius: .875vw
    }

        .faq-section .take-offer .contact-now-group {
            padding-right: 8.6vw;
            padding-top: 5.208vw;
            position: relative
        }

            .faq-section .take-offer .contact-now-group .phone {
                margin: 0 0 1.25vw;
                justify-content: flex-start;
                grid-gap: 0 1vw;
                align-items: center
            }

                .faq-section .take-offer .contact-now-group .phone img, .faq-section .take-offer .contact-now-group .whatsapp img {
                    height: 1.45vw
                }

            .faq-section .take-offer .contact-now-group .whatsapp {
                justify-content: flex-start;
                grid-gap: 0 1vw
            }

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

            .faq-section .take-offer .contact-now-group .contact-now-image {
                margin-top: unset;
                height: 14.86vw;
                position: absolute;
                bottom: -2vw
            }

            .faq-section .take-offer .contact-now-group .contact-now-head {
                font-size: 1.875vw;
                color: #5c5c5c;
                margin-bottom: 2vw;
                line-height: 2.5vw
            }

        .faq-section .take-offer .take-offer-form {
            padding: 5.208vw;
            margin-right: 3.5vw
        }

            .faq-section .take-offer .take-offer-form form {
                width: min-content
            }

            .faq-section .take-offer .take-offer-form #business, .faq-section .take-offer .take-offer-form #name {
                width: 31vw
            }

            .faq-section .take-offer .take-offer-form #business, .faq-section .take-offer .take-offer-form #city, .faq-section .take-offer .take-offer-form #mail, .faq-section .take-offer .take-offer-form #phone, .faq-section .take-offer .take-offer-form .response img {
                width: 15vw
            }

            .faq-section .take-offer .take-offer-form h2 {
                font-size: 3.125vw;
                margin-bottom: 2.5vw;
                line-height: 4vw
            }

            .faq-section .take-offer .take-offer-form button:disabled, .faq-section .take-offer .take-offer-form button[disabled] {
                font-size: 1.041vw;
                border: .1vw solid #e81c53;
                background-color: transparent;
                padding: .5vw 1.5vw;
                color: #e81c53 !important;
                border-radius: .41vw;
                height: fit-content;
                opacity: .7
            }

            .faq-section .take-offer .take-offer-form input {
                background: 0 0;
                border: none;
                border-bottom: .1vw solid #b9b9b9;
                margin-bottom: 2.25vw;
                font-size: 1.24vw;
                color: #5c5c5c;
                width: 30.5vw
            }

            .faq-section .take-offer .take-offer-form .response {
                display: flex;
                flex-direction: column;
                align-items: center;
                width: 31vw
            }

                .faq-section .take-offer .take-offer-form .response h5 {
                    margin: 0 0 1vw;
                    font-size: 3vw;
                    line-height: normal
                }

#scrollTop {
    z-index: 2;
    background-color: #e81c53;
    border-radius: 15vw 15vw 0 0;
    cursor: pointer;
    padding: 0 1vw
}

    #scrollTop svg {
        height: 3vw;
        width: 3vw;
        transform: translate(0,.4vw)
    }

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

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

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

.toggle {
    width: 55vw;
    padding: 1.25vw 1vw 0;
    border-bottom: .1vw solid #f3f3f3
}

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

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

.toggle-title {
    margin-bottom: 1.25vw;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: fit-content;
    cursor: pointer
}

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

.background-gradient {
    background-image: linear-gradient(#0b1424,#0b1424,#0f1015);
    padding: 13.3vw 0 4.79vw
}

    .background-gradient h6 {
        letter-spacing: .3vw
    }

    .background-gradient p {
        line-height: 5vw
    }

    .background-gradient a:hover {
        border: .1vw solid #fff;
        background-color: transparent;
        color: #fff !important
    }

.restaurant-section .restaurant-section-text {
    margin-top: 4vw
}

.integrations-section .integrations-head, .section-devices .devices-head {
    background-color: #cad4d9;
    border-radius: 100vw;
    width: fit-content;
    padding: .835vw;
    grid-gap: 1.25vw
}

    .integrations-section .integrations-head .tab-link, .section-devices .devices-head .tab-link {
        font-size: 1.25vw;
        font-weight: 400;
        cursor: pointer;
        padding: .75vw 1.25vw;
        border-radius: 100vw;
        transition: .2s ease-in-out;
        background-color: transparent;
        border: .1vw solid #b1b1b1
    }

        .integrations-section .integrations-head .tab-link.active-tab-bar, .section-devices .devices-head .tab-link.active-tab-bar {
            background: #000;
            border: .1vw solid #000;
            color: #fff !important;
            transition: .3s ease-out
        }

.section-devices .device-tab-content .box {
    margin-bottom: 5vw;
    cursor: pointer;
    opacity: .9
}

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

    .section-devices .device-tab-content .device-item {
        margin: 0 .41vw;
        height: 20.83vw;
        width: 27vw;
        display: flex;
        align-items: center;
        justify-content: center
    }

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

    .section-devices .device-tab-content h6 {
        font: 500 1.45vw Poppins;
        color: #000;
        margin-bottom: .41vw;
        margin-top: 0
    }

    .section-devices .device-tab-content p {
        font: 400 1.041vw Poppins;
        color: #646464;
        margin-bottom: .41vw;
        margin-top: 0
    }

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

.main-text-group p {
    line-height: 2vw
}

.main-text-group a {
    border: .1vw solid transparent;
    border-radius: .41vw;
    height: fit-content;
    transition: .2s ease-out
}

.clients-section {
    padding: 5.05vw 7.3vw
}

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

    .clients-section .clients-image img {
        width: 20.26vw;
        border-radius: 1.25vw
    }

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

    .clients-section .clients-image a, .head-arrow {
        cursor: pointer
    }

        .clients-section .clients-image a img {
            height: 3.906vw;
            left: 32vw;
            bottom: 2vw
        }

    .clients-section .clients-info {
        margin: 0 1.822vw;
        padding: 2.44vw 8.64vw;
        background-color: #edf2f5;
        border-radius: 1.25vw
    }

    .clients-section .clients-top-group h6 {
        margin: 0 0 1.5vw
    }

    .clients-section .clients-info h6 {
        margin: .73vw 0 0
    }

    .clients-section .clients-top-group p {
        margin: 0 14vw
    }

.manage-report-section {
    padding: 5.05vw 7.3vw 5vw
}

    .manage-report-section .info-boxes {
        padding: 2vw 3.906vw 2vw 2.5vw;
        background: no-repeat padding-box #fff;
        box-shadow: 0 36px 64px #0000001F;
        border-radius: .833vw;
        line-height: unset;
        margin-right: 1vw;
        width: 20vw
    }

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

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

        .manage-report-section .info-boxes p {
            width: fit-content;
            margin: 0;
            letter-spacing: 0;
            font-size: .9vw;
            line-height: 1.5vw
        }

        .manage-report-section .info-boxes a {
            font-size: 1.041vw;
            width: fit-content;
            color: #e81c53 !important;
            font-weight: 400;
            cursor: pointer;
            margin-top: auto;
            padding-top: 2vw
        }

.integration-section {
    display: flex;
    align-items: flex-start;
    background: #edf2f5;
    padding: 6.66vw 14.479vw;
    margin-top: 7vw
}

    .integration-section .integration-content {
        width: 70vw
    }

        .integration-section .integration-content h6 {
            font-size: 3.33vw;
            font-weight: 500;
            color: #000;
            margin: 0 0 2.5vw
        }

        .integration-section .integration-content p {
            font-size: 1.25vw;
            font-weight: 400;
            color: #919191;
            line-height: 1.75vw;
            margin: 0 0 1vw
        }

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

        .integration-section .integration-images-group div {
            background-color: #fff;
            width: 9vw;
            height: 5vw;
            border-radius: .83vw;
            border: .1vw solid #bcbcbc;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: .41vw
        }

        .integration-section .integration-images-group a, .integration-section .integration-images-group a:hover {
            font-size: 1.041vw;
            font-weight: 400;
            margin-top: 3.125vw;
            padding: .5vw 1.5vw;
            height: fit-content;
            cursor: pointer
        }

        .integration-section .integration-images-group a {
            border: .1vw solid #e81c53;
            color: #e81c53 !important;
            background-color: transparent;
            border-radius: .41vw;
            transition: .2s ease-out
        }

            .integration-section .integration-images-group a:hover {
                border: .1vw solid #e81c53;
                background-color: #e81c53;
                color: #fff !important;
                border-radius: .41vw
            }

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

        .footer-top .footer-content img, .integration-section .integration-images-group div .int-logo {
            height: 2vw
        }

        .integration-section .integration-images-group div .int-mikro {
            height: 2.23vw
        }

        .integration-section .integration-images-group div .int-netsis {
            height: 1.876vw
        }

        .integration-section .integration-images-group div .int-hamurlabs, .integration-section .integration-images-group div .int-yemeksepeti {
            height: 1.25vw
        }

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

        .integration-section .integration-images-group div .int-trendyol {
            height: 2.18vw
        }

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

        .integration-section .integration-images-group div .int-e-fatura {
            height: 1.56vw
        }

        .integration-section .integration-images-group div .int-e-arsiv {
            height: 1.82vw
        }

        .integration-section .integration-images-group div .int-ingenico, .integration-section .integration-images-group div .int-netgsm {
            height: 1.875vw
        }

.boss-section {
    margin-bottom: 10vw
}

    .boss-section img {
        position: absolute;
        left: 14vw;
        top: -6vw;
        width: 25vw
    }

ul {
    position: relative;
    display: flex;
    grid-gap: 5vw;
    margin: 0;
    list-style-type: none
}

.boss-section .boss-info-group {
    background-color: #0f192b;
    padding: 5vw 19vw 5vw 43vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.boss-section .boss-soft-text {
    line-height: 1.75vw;
    letter-spacing: 0
}

.boss-section .boss-linked-text {
    margin-bottom: 2.5vw;
    line-height: 1.75vw
}

.boss-section .boss-info-group .boss-button {
    border: .1vw solid #fff;
    border-radius: .41vw;
    padding: .5vw 1.5vw;
    height: fit-content;
    transition: .2s ease-out
}

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

.support-content .support-content-group p {
    margin-right: 7vw !important
}

.product-section .product-sect-group {
    flex-direction: column
}

.product-section .product-section-text {
    margin-bottom: 4.843vw
}

    .product-section .product-section-text h2 {
        font-size: 3.33vw;
        margin: 0 0 1.25vw
    }

    .product-section .product-section-text p {
        font-size: 1.051vw;
        line-height: 1.5vw;
        margin: 0
    }

.product-section .product-box-group {
    box-shadow: 0 24px 36px #00000014;
    border-radius: 1.25vw;
    margin-right: .833vw;
    margin-bottom: 1.5vw
}

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

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

    .product-section .product-box-group h2 {
        font-size: 1.562vw;
        margin-bottom: .25vw;
        margin-top: unset
    }

    .product-section .product-box-group p {
        margin-bottom: 1vw;
        font-size: 1.041vw;
        line-height: 1.5vw
    }

    .product-section .product-box-group a, .product-section .product-box-group a:hover {
        padding: .2vw .9vw;
        margin-right: 1.041vw;
        font-size: .93vw;
        height: fit-content;
        font-weight: 400
    }

    .product-section .product-box-group a {
        border: .1vw solid #e81c53;
        border-radius: .41vw;
        transition: .2s ease-out
    }

        .product-section .product-box-group a:hover {
            border: .1vw solid #e81c53;
            background-color: #e81c53;
            color: #fff;
            border-radius: .41vw
        }

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

    .client-comments-section .comment-swiper {
        margin: 5vw 10vw;
        display: flex;
        border: .104vw solid #ddd;
        border-radius: .83vw
    }

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

            .client-comments-section .comment-swiper .swiper-slide .swiper-comment-content p {
                color: #707070;
                margin-bottom: 1vw;
                margin-top: 0;
                line-height: 1.5vw
            }

            .client-comments-section .comment-swiper .swiper-slide .swiper-comment-content h5 {
                margin: unset
            }

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

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

.main-section .swiper-slide .app-img, .main-section .swiper-slide .boss-img, .main-section .swiper-slide .pos-img, .main-section .swiper-slide .report-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

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

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

    .footer-top .footer-head {
        border-bottom: 1.5px solid #ffffff3d;
        padding-bottom: 5.312vw;
        margin-bottom: 3.33vw;
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-between
    }

        .footer-bottom, .footer-top .footer-head div {
            flex-direction: column;
            display: flex
        }

        .footer-top .footer-head .head {
            margin-bottom: .73vw;
            font-size: .833vw
        }

        .footer-top .footer-head a {
            font-size: 1.041vw;
            border: .1vw solid transparent;
            background-color: #431ce8;
            padding: .5vw 1.5vw;
            border-radius: .41vw;
            height: fit-content;
            transition: .2s ease-out;
            margin-bottom: .75vw;
            width: fit-content
        }

            .footer-top .footer-head a:hover {
                font-size: 1.041vw;
                border: .1vw solid #fff;
                background-color: transparent;
                padding: .5vw 1.5vw;
                border-radius: .41vw;
                height: fit-content
            }

    .footer-top .footer-copyright img {
        height: 2.5vw;
        width: 2.5vw
    }

    .footer-top .footer-copyright a {
        margin-right: 1.25vw
    }

    .footer-top .footer-copyright p {
        font-size: 1.041vw;
        line-height: normal;
        color: #fff;
        font-weight: 300
    }

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

.footer-bottom-logo {
    width: fit-content !important;
    height: 2vw !important
}

.main-section .swiper-content a, .red-bg-btn, .white-bg-btn {
    padding: .5vw 1.5vw;
    transition: .2s ease-out
}

.restaurant-bg, .robot-bg {
    padding: 9vw 17vw 0 14.5vw
}

.footer-bottom span {
    font-size: 1.041vw;
    color: #6c778b
}

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

.white-bg-btn {
    background-color: transparent;
    border: .1vw solid #e81c53;
    border-radius: .41vw;
    font-size: 1.041vw;
    color: #e81c53;
    margin-left: 1vw;
    height: fit-content
}

    .red-bg-btn, .white-bg-btn:hover {
        background-color: #e81c53;
        height: fit-content;
        cursor: pointer
    }

    .white-bg-btn:hover {
        border: .1vw solid #e81c53;
        color: #fff !important;
        cursor: pointer;
        margin-left: 1vw
    }

.red-bg-btn {
    border: .1vw solid transparent;
    border-radius: .41vw;
    font-size: 1.041vw
}

    .main-section .swiper-content a, .red-bg-btn:hover {
        border: .1vw solid #e81c53;
        cursor: pointer;
        background-color: transparent
    }

    .red-bg-btn:hover {
        color: #e81c53 !important;
        cursor: pointer;
        height: fit-content
    }

.restaurant-bg {
    background: linear-gradient(46deg,#fff 0,#fff5f8 100%) no-repeat padding-box
}

.self-order-bg {
    background: linear-gradient(46deg,#fff 0,#fff7f0 100%) no-repeat padding-box
}

.robot-bg {
    background: linear-gradient(67deg,#fff 0,#f0fff3 100%) no-repeat padding-box
}

.central-bg {
    background: linear-gradient(52deg,#fff 0,#e6e9ff 100%) no-repeat padding-box;
    padding: 9vw 10vw 10vw
}

.stock-bg {
    background: linear-gradient(46deg,#fff 0,#fdfff5 100%) no-repeat padding-box;
    padding: 9vw 15vw 0
}

.support-bg {
    background: linear-gradient(46deg,#fff 0,#f2f2f2 100%) no-repeat padding-box;
    padding: 9vw 15vw 0
}

.cafe-bg {
    background: linear-gradient(46deg,#fff 0,#eff8fa 100%) no-repeat padding-box;
    padding: 9vw 11vw 2vw 14.5vw
}

.market-bg {
    background: linear-gradient(46deg,#fff 0,#fdf6ed 100%) no-repeat padding-box;
    padding: 10vw 8vw 1.5vw 14.5vw
}

.tablet-pos-bg {
    background: linear-gradient(46deg,#fff 0,#f2f4ff 100%) no-repeat padding-box;
    padding: 10vw 15vw 1.5vw 14.5vw
}

.app-bg, .menuboard-bg, .qr-bg, .report-bg, .tablet-bg, .waiter-bg {
    background: linear-gradient(46deg,#fff 0,#f2f2f2 100%) no-repeat padding-box
}

.menuboard-bg {
    padding: 10vw 13.5vw 5vw 14.5vw
}

.qr-bg {
    padding: 10vw 13.5vw 0 14.5vw
}

.tablet-bg {
    padding: 10vw 13.5vw 1vw 14.5vw
}

.app-bg {
    padding: 9vw 10.5vw 1vw 14.5vw
}

.report-bg {
    padding: 7vw 10.5vw 1vw 14.5vw
}

.web-pos-bg {
    background: linear-gradient(46deg,#fff 0,#fbf2ff 100%) no-repeat padding-box;
    padding: 9vw 14.5vw 1vw
}

.waiter-bg {
    padding: 7vw 13vw 1vw 14.5vw
}

.devices-bg {
    background-color: #fff;
    padding: 11vw 7.3vw 0
}

#demos, .demo-section {
    background-color: #e81c53
}

.restaurant-section .restaurant-section-content h5 {
    font-size: 1.458vw;
    margin: 0 0 .5vw .15vw
}

.app-bg .mobile-app-section .mobile-app-group h6, .market-section-text h6, .qr-section h6, .restaurant-section .restaurant-section-content h6, .self-service-section h6, .tablet-bg .tablet-menu-section .tablet-menu-content h6, .waiter-content h6 {
    font-size: 3vw;
    margin-bottom: 1.25vw;
    line-height: 4vw;
    margin-top: 0
}

.self-service-section h6 {
    margin-right: 2vw
}

.restaurant-section .restaurant-section-content p {
    font-size: 1.25vw;
    margin-right: 4vw;
    margin-bottom: 2vw
}

.restaurant-section .restaurant-section-content .contact-now-text {
    font-size: 1.25vw;
    margin-left: 2.5vw;
    text-decoration: underline
}

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

.restaurant-section .restaurant-section-content .restaurant-img {
    width: 50vw
}

.restaurant-section .restaurant-section-content .robot-waiter {
    width: 40vw;
    margin-left: 8vw
}

.restaurant-section p {
    margin-right: 9vw;
    line-height: 1.75vw
}

.restaurant-section img {
    width: 29.23vw
}

.restaurant-content .content-group .webpos-img, .restaurant-content .content-group-right .webpos-img {
    width: 32vw;
    margin: 0 4vw
}

.restaurant-content .content-group .robot-waiter-1 {
    width: 20vw;
    margin: 0 18vw 0 7vw
}

.restaurant-content .content-group-right .robot-waiter-2 {
    width: 20vw;
    margin: 0 7vw 0 18vw
}

.restaurant-content .content-group-right {
    padding: 6.66vw 10.5vw;
    background-color: #edf2f5
}

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

.happy-customer-section, .restaurant-content .content-group {
    padding: 6.66vw 10.5vw
}

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

.restaurant-content .content-text p, .restaurant-content .content-text-left p {
    line-height: 1.7vw
}

.cafe-section-content h5, .market-section-content h5, .mobile-app-section h5, .mobile-report-group h5, .qr-section h5, .self-service-group h5, .tablet-menu-content h5, .web-portal-group h5, .webpos-section-content h5 {
    margin: 0 0 .5vw .15vw;
    font-size: 1.35vw
}

.cafe-section-content img {
    width: 36.5vw
}

.cafe-section-content .cafe-section-text h6 {
    font-size: 3.33vw;
    margin-bottom: 1.25vw;
    line-height: 4vw;
    margin-top: 0;
    margin-right: 6vw
}

.self-service-section {
    padding: 9vw 14.5vw 0
}

    .self-service-section .self-service-group p, .webpos-section-content p {
        line-height: 1.75vw;
        margin-right: 5vw
    }

    .self-service-section .self-service-group p, .stock-bg .stock-content .stock-content-group h6 {
        margin-right: 3vw
    }

.webpos-section-content h6 {
    font-size: 3.33vw;
    margin-bottom: 1.25vw;
    line-height: 4vw;
    margin-top: 0;
    margin-right: 8vw
}

#demos .qr-demo-content h6, #demos .tablet-demo-section h6, .demo-section h6 {
    line-height: 2.5vw
}

.main-section .swiper-slide {
    grid-gap: 0;
    padding: 0 6vw
}

    .main-section .swiper-slide .slider-content {
        width: 42vw;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-start;
        grid-gap: 1vw
    }

        .main-section .swiper-slide .slider-content h1, .main-section .swiper-slide .slider-content h2 {
            font-size: 5.2vw;
            line-height: 6vw;
            color: #000;
            font-weight: 500;
            text-align: right;
            margin: unset
        }

            .main-section .swiper-slide .slider-content h1 span, .main-section .swiper-slide .slider-content h2 span {
                font-size: 1.75vw;
                line-height: 2vw;
                color: #e81c53;
                font-weight: 500;
                text-align: right;
                margin: unset
            }

        .main-section .swiper-slide .slider-content p {
            color: #919191;
            font-size: 1.5vw;
            line-height: 2vw;
            text-align: right;
            margin: unset;
            width: 33vw
        }

        .main-section .swiper-slide .slider-content a {
            border-radius: .41vw;
            color: #e81c53;
            height: fit-content;
            border: .1vw solid #e81c53;
            cursor: pointer;
            background-color: transparent;
            font-size: 1.041vw;
            font-weight: 400;
            margin: unset;
            padding: .5vw 1.5vw;
            transition: .2s ease-out
        }

            .main-section .swiper-slide .slider-content a:hover {
                opacity: 7
            }

@media (min-width:769px) {
    .main-section .swiper-slide .selforder-img, .main-section .swiper-slide .waiter-img {
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        height: 30vw;
        width: 40vw
    }

    .main-section .swiper-slide .pos-img {
        height: 100%;
        width: 45vw;
        background-image: url('../images/banner/menulux-pos-systems.webp')
    }

    .main-section .swiper-slide .selforder-img {
        background-image: url('../images/banner/menulux-self-order-kiosk-1.webp')
    }

    .main-section .swiper-slide .app-img {
        height: 30vw;
        width: 40vw;
        background-image: url('../images/banner/menulux-digital-menu.webp')
    }

    .main-section .swiper-slide .waiter-img {
        background-image: url('../images/banner/menulux-waiter-call.webp')
    }

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

    .self-order-kiosk img, .stock-img {
        width: 28vw !important
    }

    .order-kiosk-1 img {
        width: 19vw !important;
        margin: 0 13vw 0 5vw !important
    }

    .order-kiosk-2 img {
        width: 24vw !important;
        margin: 0 5vw 0 10vw !important
    }

    .order-kiosk-3 img {
        width: 24vw !important;
        margin: 0 10vw 0 5vw !important
    }

    .waiter-content-img img {
        width: 24.5vw !important
    }

    .order-track-text img, .qr-page-img img {
        width: 24vw !important
    }

    .mobile-app-img img, .mobile-report-text img, .qr-popup-img img {
        width: 27vw !important
    }

    .tablet-menu-img img {
        width: 30vw !important
    }

    .tablet-pos-img {
        width: 33vw !important;
        margin-top: 2vw;
        margin-left: 5vw
    }

    .central-img {
        width: 40vw !important;
        margin-left: 0;
        margin-top: 1vw
    }
}

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

.central-content-group {
    margin: 3vw 8vw 0 1vw
}

.waiter-content h5 {
    margin-top: 5vw;
    font-size: 1.458vw;
    font-weight: 500;
    color: #e81c53
}

.stock-bg .stock-content .stock-content-group p {
    margin-right: 9vw
}

.demo-section {
    padding: 5.7vw 14.479vw 7.3vw
}

#demos {
    padding: 5vw;
    margin: 5vw 7.3vw;
    border-radius: 2vw
}

.demo-section h6 {
    margin-left: 12vw;
    margin-right: 12vw
}

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

.features-section {
    padding: 6.66vw 14.479vw
}

    .features-section .feature-group {
        padding: 2.39vw;
        width: 17vw;
        box-shadow: 0 36px 64px #0000001F;
        border-radius: 1.25vw
    }

        .features-section .feature-group img {
            height: 2.5vw;
            margin-bottom: 1.3vw
        }

        .features-section .feature-group h6 {
            margin-bottom: 1vw;
            line-height: 1.7vw
        }

        .features-section .feature-group p {
            font-size: .85vw;
            line-height: 1.65vw;
            font-weight: 400
        }

.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: 3.5vw;
        width: 20vw;
        margin-left: 0;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .integrations-tab-content .order div img {
        width: 18vw
    }

    .integrations-tab-content .account div, .integrations-tab-content .order div, .integrations-tab-content .other div, .integrations-tab-content .payment div {
        width: 13.5vw;
        height: 8.3vw;
        display: flex;
        align-items: center;
        justify-content: center;
        border: .1vw solid #bcbcbc;
        border-radius: .83vw;
        padding: 2vw
    }

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

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

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

.qr-section img {
    width: 33vw
}

.qr-section p {
    line-height: 1.75vw;
    margin-right: 6vw
}

.happy-customer-section .happy-customer-img {
    width: 31vw;
    margin-left: 4vw;
    margin-right: 6vw;
    border-radius: 1vw
}

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

    #demos .qr-demo-content p {
        color: #fff;
        line-height: normal
    }

#demos .qr-demo-group {
    display: flex;
    align-items: center;
    grid-gap: 4vw
}

    #demos .qr-demo-group .qr-demo-box {
        background-color: #fff;
        border-radius: .8vw
    }

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

            #demos .qr-demo-group .qr-demo-box div img {
                width: 8.5vw
            }

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

        #demos .qr-demo-group .qr-demo-box a {
            padding: .5vw;
            transition: .1s ease-out
        }

            #demos .qr-demo-group .qr-demo-box a:hover {
                text-decoration: underline;
                text-decoration-color: #e81c53
            }

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

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

.tablet-bg .tablet-menu-section .tablet-menu-content p {
    margin-right: 8vw;
    line-height: 1.75vw
}

.app-bg .mobile-app-section .mobile-app-group p {
    margin-right: 6vw;
    line-height: 1.75vw
}

.mobile-report-section .mobile-report-group h6, .web-portal-section .web-portal-group h6 {
    font-size: 3.33vw;
    margin-bottom: 1.25vw;
    line-height: 4vw;
    margin-top: 0;
    margin-right: 5vw
}

.mobile-report-section .mobile-report-group p, .web-portal-section .web-portal-group p {
    line-height: 1.75vw;
    margin-right: 12vw
}

.mobile-report-section .mobile-report-group img {
    width: 18vw;
    margin-right: 10vw;
    margin-left: 5vw
}

.address-section {
    margin-top: 10vw;
    flex-wrap: wrap;
    justify-content: flex-start;
    grid-gap: 2vw 5vw
}

    .address-section .address-group {
        width: 20vw;
        margin-bottom: 5vw
    }

        .address-section .address-group .address-head {
            margin-bottom: 0
        }

            .address-section .address-group .address-head img {
                width: 1.35vw;
                margin-right: 1vw
            }

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

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

.order-track-banner {
    width: 23vw
}

.track-group {
    margin: 0 10vw
}

.integrations-section .integrations-head-text {
    margin-bottom: 3.33vw
}

.not-found, .why-section {
    margin-bottom: 5vw
}

.track-group .track-box {
    background-color: #fff;
    box-shadow: 0 36px 64px #0000001F;
    border-radius: 1.25vw;
    padding: 2.5vw;
    width: 17vw;
    display: flex;
    align-items: center;
    flex-direction: column
}

    .track-group .track-box img {
        height: 3.33vw;
        margin-bottom: .73vw
    }

    .track-group .track-box h6 {
        width: fit-content;
        font-size: 1.25vw;
        margin: 0 0 1.5vw;
        text-align: center;
        font-weight: 500
    }

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

.integrations-section {
    padding: 11vw 7.3vw 0
}

.why-section .why-img {
    background: url(../../assets/images/banner/why-menulux.webp) center/contain no-repeat;
    height: 42vw
}

.why-section .why-top-group p {
    margin: 0 30vw
}

.why-section .why-bottom-group p {
    margin: 0 20vw 3vw
}

.main-section .swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto
}

.main-section .swiper-slide {
    text-align: center;
    background: center/cover #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -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;
    margin: unset !important;
    justify-content: space-evenly
}

.main-section .swiper-content h2 {
    text-align: right;
    font-size: 5.2vw;
    line-height: 6vw;
    color: #000
}

.main-section .swiper-content .pos-text {
    width: 33vw;
    font-size: 1.5vw;
    line-height: 2vw;
    text-align: right
}

.main-section .swiper-content .digital-text {
    width: 27vw;
    font-size: 1.4vw;
    line-height: 2vw;
    text-align: right
}

.main-section .swiper-content .waiter-text {
    width: 32vw;
    font-size: 1.4vw;
    line-height: 2vw;
    text-align: right
}

.main-section .swiper-content .manage-text {
    width: 35vw;
    font-size: 1.5vw;
    line-height: 2vw;
    text-align: right
}

.main-section .swiper-content a {
    border-radius: .41vw;
    color: #e81c53;
    height: fit-content
}

    .main-section .swiper-content a:hover {
        border: .1vw solid #e81c53;
        background-color: #e81c53;
        padding: .5vw 1.5vw;
        height: fit-content;
        border-radius: .41vw;
        color: #fff
    }

.main-section .mainSwiper {
    height: 45vw
}

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

    .main-section .mySwiper .swiper-wrapper {
        grid-gap: 1vw
    }

    .main-section .mySwiper .swiper-slide {
        height: 100%;
        opacity: .7;
        margin-right: .8vw !important;
        width: 15.5vw !important;
        border: .1vw solid #e5e5e5;
        border-radius: 1.041vw;
        padding: .72vw
    }

    .main-section .mySwiper .swiper-slide-thumb-active {
        opacity: 1;
        margin-right: .8vw !important;
        width: 15.5vw !important;
        border: .16vw solid #c4c4c4;
        border-radius: 1.041vw;
        padding: .72vw
    }

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

.main-section .swiper-slide .position-absolute {
    top: 8vw;
    margin-right: 6vw
}

.main-section .swiper-slide .boss-img, .main-section .swiper-slide .report-img {
    height: 25vw;
    margin-bottom: 5vw
}

.main-section .swiper-slide .report-img {
    width: 40vw;
    background-image: url('../images/banner/menulux-online-reporting-1.webp')
}

.main-section .swiper-slide .boss-img {
    width: 20vw;
    background-image: url('../images/boss/menulux-boss-patron-1.webp')
}

.main-section .swiper-slide .img-cover div {
    position: relative;
    margin-right: .72vw;
    min-height: 5.2vw;
    min-width: 5.2vw;
    max-height: 5.2vw;
    max-width: 5.2vw;
    border-radius: .52vw
}

.main-section .swiper-slide .img-cover h2 {
    color: #000;
    text-align: left;
    font-size: .93vw
}

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

    .main-section .swiper-first-img div {
        margin-top: 5.5vw;
        margin-right: 7.3vw
    }

.header-nav {
    height: 100%;
    width: 0;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: .5s
}

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

    .success-section img {
        display: flex;
        align-items: center;
        flex-direction: column
    }

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

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

    .success-section div {
        width: 0;
        height: .15vw;
        background: #f51451;
        transition: width 5s
    }

.not-found .view-opport #contact, .not-found .view-opport #contact:hover, .not-found .view-opport #offer {
    font-size: 1.041vw;
    padding: .5vw 1.5vw;
    transition: .2s ease-out;
    height: fit-content
}

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

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

    .not-found h5 {
        margin: unset;
        text-align: center;
        font-size: 3.5vw;
        font-weight: 400;
        color: #e1e1e1
    }

    .not-found .view-opport {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 3.5vw
    }

.dropDownMenu, .head-arrow, ul li {
    align-items: center;
    display: flex
}

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

.not-found .view-opport #contact {
    color: #fff;
    background-color: #e81c53;
    border: .1vw solid #e81c53;
    border-radius: .41vw;
    font-weight: 400;
    margin: unset
}

    .not-found .view-opport #contact:hover {
        cursor: pointer;
        color: #fff;
        background-color: transparent;
        border: .1vw solid #fff;
        border-radius: .41vw
    }

.header.transparent-light.main-header .dropDownMenu ul li .drop-head, .header.transparent-light.main-header .dropDownMenu ul li .drop-head a {
    color: #fff
}

.drop-img {
    margin: 0 .5vw 0 0;
    width: auto;
    height: 1.25vw
}

.dropDownMenu {
    justify-content: center;
    animation: 1s ease-out slide-in;
    height: 3.5vw
}

ul li {
    transition: background .2s;
    width: fit-content
}

    ul li .list-group a {
        margin-bottom: 1vw;
        white-space: nowrap
    }

    ul li .list-group div .drop-link {
        color: #000;
        padding: .33vw 0;
        transition: .25s ease-in;
        display: flex;
        align-items: center
    }

        ul li .list-group div .drop-link:hover {
            color: #000;
            background-color: #fff2f2;
            border-radius: .5vw;
            padding: .33vw .5vw;
            transition: .25s ease-out;
            cursor: pointer;
            margin-right: -1vw
        }

        ul li .list-group div .drop-link img {
            width: auto;
            opacity: 1
        }

        ul li .list-group div .drop-link h2 {
            width: fit-content;
            color: #000;
            opacity: .7;
            margin: unset;
            font-size: .93vw;
            font-weight: 400
        }

        ul li .list-group div .drop-link:hover h2 {
            opacity: .9;
            color: unset
        }

    ul li .list-group {
        background-color: #fff;
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 2.5vw;
        display: flex;
        justify-content: space-between;
        transition: opacity .1s,visibility .1s;
        box-shadow: 0 15px 75px rgb(0 0 0 / 7%),0 4px 100px rgb(0 0 0 / 5%)
    }

    ul li:hover .list-group {
        visibility: visible;
        opacity: 1
    }

    ul li .list-group div h6 {
        margin: 0 0 .5vw;
        font-size: 1vw;
        white-space: nowrap
    }

.down-arrow-style {
    margin-left: .5vw;
    width: .83vw
}

.dropDownMenu .list-head {
    margin-bottom: 1vw !important
}

    .dropDownMenu .list-head a, .dropDownMenu ul li .drop-head a {
        color: #2c2c2c
    }

.dropDownMenu ul li .drop-head {
    height: 100%;
    color: #2c2c2c;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 1vw;
    margin: unset !important;
    font-weight: 400
}

    .dropDownMenu ul li .drop-head i {
        margin-bottom: .25vw
    }

.fadeIn {
    animation: 1s ease-in fadeIn
}

.fadeInDevice {
    animation: .5s ease-in fadeIn
}

.fadeOut {
    animation: 1s ease-out fadeOut
}

.self-order {
    width: 20vw;
    margin: 0 10vw 3vw 15vw
}

.kiosk-image {
    width: 41vw !important;
    margin: 0 5vw 0 16vw !important;
    display: flex
}

.portal-login-img img {
    width: 30vw;
    display: flex;
    margin-bottom: 3vw
}

.happy-customer-section .happy-customer-content p {
    line-height: 1.5vw
}

.app-bg .mobile-app-section img {
    width: 38vw
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes opac {
    from {
        opacity: .7
    }

    to {
        opacity: 1
    }
}

@keyframes swipeReference {
    from {
        margin-left: 0
    }

    to {
        margin-left: -107.75vw
    }
}

@keyframes swipeReferenceMobile {
    from {
        margin-left: 0
    }

    to {
        margin-left: -249vw
    }
}

@keyframes opacInOut {
    0%,100% {
        opacity: .6
    }

    50% {
        opacity: 1
    }
}

@media (max-width:768px) {
    .main-section .swiper-slide {
        grid-gap: 0;
        padding: 0 5vw
    }

        .main-section .swiper-slide .slider-content {
            width: 90vw;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            grid-gap: 3vw
        }

            #client-comments .client-title, #digital-system .digital-title, #integration-system .integration-title, #management-system .management-title, .benefit-section .benefit-header h3, .main-section .swiper-slide .slider-content h1, .main-section .swiper-slide .slider-content h2, .prop-section .prop-header h3 {
                font-size: 9vw;
                line-height: 11vw;
                text-align: center
            }

                #digital-system .digital-description, .main-section .swiper-slide .slider-content h1 span {
                    font-size: 3.5vw;
                    line-height: 5vw;
                    text-align: center
                }

                .main-section .swiper-slide .slider-content h2 span {
                    font-size: 3.5vw;
                    line-height: 5vw;
                    text-align: right
                }

            .main-section .swiper-slide .slider-content p {
                text-align: center;
                font-size: 5.5vw;
                line-height: 8vw;
                margin-bottom: 4vw;
                width: 90vw
            }

            .main-section .swiper-slide .slider-content a {
                border-radius: 1.5vw;
                font-size: 3.5vw;
                padding: 2vw 6vw
            }

    .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
    }

    .client-videos {
        flex-direction: column;
        grid-gap: 10vw;
        margin: 10vw 0
    }

        .benefit-section .benefit-header, .client-videos div, .clients-section .clients-image .position-relative, .devices-accessories-section .devices-accessories-img, .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, .offer-form-section .offer-form .form-group form, .offer-form-section .offer-form .form-group form .multiple-input div, .order-kiosk-section img, .prop-section .prop-header, .xs-w-100 {
            width: 100%
        }

            .client-videos div a {
                width: 100%;
                height: 50vw;
                margin-bottom: 3vw;
                background-repeat: no-repeat;
                background-size: contain
            }

            .client-videos div #youtubeSerpils {
                background-image: url('/assets/images/clients/serpils-panino.webp')
            }

            .client-videos div #youtubeSommario {
                background-image: url('/assets/images/clients/sommario-coffee.webp')
            }

            .client-videos div #youtubeAfife {
                background-image: url('/assets/images/clients/afife-kruvasan.webp')
            }

            .client-videos div h2 {
                font-size: 6vw;
                margin: 0 0 3vw
            }

            .client-videos div p {
                font-size: 4vw;
                margin: 0 0 3vw
            }

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

    .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 h2 {
        display: none
    }

    .dropDownMenu {
        display: none !important
    }

    * {
        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
        }

    .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, .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: 65%
        }

            .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: 20%;
            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
            }

    .main-section .swiper-slide .app-img, .main-section .swiper-slide .pos-img {
        background-size: contain;
        background-position: center;
        margin-bottom: 5vw;
        width: 100%
    }

    .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-section .swiper {
        margin-left: auto;
        margin-right: auto;
        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, .footer-bottom-group .display-flex.item-flex-end.direction-column, .main-section .swiper-content, .market-section-text, .restaurant-section .restaurant-section-text {
        align-items: center
    }

        .main-section .swiper-content h2 {
            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-slide .selforder-img, .main-section .swiper-slide .waiter-img {
        width: 85%;
        margin-bottom: 5vw;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat
    }

    .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
        }

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

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

    .main-section .swiper-slide .pos-img {
        height: 75vw;
        margin-left: 15vw;
        background-image: url('../images/banner/menulux-pos-systems-min.webp') !important;
        background-repeat: no-repeat
    }

    .main-section .swiper-slide .selforder-img {
        height: 70vw;
        background-image: url('../images/banner/menulux-self-order-kiosk-min.webp') !important
    }

    .main-section .swiper-slide .app-img {
        height: 70vw;
        background-image: url('../images/banner/menulux-digital-menu-min.webp') !important;
        background-repeat: no-repeat;
        margin-left: 7.5vw
    }

    .main-section .swiper-slide .waiter-img {
        height: 70vw;
        background-image: url('../images/banner/menulux-waiter-call-min.webp') !important
    }

    .main-section .swiper-slide .boss-img, .main-section .swiper-slide .report-img {
        height: 50vw;
        margin-bottom: 20vw;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain
    }

    .main-section .swiper-slide .report-img {
        width: 100vw;
        background-image: url('../images/banner/menulux-online-reporting-1-min.webp') !important
    }

    .main-section .swiper-slide .boss-img {
        width: 20vw;
        background-image: url('../images/boss/menulux-boss-patron-1-min.webp') !important
    }

    .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
        }

    .manage-business-section .manage-business-right .last-business {
        margin-bottom: 5vw
    }

    .order-kiosk-section 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
    }

    .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
    }

    .faq-margin {
        margin: 0 0 10vw
    }

        .faq-margin .toggle span, .footer-bottom-group .footer-address a, .footer-bottom-group .footer-address h3 {
            font-size: 4vw
        }

        .faq-margin .toggle .toggle-content {
            font-size: 3.5vw;
            font-weight: 400;
            color: #707070
        }

            .faq-margin .toggle .toggle-content a {
                color: #2e2e2e
            }

    .applications-section {
        background-color: #edf2f5;
        padding: 5vw;
        margin-top: 5vw
    }

        .applications-section h2 {
            font-size: 6.5vw;
            font-weight: 500;
            margin: 0 0 5vw
        }

        .applications-section .applications-group {
            display: flex;
            flex-direction: column;
            grid-gap: 15vw;
            margin-bottom: 3vw
        }

            .applications-section .applications-group .applications {
                display: flex;
                flex-direction: column;
                justify-content: center;
                grid-gap: 10vw
            }

                .applications-section .applications-group .applications .top {
                    display: flex;
                    flex-direction: column;
                    width: 100%
                }

                    .applications-section .applications-group .applications .top h3 {
                        font-size: 4vw;
                        font-weight: 500;
                        margin: unset;
                        line-height: normal
                    }

                    .applications-section .applications-group .applications .top p {
                        font-size: 3.5vw;
                        font-weight: 400;
                        color: #7c7c7c
                    }

                    .applications-section .applications-group .applications .top a {
                        font-size: 3.5vw;
                        font-weight: 500;
                        color: #000;
                        text-decoration: underline
                    }

                .applications-section .applications-group .applications .bottom {
                    display: flex;
                    flex-wrap: wrap;
                    grid-gap: 5vw;
                    width: 100%
                }

                    .applications-section .applications-group .applications .bottom a {
                        width: 100%;
                        background-repeat: no-repeat;
                        padding: 0 0 0 12vw;
                        background-position: 0 0;
                        background-size: 10vw
                    }

                        .applications-section .applications-group .applications .bottom a:hover {
                            opacity: .8
                        }

                        .applications-section .applications-group .applications .bottom a h4 {
                            font-size: 4vw;
                            line-height: normal;
                            margin: 0;
                            font-weight: 500
                        }

                        .applications-section .applications-group .applications .bottom a p {
                            font-size: 3.5vw;
                            font-weight: 400;
                            color: #7c7c7c;
                            margin: unset
                        }

    .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 h2 {
        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
    }

    .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 h2 {
            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;
            color: #7c7c7c
        }

        .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 h3 {
            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 h2 {
                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 h2 {
                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 h2 {
                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 h2 {
                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: 10vw 0
    }

        .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%
            }

    .footer-bottom-group {
        flex-direction: column-reverse
    }

    .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 h2 {
        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%
    }

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

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

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

        .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;
        width: 90%
    }

        #client-comments .comment-pagination div.selected, .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-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, .restaurant-section, .self-service-section, .tablet-bg {
        padding: 20vw 5vw 0
    }

    .qr-bg {
        padding: 20vw 5vw 5vw
    }

    .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, .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
    }

    #demos .qr-demo-group .qr-demo-box, .track-group .track-box {
        background-color: #fff;
        border-radius: 2.5vw
    }

    .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
    }

    .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
            }

    .section-reference-clients {
        padding: 0 0 5vw;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        grid-gap: 5vw
    }

        .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, .clients-section, .demo-section, .happy-customer-section, .offer-form-section {
        padding: 10vw 5vw
    }

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

        .client-comments-section .comment-swiper {
            margin: unset;
            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
            }

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

    .kiosk-image {
        width: 90% !important
    }

    .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, .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
    }

    .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, .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 {
        font-size: 9vw;
        line-height: 11.5vw;
        text-align: center;
        margin: 0 10vw 5vw
    }

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

    .demo-section {
        background-color: #e81c5b
    }

    #demos {
        margin: unset;
        border-radius: unset;
        margin-bottom: 5vw
    }

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

    .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 {
            font-size: 3.5vw;
            margin-bottom: 7vw;
            text-align: center
        }

    #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, .manage-report-section .info-boxes a {
            font-size: 3vw
        }

        #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
    }

    #digital-system .digital-content img, #integration-system img, #management-system .management-content img, #pos-system .sector-content img, .benefit-section .benefit-content div img, .ecosys-section .ecosys-content .ecosys-group 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
    }

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

    .all-comments {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        grid-gap: 3vw;
        margin: 10vw 0 0
    }

        .all-comments h2 {
            margin: unset;
            width: 100%;
            line-height: normal;
            font-size: 5vw;
            font-weight: 400;
            text-align: center
        }

        .all-comments a {
            font-size: 4vw;
            font-weight: 400;
            border: .1vw solid #e81c53;
            transition: .1s ease-out;
            color: #e81c53;
            border-radius: 1.25vw;
            padding: 2vw 6vw 2vw 12vw;
            cursor: pointer;
            background: url('/assets/images/icons/support-youtube.svg') 0 0/7vw no-repeat;
            background-position-x: 2vw;
            background-position-y: center
        }

            #digital-system .digital-content .digital-info a:hover, #integration-system a:hover, .all-comments a:hover, .cta-btn-primary:hover {
                opacity: .7
            }

    .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
        }

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

    .central-content-group {
        margin: unset
    }

    .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-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
        }

    .track-group .track-box {
        background-color: #fff;
        padding: 7.5vw;
        align-items: center;
        margin-bottom: 8vw;
        width: 60vw;
        display: flex
    }

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

        .track-group .track-box {
            box-shadow: 0 7px 14px #0000001F;
            flex-direction: column
        }

            .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
    }

        .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
        }

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

    .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 .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, .google-maps:hover h2 {
                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
            }

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

        .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
                }

                #client-comments .comment-content .comment-group h4 span, #pos-system .sector-content .sector-info p, .address-section .address-group .address-head h6, .automation-section .automation-content p, .benefit-section .benefit-content div p, .menuboard-video .menuboard-text-group p, .offer-form-section span, .prop-section .prop-header h2 {
                    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 .integrations-head .tab-link {
        padding: 2vw 3.5vw;
        font-size: 3.5vw;
        border-radius: 5vw;
        height: auto;
        white-space: nowrap;
    }

        .integrations-section .integrations-head .tab-link.active-tab-bar {
            background: #000;
            border: .1vw solid #000;
            color: #fff !important;
            transition: .3s ease-out;
        }

    .integrations-section h2 {
        font-size: 9vw;
        line-height: 11.5vw;
        margin-bottom: 3vw;
    }

    .integrations-section .tab-header .integrations-head {
        width: 95vw;
        height: auto;
        overflow: auto;
        padding: 2vw;
        grid-gap: 5vw;
        overflow-x: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

        .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
        }

        .integration-section .integration-images-group div .int-hamurlabs, .integrations-tab-content .int-fuudy, .sub-footer .sub-footer-right img {
            height: 5vw
        }

    .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;
        overflow: auto;
        padding: 2vw;
        grid-gap: 5vw;
        overflow-x: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

        .devices-bg .tab-header .devices-head::-webkit-scrollbar {
            display: none
        }

        .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 {
            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
            }

    .scroll-top-fixed, .video-button {
        align-items: center;
        display: flex
    }

    .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-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 img {
            height: 11vw;
            width: 11vw
        }

    .scroll-top-fixed {
        width: 100%;
        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: 5vw 0;
            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;
            flex-direction: column-reverse;
            padding: 0 5vw 5vw;
            align-items: center
        }

            .footer-top .footer-copyright p {
                font-size: 3.5vw;
                color: #fd91b3
            }

            .footer-top .footer-copyright .display-flex.item-center.justify-flex-start {
                justify-content: space-between;
                grid-gap: 2.5vw
            }

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

        .footer-bottom span {
            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 a img, .integrations-tab-content .order div img {
                width: 35vw
            }

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

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

    .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
        }

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

    .footer-bottom-group .footer-address {
        padding: 5vw 5vw 7vw;
        grid-gap: 5vw
    }

        .footer-bottom-group .footer-address h3 img {
            margin-right: 2vw;
            width: 6vw;
            margin-top: 1.5vw
        }

        .footer-bottom-group .footer-address a img {
            margin-right: 2vw;
            width: 6vw
        }

    .google-maps span, .sub-footer .sub-footer-left span {
        color: #d6d6d6;
        font-size: 3.5vw;
        line-height: normal
    }

    .go-portal {
        font-size: 3.5vw;
        background: #e81c53;
        border: .1vw solid #e81c53;
        margin-top: 5vw;
        padding: 2vw 6vw;
        color: #fff;
        border-radius: 1.5vw;
        height: fit-content;
        transition: .2s ease-out;
        width: fit-content
    }

        .go-portal:hover {
            background: 0 0;
            border: .1vw solid #e81c53;
            color: #e81c53 !important
        }

    .footer-bottom-logo {
        width: fit-content !important;
        height: 6vw !important;
        margin-top: 5vw
    }

    .sub-footer {
        background-color: #000;
        padding: 5vw 7vw;
        display: flex;
        align-items: center;
        grid-gap: 2vw;
        flex-direction: column;
        margin: unset
    }

        .sub-footer .sub-footer-left {
            flex-grow: 1;
            display: flex;
            justify-content: flex-start
        }

            .sub-footer .sub-footer-left span {
                margin: unset;
                width: fit-content
            }

        .sub-footer .sub-footer-center {
            flex-grow: 1;
            display: flex;
            justify-content: center
        }

        .sub-footer .sub-footer-right {
            flex-grow: 2.1;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            grid-gap: 5vw
        }

    .google-maps, .google-maps div {
        display: flex;
        align-items: center;
        grid-gap: 1vw
    }

        .google-maps div svg {
            width: 6vw;
            background-color: #d9a100;
            border-radius: 1vw
        }

    .devices-accessories-section {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
        align-items: center;
        padding: 0 10.5vw;
        grid-gap: 15vw
    }

        .devices-accessories-section .devices-accessories-info {
            width: fit-content;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
            border-radius: 4.1vw;
            padding: 10vw
        }

            .devices-accessories-section .devices-accessories-info h2 {
                font-size: 9vw;
                line-height: 11.5vw;
                font-weight: 500;
                color: #000;
                margin: unset;
                text-align: center
            }

            .devices-accessories-section .devices-accessories-info p {
                font-size: 3.37vw;
                font-weight: 500;
                color: #7c7c7c;
                margin: 4vw 0 8vw;
                line-height: 5.5vw;
                text-align: center
            }

            .devices-accessories-section .devices-accessories-info a {
                border-radius: 1.5vw;
                color: #e81c53;
                height: fit-content;
                padding: 2vw 6vw;
                border: .1vw solid #e81c53;
                cursor: pointer;
                transition: .2s ease-out;
                background-color: transparent;
                font-size: 3.5vw;
                font-weight: 400;
                grid-gap: 2vw;
                margin: 0
            }

                #digital-system .digital-content .digital-info a img, #management-system .management-content .management-info a img, #pos-system .sector-content .sector-info a img, .automation-section .automation-content a img, .benefit-section a img, .devices-accessories-section .devices-accessories-info a img, .offer-form-section .offer-form .contact-now a img, .offer-form-section .offer-form .form-group form button img, .prop-section a img {
                    width: 6vw
                }

                .devices-accessories-section .devices-accessories-info a:hover {
                    border: .1vw solid #e81c53;
                    background-color: #e81c53;
                    color: #fff
                }

    .order-kiosk-section {
        background: transparent linear-gradient(34deg,var(--unnamed-color-ffffff) 0,#fff7f0 100%) 0 0 no-repeat padding-box;
        background: linear-gradient(34deg,#fff 0,#fff7f0 100%) no-repeat padding-box;
        padding: 10.5vw 10.5vw 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

        .order-kiosk-section h2 {
            margin: 0 0 .5vw;
            font-size: 4.5vw;
            color: #e81c53;
            font-weight: 500
        }

        .order-kiosk-section h3 {
            font-size: 9vw;
            color: #000;
            line-height: 40px;
            margin-top: 0;
            margin-bottom: 1.5vw;
            font-weight: 500;
            text-align: center
        }

        .order-kiosk-section p {
            font-size: 3.37vw;
            line-height: 5.5vw;
            color: #7c7c7c;
            margin: 4vw 0 8vw;
            font-weight: 400;
            text-align: center
        }

        .order-kiosk-section a {
            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;
            margin-bottom: 10vw
        }

    .menuboard-video {
        padding: 5vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 15vw
    }

    .automation-section .automation-content a, .benefit-section a, .cta-btn-primary, .prop-section a {
        font-size: 3.5vw;
        border-radius: 1.5vw;
        padding: 2vw 3vw;
        color: #fff;
        background-color: #f51451;
        grid-gap: 2vw
    }

    .automation-section .automation-content span, .benefit-section .benefit-content div h4, .benefit-section .benefit-header h2, .ecosys-section .ecosys-content .ecosys-group div h3, .menuboard-video .menuboard-text-group h3, .menuboard-video h2 {
        font-size: 4.5vw
    }

    .menuboard-video .video-group {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center
    }

        .menuboard-video .video-group video {
            width: 90vw;
            height: 100%;
            border-radius: 4.25vw
        }

    .menuboard-video .menuboard-text-group {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        grid-gap: 5vw;
        padding: unset;
        margin-top: 5vw
    }

    .cta-btn-primary img {
        width: 6vw !important
    }

    #digital-system, #management-system, #pos-system {
        padding: 20vw 5vw;
        grid-gap: 3vw
    }

        #pos-system .sector-title {
            font-size: 9vw;
            line-height: 11.5vw;
            text-align: center
        }

        #pos-system .sector-header {
            padding: 3vw;
            white-space: nowrap;
            width: 90vw;
            justify-content: flex-start;
            grid-gap: 5vw;
            overflow: auto
        }

            #digital-system .digital-header button, #pos-system .sector-header button {
                padding: 2vw 4vw;
                font-size: 3.5vw
            }

        #pos-system .sector-content {
            display: none;
            flex-direction: column-reverse;
            grid-gap: 10vw;
            margin-top: 10vw
        }

            #digital-system .digital-content .digital-info, #pos-system .sector-content .sector-info {
                grid-gap: 3vw;
                width: 90vw
            }

                #pos-system .sector-content .sector-info h3 {
                    font-size: 6vw;
                    line-height: 7.5vw
                }

                #pos-system .sector-content .sector-info span {
                    font-size: 4vw;
                    grid-gap: 2vw
                }

                    #pos-system .sector-content .sector-info span img {
                        width: 5vw;
                        height: auto
                    }

                #integration-system a, #pos-system .sector-content .sector-info a {
                    font-size: 3.5vw;
                    border-radius: 1.5vw;
                    grid-gap: 2vw;
                    padding: 2vw 3vw;
                    margin-top: 5vw
                }

    #integration-system {
        padding: 20vw 5vw;
        flex-direction: column
    }

        #integration-system .integration-content {
            align-items: center;
            justify-content: center;
            grid-gap: 3vw
        }

        #integration-system .integration-description, #management-system .management-description {
            font-size: 3.5vw;
            text-align: center
        }

    #digital-system .digital-header {
        padding: 3vw;
        align-items: flex-start;
        justify-content: flex-start;
        grid-gap: 5vw;
        width: 90vw;
        overflow: auto;
        white-space: nowrap;
        overflow-x: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

        #digital-system .digital-header::-webkit-scrollbar {
            display: none
        }

    #digital-system .digital-content {
        flex-direction: column-reverse;
        align-items: flex-start;
        grid-gap: 5vw;
        margin-top: 5vw
    }

        #digital-system .digital-content .digital-info h3, #management-system .management-content .management-info h3 {
            font-size: 7vw;
            line-height: 9vw
        }

        #client-comments .client-description, #client-comments .comment-content .comment-group p, #digital-system .digital-content .digital-info p {
            font-size: 3.5vw;
            line-height: 5vw
        }

        #digital-system .digital-content .digital-info a, #management-system .management-content .management-info a {
            border-radius: 1.5vw;
            color: #e81c53;
            height: fit-content;
            padding: 2vw 3vw;
            border: .1vw solid #e81c53;
            cursor: pointer;
            transition: .2s ease-out;
            background-color: transparent;
            font-size: 3.5vw;
            font-weight: 400;
            grid-gap: 2vw;
            margin: 0
        }

    #management-system .management-content {
        flex-direction: column;
        grid-gap: 15vw;
        width: 100%
    }

        #management-system .management-content .management-info {
            flex-direction: column;
            grid-gap: 3vw
        }

            #management-system .management-content .management-info p {
                font-size: 3.5vw;
                line-height: 5vw;
                width: 90vw
            }

    #client-comments {
        padding: 20vw 5vw;
        grid-gap: 5vw
    }

        #client-comments .client-content {
            display: flex;
            flex-direction: column;
            grid-gap: 15vw
        }

            #client-comments .client-content div a img {
                width: 90vw;
                height: auto
            }

            #client-comments .client-content div h4 {
                font-size: 4.5vw;
                line-height: 6vw;
                padding-left: 3vw;
                margin-bottom: 2vw
            }

            #client-comments .client-content div p {
                font-size: 3.5vw;
                line-height: 5vw;
                padding-left: 3vw
            }

        #client-comments .comment-content::-webkit-scrollbar {
            display: none
        }

        #client-comments .comment-content {
            padding: 15vw 0;
            grid-gap: 5vw;
            height: 100%;
            flex-direction: column
        }

            #client-comments .comment-content .comment-group.hidden {
                opacity: 0
            }

            #client-comments .comment-content .comment-group {
                padding: 5vw;
                flex-direction: column;
                grid-gap: 3vw;
                width: 90vw;
                min-width: 90vw;
                height: 100%
            }

                #client-comments .comment-content .comment-group h4 {
                    font-size: 3.5vw;
                    grid-gap: 2vw;
                    padding-bottom: 1vw
                }

                    #client-comments .comment-content .comment-group h4 img {
                        margin-left: auto;
                        width: 15vw
                    }

        #client-comments .comment-pagination {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            grid-gap: 5vw
        }

            #client-comments .comment-pagination div {
                height: 2vw;
                width: 20vw;
                background-color: #f51451;
                opacity: .3;
                border-radius: 100vw;
                cursor: pointer
            }

    .offer-form-section h2 {
        text-align: center;
        font-size: 9vw;
        line-height: 11vw
    }

    .offer-form-section .offer-form {
        flex-direction: column;
        border-radius: 4.1vw;
        margin-top: 5vw;
        height: 100%;
        width: 90vw
    }

        .offer-form-section .offer-form .form-group {
            padding: 5vw
        }

            .offer-form-section .offer-form .form-group h3 {
                font-size: 7vw;
                line-height: 9vw;
                margin: 0 0 10vw
            }

            .offer-form-section .offer-form .form-group form .multiple-input {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: flex-start;
                grid-gap: 5vw;
                width: 100%
            }

            .offer-form-section .offer-form .form-group form label {
                font-size: 3.5vw;
                line-height: 5vw;
                padding: 0 2vw
            }

            .offer-form-section .offer-form .form-group form input {
                font-size: 3.5vw;
                margin-bottom: 5vw;
                padding: 1vw 2vw;
                line-height: 5vw;
                white-space: nowrap
            }

            .offer-form-section .offer-form .form-group form select {
                font-size: 3.5vw;
                margin-bottom: 5vw;
                padding: 1vw;
                line-height: 5vw;
                width: 100%
            }

            .offer-form-section .offer-form .form-group form button {
                font-size: 3.5vw;
                padding: 2vw 3vw;
                line-height: 5vw;
                border-radius: 1.5vw;
                grid-gap: 2vw
            }

        .offer-form-section .offer-form .contact-now {
            grid-gap: 5vw;
            padding: 3.75vw 5.5vw 3.75vw 3.75vw;
            border-radius: 0 0 4.1vw 4.1vw;
            height: 85vw;
            width: 100%
        }

            .offer-form-section .offer-form .contact-now .contact-vector {
                width: 90vw;
                position: absolute;
                right: 0;
                bottom: -15vw
            }

            .offer-form-section .offer-form .contact-now h3 {
                font-size: 6vw;
                line-height: 8vw
            }

            .offer-form-section .offer-form .contact-now a {
                font-size: 6vw;
                line-height: 8vw;
                grid-gap: 3vw
            }

    .ecosys-section {
        padding: 20vw 5vw
    }

        .ecosys-section h2 {
            font-size: 9vw;
            line-height: 11vw;
            margin-bottom: 3vw;
            text-align: center
        }

        .ecosys-section p {
            font-size: 3.5vw;
            text-align: center;
            margin-bottom: 10vw
        }

        .ecosys-section .ecosys-content {
            grid-gap: 10vw
        }

            .ecosys-section .ecosys-content .ecosys-group {
                flex-direction: column;
                grid-gap: 2vw;
                padding: 5vw;
                border-radius: 4.1vw
            }

                .ecosys-section .ecosys-content .ecosys-group div {
                    grid-gap: 2vw
                }

                    .ecosys-section .ecosys-content .ecosys-group div p {
                        font-size: 3.5vw;
                        text-align: left
                    }

    .benefit-section, .prop-section {
        padding: 20vw 5vw;
        grid-gap: 10vw
    }

        .benefit-section .benefit-content {
            flex-direction: column;
            grid-gap: 20vw
        }

            .benefit-section .benefit-content div {
                flex-direction: column;
                align-items: flex-start;
                justify-content: flex-start;
                grid-gap: 3vw
            }

        .prop-section .prop-content {
            flex-direction: column;
            flex-wrap: wrap;
            align-items: flex-start;
            grid-gap: 3vw;
            width: 100%
        }

            .prop-section .prop-content .prop-box {
                width: 90vw;
                grid-gap: 2vw;
                border-radius: 4.1vw;
                padding: 5vw
            }

                .prop-section .prop-content .prop-box h4 {
                    text-align: center;
                    font-size: 4.5vw;
                    grid-gap: .5vw;
                    width: 100%
                }

                    .prop-section .prop-content .prop-box h4 img {
                        width: 12vw;
                        height: 12vw
                    }

                .prop-section .prop-content .prop-box p {
                    font-size: 3.5vw;
                    text-align: center;
                    width: 100%
                }

    .automation-section {
        padding: 20vw 3vw
    }

        .automation-section .automation-content {
            width: 100%;
            grid-gap: 2vw;
            margin-bottom: 10vw
        }

            .automation-section .automation-content h1 {
                font-size: 8vw;
                line-height: 11.5vw
            }

        .automation-section .automation-images {
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            grid-gap: 5vw;
            margin-top: 2.5vw;
            overflow: auto;
            width: 100%
        }

            .automation-section .automation-images img {
                width: 50vw
            }

                .automation-section .automation-images img:nth-child(2) {
                    margin-top: unset
                }
}