.myfocus, .no-border {
    border: none
}

.color-dark {
    background-color: #3b4752
}

.shadow {
    text-shadow: 1px 1px 1px #363636
}

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

.blog-detail-section .blog-detail-group div .online-report-img, .blog-img, .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
}

.clients-section .clients-image a:hover, .contact-section .form-contact .contact-detail a:hover, .contact-section .form-contact .contact-detail div a:hover, .opacity-7 {
    opacity: .7
}

.alert, .hover-push .hover-backdrop, .product:hover > a > h6, .section-devices .device-tab-content .box:hover, .toggle .toggle-title:hover .toggle-header, .toggle .toggle-title:hover div {
    opacity: 1
}

.w-fit-content {
    width: fit-content
}

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

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.display-none, .reference-section .reference-content #filters img, .section-tab-bar .tab-header div img, .support-faq-section .support-faq-tab img {
    display: none
}

.blog-detail-section h6, .closebtn:hover, .color-black, .digital-tab-link:hover, .header.transparent-light.main-header.minimized.light .dropDownMenu ul li .drop-head, .reference-section .reference-content #filters a:focus, .tab-link:focus, .tab-link:hover, 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%)
}

.about-content .clients-info .justify-between, .background-gradient img, .franchise-section img, .main-section .swiper-slide .img-cover, .width-p-100 {
    width: 100%
}

.d-none {
    display: none !important
}

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

.main-section, .overflow-hidden, .product, body.popup-open {
    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
}

.product a:hover img {
    transform: translate3d(0,-15px,0);
    -webkit-transform: translate3d(0,-15px,0);
    transition-duration: .5s
}

.product:hover {
    transition-duration: .5s;
    opacity: .6
}

.m-0 {
    margin: 0
}

.display-flex {
    display: flex
}

.item-center, .mobile-app-section, .mobile-report-group, .pos-group-box div .medium-business, .pos-group-box div .small-business, .waiter-content {
    align-items: center
}

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

.place-self-center {
    place-self: center
}

.align-self-center {
    align-self: center
}

.align-self-start {
    align-self: flex-start
}

.align-self-flex-end {
    align-self: flex-end
}

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

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

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

.justify-center {
    justify-content: center
}

.justify-end {
    justify-content: flex-end
}

.color-646 {
    color: #646464
}

.color-919 {
    color: #919191
}

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

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

.color-141 {
    color: #141414
}

.color-888 {
    color: #888
}

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

.main-header {
    height: 6.3vw
}

.faq-margin {
    margin-bottom: 9.375vw
}

.integrated-all {
    margin: 0 6vw
}

.fs-1041vw {
    font-size: 1.041vw
}

.fs-208vw {
    font-size: 2.08vw
}

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

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

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

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

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

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

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

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

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

.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-333vw {
    margin-bottom: 3.333vw
}

.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-top .footer-content {
    margin-bottom: 1.875vw
}

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

.active-tab-bar {
    background: #000 !important;
    color: #fff !important;
    transition: .3s ease-out
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.section-get-offer {
    height: 5.468vw;
    background-color: #fae0e0
}

    .section-get-offer h6 {
        color: #6c3838;
        font-size: 1.458vw
    }

        .section-get-offer h6 a {
            background-color: #e81c53;
            border: .1vw solid transparent;
            border-radius: .41vw;
            padding: .5vw 1.5vw;
            margin-left: 1vw;
            font-size: 1.041vw
        }

            .section-get-offer h6 a:hover {
                background-color: transparent;
                border: .1vw solid #e81c53;
                color: #e81c53 !important;
                border-radius: .41vw;
                padding: .5vw 1.5vw;
                margin-left: 1vw;
                font-size: 1.041vw
            }

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

    .section-reference-clients .animated-img {
        width: 56vw;
        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 {
        display: flex;
        align-items: center;
        margin-right: 2vw;
    }

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

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

    .section-tab-bar h6 {
        font-size: 3.33vw;
        color: #000;
        margin-bottom: 4.16vw
    }

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

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

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

    .section-tab-bar #cafebar, .section-tab-bar #market, .section-tab-bar #restoran {
        height: 34.375vw;
        border-radius: 1.25vw;
        width: 71.041vw;
        margin: auto
    }

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

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

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

    .section-tab-bar .hero-tab-content div {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        width: 23.177vw;
        border-radius: .833vw;
        margin-left: 2vw;
        padding: 2.5vw
    }

        .section-tab-bar .hero-tab-content div h6 {
            font-size: 1.458vw;
            margin: 0 2vw 0 0;
            line-height: 2.1vw;
            letter-spacing: 0
        }

        .section-tab-bar .hero-tab-content div p {
            margin-top: .5vw;
            margin-bottom: 1.5vw;
            color: #7c7c7c;
            font-size: 1.041vw;
            letter-spacing: 0;
            line-height: 1.5vw;
            margin-right: 0
        }

        .section-tab-bar .hero-tab-content div a {
            font-size: 1.041vw;
            background: #e81c53;
            border: .1vw solid #e81c53;
            margin-top: 1vw;
            padding: .5vw 1.5vw;
            border-radius: .41vw;
            height: fit-content;
            transition: .2s ease-out
        }

            .section-tab-bar .hero-tab-content div a:hover {
                font-size: 1.041vw;
                background: 0 0;
                border: .1vw solid #e81c53;
                color: #e81c53 !important;
                padding: .5vw 1.5vw;
                border-radius: .41vw;
                height: fit-content
            }

        .section-tab-bar .hero-tab-content div .mini-ico-style {
            font-size: 1.041vw;
            margin-bottom: .25vw;
            color: #e81c53
        }

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

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

    .section-tab-bar .triple-info {
        margin-top: 3vw
    }

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

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

            .bid-section .bid .bid-form-group .bid-text-group p, .bid-section .bid-premium .bid-form-group .bid-text-group p, .section-tab-bar .triple-info div p {
                font-size: 1vw;
                color: #7c7c7c;
                line-height: 1.5vw
            }

                .section-tab-bar .triple-info div p a {
                    text-decoration: underline;
                    color: #606060;
                    transition: .2s ease-out;
                    font-weight: 500
                }

                    .section-tab-bar .triple-info div p a:hover {
                        opacity: .75;
                        transition: .2s ease-out
                    }

.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 h6 {
            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: 6vw;
        text-align: right;
        display: flex;
        flex-direction: column;
        align-items: flex-end
    }

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

    .web-pos-section a {
        font-size: 1.041vw;
        background: #e81c53;
        border: .1vw solid transparent;
        padding: .5vw 1.5vw;
        border-radius: .41vw;
        height: fit-content;
        transition: .2s ease-out
    }

        .web-pos-section a:hover {
            font-size: 1.041vw;
            background: 0 0;
            color: #e81c53 !important;
            border: .1vw solid #e81c53;
            padding: .5vw 1.5vw;
            border-radius: .41vw;
            height: fit-content
        }

.pos-group-box div .big-business, .pos-group-box div .medium-business, .pos-group-box div .small-business, .pos-group-box div .xsmall-business {
    color: #545454;
    width: fit-content;
    padding: .35vw 2vw;
    border-radius: 0 0 1vw 1vw;
    font-weight: 600;
    font-size: 1.3vw;
    height: fit-content;
    display: flex;
}

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

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

.web-pos-section .web-pos-content {
    font-size: 1.15vw;
    line-height: 1.9vw;
    color: #7c7c7c;
    margin: 0 0 2.5vw 8vw
}

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

    .pos-group-box div {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #fcfeff;
        border-radius: .73vw;
        padding: 1vw;
        width: 20.7299vw;
        box-shadow: 0 7px 64px #0000001F;
        position: relative;
        height: fit-content;
    }

        .pos-group-box div .xsmall-business {
            margin: 0 0 3.4375vw;
            align-items: center;
            justify-content: center
        }

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

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

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

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

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

        .pos-group-box div p {
            color: #000000;
            text-align: center;
            font-size: 1vw;
            font-weight: 400;
            line-height: 1.9vw;
            margin-bottom: .75vw;
            margin-top: .35vw;
        }

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

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

        .pos-group-box div .medium-img {
            margin: 0 0 1.08075vw;
            display: flex;
            width: 11.407vw
        }

        .pos-group-box div .big-img {
            margin: 0 0 1.08075vw;
            display: flex;
            width: 12.24vw
        }

        .pos-group-box div .multiple-terminal {
            font-size: .95vw;
            color: #626262;
            font-weight: 400;
            background-color: #edf2f5;
            padding: .25vw 1vw;
            border-radius: 1vw;
            margin: unset;
        }

        .pos-group-box div .get-offer {
            padding: .75vw 3vw;
            color: white;
            background-color: #e81c53;
            width: 100%;
            text-align: center;
            transition: .25s ease-out;
            border-radius: .5vw;
            font-size: 1.041vw;
            border: .1vw solid #e81c53;
        }

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

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

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

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

.bid-section {
    background-color: #edf2f5;
    padding-top: 7vw;
    padding-bottom: 7vw
}

    .bid-section .bid-flow-content {
        width: fit-content;
        margin: auto
    }

    .bid-section .view-opport {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 2vw
    }

        .bid-section .view-opport a {
            font-size: 1.041vw;
            color: #fff;
            background-color: #e81c53;
            border: .1vw solid #e81c53;
            padding: .5vw 1.5vw;
            border-radius: .41vw;
            font-weight: 400;
            transition: .2s ease-out;
            height: fit-content
        }

            .bid-section .view-opport a:hover, .not-found .view-opport #offer:hover {
                cursor: pointer;
                font-size: 1.041vw;
                color: #e81c53;
                background-color: transparent;
                border: .1vw solid #e81c53;
                padding: .5vw 1.5vw;
                border-radius: .41vw;
                transition: .2s ease-out;
                height: fit-content
            }

    .bid-section .bid-premium {
        background-color: #fff;
        width: 21vw;
        border-radius: 2vw 2vw .833vw .833vw;
        margin-right: .8vw;
        border: .1vw solid #d5d5d5
    }

        .bid-section .bid-premium .best-seller-bg {
            background-color: #1ec35a;
            height: 2.4vw;
            border-top-right-radius: .833vw;
            border-top-left-radius: .833vw;
            box-shadow: 1px -1px 0 1px #1ec35a
        }

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

        .bid-section .bid-premium .bid-premium-text {
            font-size: 1.6vw;
            color: #1ec35a;
            padding: 2.5vw 0 1vw;
            margin: 0
        }

        .bid-section .bid-premium .bid-premium-img {
            height: 9vw;
            margin: .5vw 0 1.5vw
        }

    .bid-section .bid {
        background-color: #fff;
        width: 21vw;
        border-radius: .833vw;
        margin-right: .8vw;
        margin-top: 2.5vw;
        border: .1vw solid #d5d5d5
    }

        .bid-section .bid .bid-mini-text {
            font-size: 1.6vw;
            color: #747474;
            padding: 2.5vw 0 1vw;
            margin: 0
        }

        .bid-section .bid .bid-mini-img {
            height: 8vw;
            margin: 1.5vw 0
        }

        .bid-section .bid .bid-form-group, .bid-section .bid-premium .bid-form-group {
            margin-bottom: 1.3vw;
            line-height: 4vw;
            width: 100%
        }

        .bid-section .bid .elite-pos-img {
            height: 10.5vw;
            margin-top: -1vw
        }

        .bid-section .bid .bid-form-group .bid-text-group, .bid-section .bid-premium .bid-form-group .bid-text-group {
            margin: .75vw 2.75vw
        }

            .bid-section .bid .bid-form-group .bid-text-group img, .bid-section .bid-premium .bid-form-group .bid-text-group img {
                width: 1.257vw;
                margin-right: .5vw;
                margin-top: .2vw
            }

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

.manage-business-section {
    margin-bottom: 9.065vw
}

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

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

        .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: #edf2f5
}

.digital-section-tab h6 {
    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
}

.tab-link {
    cursor: pointer;
    font-size: 1.458vw;
    padding: .5vw 1.25vw;
    border-radius: 5vw
}

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

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

    .digital-section .digital-tab-content h6 {
        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
    }

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

.faq-section {
    padding-top: 5vw;
    padding-bottom: 10.1vw
}

    .faq-section .faq-header {
        font-size: 2.916vw;
        margin-bottom: 1.25vw
    }

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

            .contact-section .form-contact .form-detail .response img, .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 h6 {
                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
            }

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

                .contact-section .form-contact .form-detail .response h5, .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: 3;
    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 {
    padding: 1.25vw 7.13vw 0;
    margin: 0 14.5vw;
    border-bottom: .1vw solid #bfbfbf
}

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

    .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-header {
    color: #4f4f4f;
    opacity: .8;
    font-size: 1.25vw
}

.toggle-content {
    color: #7d7d7d;
    font-size: 1.25vw;
    line-height: 1.5vw;
    margin: 0
}

.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, .franchise-section p {
        line-height: 5vw
    }

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

.blog-section input {
    border: .11vw solid #c4c4c4;
    border-radius: .41vw;
    color: #4d4d4d;
    width: 25vw;
    height: fit-content;
    margin-right: 1.35vw;
    padding: .37vw .83vw
}

.blog-section button, .blog-section button:hover {
    border: .1vw solid #e81c53;
    height: fit-content;
    font-weight: 400;
    cursor: pointer
}

.blog-section button {
    padding: .5vw 1.5vw;
    background-color: #e81c53;
    border-radius: .41vw;
    color: #fff;
    transition: .2s ease-out
}

    .blog-section button:hover {
        background-color: transparent;
        border-radius: .41vw;
        color: #e81c53 !important;
        cursor: pointer
    }

    .blog-section button:disabled, .blog-section button[disabled] {
        border: .1vw solid #e81c53;
        background-color: transparent;
        border-radius: .41vw;
        color: #e81c53 !important;
        height: fit-content;
        font-weight: 400;
        opacity: .7
    }

.blog-section .blog-group .blog-text h6 {
    line-height: 4vw;
    margin-right: 5vw
}

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

    .blog-section .blog-group .blog-text div .blog-response img {
        margin: 0 .25vw .25vw 0
    }

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

.blog-place {
    padding: 4.5vw 10vw 4.5vw 14.5vw
}

    .blog-place .blog-header {
        display: flex;
        padding-bottom: 4vw
    }

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

        .blog-place .blog-header a {
            cursor: pointer;
            display: flex;
            align-items: center;
            color: #656565;
            font: 500 1.041vw Poppins;
            user-select: none;
            margin-right: 3.33vw
        }

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

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

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

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

            .blog-place .blog-content .blog-card h6 {
                color: #000;
                font: 500 2.08vw/3vw Poppins;
                margin: 0 7vw 1.25vw 0
            }

            .blog-place .blog-content .blog-card p, .blog-place .blog-content .blog-card-opport p {
                color: #646464;
                font: 1.041vw/1.65vw Poppins;
                margin-bottom: 2.6vw
            }

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

            .blog-place .blog-content .blog-card-opport h6 {
                color: #e81c53;
                font: 500 2.08vw/3vw Poppins;
                margin: 0 7vw 1.25vw 0
            }

            .blog-place .blog-content .blog-card-opport a {
                border-radius: .41vw;
                padding: .5vw 1vw;
                border: .11vw solid #e81c53;
                color: #e81c53;
                font: 500 1.041vw Poppins
            }

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

                .blog-place .blog-content .blog-card-opport a:hover {
                    border-radius: .41vw;
                    padding: .5vw 1vw;
                    border: .11vw solid #e81c53;
                    background-color: #e81c53;
                    color: #fff;
                    font: 500 1.041vw Poppins
                }

                    .blog-place .blog-content .blog-card-opport a:hover svg {
                        fill: #fff
                    }

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

        .blog-place .blog-content .show-cont {
            color: #e81c53;
            border: .11vw solid #e81c53;
            border-radius: .41vw;
            padding: .73vw 9.5vw;
            font: 500 1.041vw Poppins
        }

.blog-detail-section {
    padding: 11.875vw 14.48vw 3.6vw
}

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

    .blog-detail-section .blog-detail-group div ol li, .blog-detail-section .blog-detail-group div p, .happy-customer-section .happy-customer-content p {
        line-height: 1.5vw
    }

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

    .blog-detail-section .blog-detail-group div ol {
        padding-left: 1.5vw
    }

    .app-bg .mobile-app-section img, .blog-detail-section .blog-detail-group div .display-flex div {
        width: 38vw
    }

        .blog-detail-section .blog-detail-group div .display-flex div iframe {
            width: 30vw;
            height: 17vw
        }

.reference-section {
    padding: 10vw 7.92vw
}

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

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

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

    .reference-section .reference-content #filter {
        width: 20vw;
        border-radius: 5vw;
        border: .1vw solid gray;
        font-size: 1.041vw;
        padding: .5vw 1vw .35vw;
        margin-bottom: 2vw
    }

    .reference-section .reference-content #filters, .support-faq-section .support-faq-tab {
        background-color: #cad4d9;
        border-radius: 5vw;
        padding: .25vw 0;
        display: flex;
        margin-bottom: 2vw
    }

        .reference-section .reference-content #filters a, .support-faq-section .support-faq-tab a {
            padding: .5vw 1.25vw;
            font-size: 1.25vw;
            margin: 0 .25vw;
            font-weight: 400;
            height: fit-content;
            cursor: pointer;
            border-radius: 5vw
        }

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

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

    .reference-section .reference-content #items {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start
    }

        .reference-section .reference-content #items .item {
            width: 15.75vw;
            height: 15.75vw;
            border-radius: 1.25vw;
            margin: .41vw;
            background-size: cover !important;
            background-repeat: no-repeat !important;
            display: flex;
            align-items: flex-end;
            justify-content: flex-start
        }

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

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

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

.device-section .device-detail-group {
    padding: 9vw 14.48vw 3.6vw
}

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

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

    .device-section .device-detail-group h1 {
        font-size: 3.33vw;
        margin-top: 3vw;
        color: #000
    }

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

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

    .device-section .device-content .device-content-img img, .device-section .device-content-reverse .device-content-img img {
        width: 28vw
    }

    .device-section .device-content-reverse h6 {
        font-size: 2vw;
        font-weight: 500;
        margin-bottom: 1.5vw
    }

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

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

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

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

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

    .device-section .device-content h6 {
        font-size: 2vw;
        font-weight: 500;
        margin-bottom: 1vw;
        margin-top: 2vw;
        margin-right: 7vw;
        line-height: 2.5vw
    }

.about-section {
    background: linear-gradient(#ff3169 64%,#fff 36%);
    padding: 7.5vw 0 2vw;
    margin-bottom: 7.11vw
}

    .about-section .about-top, .franchise-content {
        padding: 2.8vw 13.5vw 0
    }

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

        .about-section .about-top p {
            font-size: 3.125vw;
            line-height: 4.5vw;
            margin: 0 10vw 3vw
        }

    .about-section img {
        width: 20.6vw
    }

.about-content .about-head h6 {
    padding: 0 13.5vw;
    text-align: center;
    font: 500 2.08vw Poppins;
    margin-bottom: 2.5vw;
    margin-top: 0
}

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

.about-content .clients-info {
    margin: 0 13.5vw;
    padding: 3.22vw 1vw;
    border-top: .41vw solid #f2f2f2
}

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

.partnership-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4vw 15vw;
    grid-gap: 5vw 0;
    flex-wrap: wrap
}

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

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

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

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

                .partnership-content .partnership-group .partner-info div h6 {
                    margin: unset;
                    font-size: 1.042vw;
                    color: #646464;
                    line-height: 1.5vw
                }

            .partnership-content .partnership-group .partner-info .partner-head {
                font-size: 1.5vw;
                font-weight: 400;
                margin: 0 0 .83vw
            }

        .partnership-content .partnership-group .microbyte, .partnership-content .partnership-group .toolbar, .partnership-content .partnership-group .zencefil {
            width: 10vw;
            margin-right: 2vw
        }

        .partnership-content .partnership-group .kalem, .partnership-content .partnership-group .zirve {
            width: 5vw;
            margin: 0 4vw 0 1vw
        }

        .partnership-content .partnership-group .predicomm {
            width: 4vw;
            margin: 0 4.5vw 0 1.5vw
        }

        .partnership-content .partnership-group .hisar {
            width: 7vw;
            margin: 0 3.5vw 0 1.5vw
        }

        .partnership-content .partnership-group#get-offer {
            margin: auto
        }

.franchise-section {
    background: linear-gradient(#e81c53 70%,#fff 30%);
    padding: 9.5vw 0 2vw
}

    .franchise-section h6 {
        color: #fec9da;
        letter-spacing: .3vw
    }

    .franchise-section div a {
        background-color: #431ce8;
        border: .1vw solid #431ce8;
        border-radius: .41vw;
        padding: .5vw 1.5vw;
        height: fit-content;
        transition: .2s ease-out
    }

.franchise-content div a, .main-text-group a {
    background-color: #e81c53;
    padding: .5vw 1.5vw
}

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

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

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

.franchise-content div a {
    border: .1vw solid #e81c53;
    font-size: 1.041vw;
    border-radius: .41vw;
    color: #fff;
    height: fit-content;
    transition: .2s ease-out
}

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

.section-devices .devices-head {
    background-color: #cad4d9;
    border-radius: 5vw;
    width: 42.291vw;
    height: 3.75vw;
    padding-right: .4vw;
    padding-left: .4vw
}

.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 {
        border: .1vw solid #919191;
        border-radius: 1.25vw;
        margin: 0 .41vw 1.25vw;
        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
    }

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

    .devices-header-text h6 {
        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
    }

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

    .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: 8.1vw 10vw 8.1vw 14.32vw;
    margin-top: 7vw
}

    .integration-section .integration-content {
        width: 55vw;
        margin-top: 1.5vw
    }

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

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

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

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

.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: 16.1vw
}

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

    .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-linked-text a {
            text-decoration: underline
        }

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

.support-group {
    margin: -5vw 18vw 0
}

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

        .support-group .track-box .call, .support-group .track-box .watch-videos {
            border: .1vw solid transparent;
            height: fit-content;
            color: #fff;
            transition: .2s ease-out;
            text-align: center
        }

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

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

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

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

        .support-group .track-box .call {
            background: url(../images/icons/phone-ico-w.svg) 9vw/1vw no-repeat #e81c53;
            padding: .5vw 3vw .5vw 1.5vw;
            font-size: 1.041vw;
            border-radius: .41vw;
            width: 100%
        }

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

        .support-group .track-box .watch-videos {
            background: url(../images/icons/play-ico-w.svg) 9vw .5vw/1.5vw no-repeat #e81c53;
            padding: .5vw 3.5vw .5vw 1.5vw;
            font-size: 1.041vw;
            border-radius: .41vw;
            width: 100%
        }

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

        .support-group .track-box .faq {
            background-color: #e81c53;
            padding: .5vw 1.5vw;
            font-size: 1.041vw;
            border: .1vw solid transparent;
            color: #fff;
            border-radius: .41vw;
            height: fit-content;
            transition: .2s ease-out;
            width: 100%;
            text-align: center
        }

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

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

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

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

.product-section {
    padding: 0 14.479vw 5.7vw
}

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

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

        .product-section .product-section-text h6 {
            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 h6 {
            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: 11.145vw 19vw 5vw
}

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

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

            .client-comments-section .comment-swiper .swiper-slide .swiper-comment-content {
                padding: 3.33vw 7.18vw;
                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
        }

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

        .footer-top .footer-head div {
            margin-right: 5.208vw
        }

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

            .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-content img {
        height: 1.562vw
    }

    .footer-top .footer-content a {
        margin-right: 3.33vw;
        font-size: 1.041vw
    }

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

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

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

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

.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 h2 {
    font-size: 1.041vw;
    color: #6c778b
}

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

.opport-ico {
    height: 1.22vw;
    margin-left: .5vw
}

.disable-select {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

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

.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, .qr-bg, .report-bg, .tablet-bg, .waiter-bg {
    background: linear-gradient(46deg,#fff 0,#f2f2f2 100%) no-repeat padding-box
}

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

.takeaway-pos-bg, .takeaway-pos-section, .waiter-bg {
    padding: 7vw 13vw 1vw 14.5vw
}

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

.blog-bg {
    background: linear-gradient(53deg,#fff 0,#ffe8e0 100%) no-repeat padding-box;
    padding: 9vw 13.5vw 0 14.5vw
}

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

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

.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: 3.33vw;
    margin-bottom: 1.25vw;
    line-height: 4vw;
    margin-top: 0
}

.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: 10vw;
    line-height: 1.75vw
}

.restaurant-section img {
    width: 29.23vw
}

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

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

.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: 7.5vw
}

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

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

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

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

.tablet-bg .tablet-menu-section img, .takeaway-pos-section img, .waiter-content img, .web-portal-section .web-portal-group img {
    width: 35vw
}

.takeaway-pos-section h6 {
    margin-right: 5vw;
    line-height: 4vw
}

.takeaway-pos-section p {
    margin-right: 5vw;
    line-height: 1.75vw
}

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

@media (min-width:769px) {
    #get-offer {
        scroll-margin-top: 5vw
    }

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

    .takeaway-img {
        width: 29vw !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
    }

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

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

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

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

.stock-bg .stock-content .stock-content-group h6 {
    margin-right: 3vw
}

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

#demos, .demo-section {
    padding: 5.7vw 14.479vw 7.3vw;
    background-color: #e81c5b
}

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

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

.arge-feature, .features-section {
    padding: 6.66vw 14.479vw
}

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

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

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

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

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

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

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

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

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

.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 .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: 11.5vw
}

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

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

    #demos .qr-demo-content p {
        color: #ffbed2;
        line-height: 1.5vw
    }

#demos .qr-demo-group .qr-demo-box {
    background-color: #fff;
    border-radius: .8vw;
    margin-right: 7.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: 7.3vw
        }

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

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

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

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

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

.contact-section {
    padding: 10vw 14.479vw 6.3vw;
    background: linear-gradient(360deg,#fff 67.25%,#f51451 32.75%) no-repeat padding-box
}

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

    .contact-section .form-head h6 {
        font: 500 3.33vw/4vw Poppins;
        color: #fff;
        margin-bottom: 4vw
    }

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

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

        .contact-section .form-contact .contact-head {
            color: #f51451;
            font: 500 1.66vw Poppins;
            margin-bottom: 1.875vw;
            margin-top: 0
        }

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

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

            .contact-section .form-contact .form-detail input {
                color: #191919;
                font: 400 1.041vw Poppins;
                padding: .569vw .83vw;
                border-radius: .41vw;
                border: .1vw solid #c4c4c4;
                margin-bottom: 1.875vw;
                width: 100%
            }

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

            .contact-section .form-contact .form-detail textarea {
                color: #191919;
                font: 400 1.041vw Poppins;
                padding: .569vw .83vw;
                border-radius: .41vw;
                border: .1vw solid #c4c4c4;
                margin-bottom: 2.5vw;
                min-height: 13.3vw;
                max-height: 13.3vw;
                resize: none;
                width: 100%
            }

            .contact-section .form-contact .form-detail button {
                background-color: #e81c53;
                border: .109vw solid #e81c53;
                border-radius: .41vw;
                padding: .5vw 3vw .5vw 1vw;
                height: fit-content;
                color: #fff;
                position: relative;
                transition: .2s ease-out;
                overflow: hidden
            }

                .contact-section .form-contact .form-detail button h6 {
                    background-color: transparent;
                    color: #fff;
                    margin: 0;
                    font-weight: 400;
                    cursor: pointer
                }

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

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

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

                    .contact-section .form-contact .form-detail button:hover svg {
                        fill: #E81C53
                    }

        .contact-section .form-contact .contact-detail {
            padding: 6.406vw 5.208vw 6.406vw 6.406vw;
            background-color: #fff7f0;
            border-top-right-radius: 1.66vw;
            border-bottom-right-radius: 1.66vw;
            justify-content: center
        }

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

            .contact-section .form-contact .contact-detail a, .contact-section .form-contact .contact-detail div a {
                font: 500 1.66vw Poppins;
                color: #191919;
                margin-bottom: 3.33vw
            }

            .contact-section .form-contact .contact-detail a {
                display: flex;
                align-items: center
            }

                .contact-section .form-contact .contact-detail a .phone-img {
                    margin-right: .5vw
                }

            .contact-section .form-contact .contact-detail div {
                margin-left: -.5vw
            }

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

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

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

    .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: 10vw 9.25vw 0
}

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

.why-section {
    margin-bottom: 5vw;
}

    .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 h6 {
    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.5vw;
    line-height: 2vw;
    text-align: right
}

.main-section .swiper-content .waiter-text {
    width: 32vw;
    font-size: 1.5vw;
    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
}

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

    .main-section .swiper-content a:hover {
        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-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 .report-img {
    height: 25vw;
    margin-bottom: 5vw;
    width: auto
}

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

.main-section .swiper-slide .pos-img {
    height: 33vw;
    width: auto
}

.main-section .swiper-slide .app-img, .main-section .swiper-slide .waiter-img {
    height: 30vw;
    width: auto
}

.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 h6 {
    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;
    margin-bottom: 5vw;
}

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

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

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

.blog-buttons, .dropDownMenu, .head-arrow, .world-map, 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
    }

.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 {
    position: relative;
    display: flex;
    grid-gap: 4vw;
    margin: 0;
    list-style-type: none
}

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

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

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

                ul li .list-group div .drop-link:hover {
                    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 a {
                    width: fit-content;
                    color: #000;
                    opacity: .7;
                    font-size: .93vw;
                    font-weight: 400
                }

                ul li .list-group div .drop-link:hover a {
                    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
        }

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

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

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

.partnership-form #partnerType a, .partnership-form .partnership-form-group form button {
    color: #fff;
    background-color: #e81c53;
    line-height: normal;
    transition: .2s ease-out;
    height: fit-content
}

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

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

    .blog-group p {
        margin-top: 1vw;
        margin-bottom: unset;
        width: 32vw
    }

    .blog-group img {
        width: 32vw
    }

.blog-buttons {
    grid-gap: 2vw
}

    .blog-buttons a {
        border: .1vw solid #696f85;
        background-color: transparent;
        padding: .5vw 1.5vw;
        border-radius: .41vw;
        height: fit-content
    }

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

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

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

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

        .blog-cronology .left-cronology p {
            text-align: right;
            margin: unset
        }

        .blog-cronology .left-cronology h6, .blog-cronology .right-cronology h6 {
            margin: unset;
            position: absolute;
            bottom: -1.75vw;
            color: #646464
        }

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

        .blog-cronology .right-cronology p {
            text-align: left;
            margin: unset
        }

.policy-header h1, .policy-header p {
    text-align: center;
    margin: 0 0 1vw;
    color: #fff
}

.world-map {
    padding: 5vw;
    flex-direction: column
}

    .world-map h2 {
        font-weight: 600;
        font-size: 3.33vw;
        margin-bottom: 3vw
    }

    .world-map h3, .world-map h4 {
        font-weight: 400;
        font-size: 1vw;
        margin: unset
    }

        .world-map h4 a {
            color: #000;
            font-weight: 600;
            text-decoration: underline
        }

            .world-map h4 a:hover {
                opacity: .8
            }

    .world-map img {
        width: 75%;
        padding: 3vw 0
    }

.blog-special-img {
    width: 20vw
}

.partnership-form {
    padding: 10vw
}

    .partnership-form #partnerType {
        display: flex;
        align-items: center;
        justify-content: center;
        grid-gap: 1vw;
        border: .2vw solid #e81c53;
        width: 50vw;
        padding: 2.66vw 3.33vw;
        margin: 3vw auto;
        border-radius: 1.5vw
    }

        .partnership-form #partnerType a {
            font-size: 1.25vw;
            border: .1vw solid transparent;
            padding: .75vw 1.5vw;
            border-radius: .41vw;
            width: fit-content
        }

            .partnership-form #partnerType a:hover {
                border: .1vw solid #e81c53;
                background-color: transparent;
                color: #e81c53 !important;
                cursor: pointer;
                height: fit-content
            }

    .partnership-form #chooseModal {
        width: fit-content;
        margin: 0 auto 2vw;
        font-size: 1.25vw;
        border: unset;
        padding-right: 1vw
    }

        .partnership-form #chooseModal option {
            width: fit-content;
            margin: 0 auto;
            font-size: 1vw;
            border: unset
        }

    .partnership-form .checkbox-group {
        display: flex;
        align-items: flex-start;
        border-bottom: unset !important
    }

        .partnership-form .checkbox-group input {
            width: 1.25vw !important;
            height: 1vw;
            margin: 0 .5vw;
            cursor: pointer
        }

        .partnership-form .checkbox-group label {
            font-size: .75vw;
            opacity: .8;
            cursor: pointer
        }

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

    .partnership-form h2 {
        margin: 1vw 0 .5vw;
        color: #5c5c5c;
        font-weight: 400;
        font-size: 1.1vw;
        line-height: normal
    }

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

    .partnership-form h4 {
        margin: .25vw 0 .25vw .5vw;
        color: #858585;
        font-weight: 400;
        font-size: 1vw;
        line-height: normal
    }

    .partnership-form .partnership-form-group {
        border: .2vw solid #e81c53;
        border-radius: 1.5vw;
        width: 50vw;
        display: flex;
        flex-direction: column;
        margin: 3vw auto 0;
        padding: 2.66vw 3.33vw;
        position: relative
    }

        .partnership-form .partnership-form-group svg {
            width: 1vw;
            position: absolute;
            left: 3.33vw;
            top: 3.33vw;
            cursor: pointer
        }

        .partnership-form .partnership-form-group div {
            border: unset;
            display: flex
        }

            .partnership-form .partnership-form-group div input {
                font-size: 1vw;
                line-height: normal
            }

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

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

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

.partnership-form .partnership-form-group form input {
    border-top: unset;
    border-right: unset;
    border-left: unset;
    border-bottom: .1vw solid #ededed;
    font-size: 1vw;
    padding: 0 0 .25vw;
    width: 100%;
    line-height: normal
}

.partnership-form .partnership-form-group form button {
    font-size: 1vw;
    border: .1vw solid transparent;
    padding: .75vw 1.5vw;
    border-radius: .41vw;
    width: fit-content
}

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

.policy-header {
    background-color: #e81c53;
    padding: 12vw 0 5vw;
    justify-content: center;
    flex-direction: column
}

    .policy-header h1 {
        font-size: 3.33vw;
        font-weight: 500
    }

    .policy-header p {
        font-size: 1.25vw;
        line-height: normal;
        font-weight: 400;
        opacity: .8;
        width: 50vw
    }

.policy-section {
    padding: 10vw 14vw 3.5vw
}

    .policy-section h2 {
        font-size: 1.2vw;
        margin-top: unset
    }

    .policy-section p {
        font-size: 1vw;
        line-height: 1.75vw;
        margin: 0 0 .833vw
    }

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

        .policy-section ol li {
            font-size: .93vw
        }

.video-button {
    padding: .5vw 1.5vw;
    margin-left: .5vw;
    background-color: transparent;
    border-radius: .41vw
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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