/************************************/

@keyframes pulse-me {

    0% {

        transform: scale(.9);

        opacity: .2;

        -webkit-transform: scale(.9);

        -moz-transform: scale(.9);

        -ms-transform: scale(.9);

        -o-transform: scale(.9)

    }

    50% {

        opacity: .5

    }



    70% {

        opacity: .09

    }



    100% {

        transform: scale(2.1);

        opacity: 0;

        -webkit-transform: scale(2.1);

        -moz-transform: scale(2.1);

        -ms-transform: scale(2.1);

        -o-transform: scale(2.1)

    }

}

* {

    box-sizing: border-box;

    font-family: 'Rubik';

}

.bgcolor1 {

    background-color: #C1E4F7;

}

.bgcolor2 {

    background-color: #D4EBD7;

}

.bgcolor3 {

    background-color: #E0D6FC;

}

.bgcolor4 {

    background-color: #F4DAFD;

}

.bgcolor5 {

    background-color: #FFE5D7;

}

.bgcolor6 {

    background-color: #FFF4D8;

}

.bgcolor7 {

    background-color: #FFDCDC;

}

.bgcolor8 {

    background-color: #D7F8FF;

}

.mainWrapper {

    margin: 80px auto 0 auto;

    max-width: 1920px;

    overflow: hidden;

}

[data-toggle="popup"],

.common-button {

    background-color: #00a9b7;

    font-size: 18px;

    text-transform: initial;

    font-weight: 600;

    padding: 13px 30px 14px 30px;

    color: #fff;

    display: inline-block;

    margin-right: 10px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}

[data-toggle="popup"]:hover,

.common-button:hover {

    background-color: #c07a24;

    color: #fff;

}

.enq-popup-button-block {

    text-align: center;

}

.play-anim-ico {

    background-image: url(../images/food-delivery-app-new/play-video.svg);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    width: 60px;

    position: absolute;

    height: 60px;

    left: 50px;

    bottom: 25px;

    z-index: 111;

    margin-left: -25px;

}

.play-anim-ico:after {

    position: absolute;

    width: 34px;

    height: 34px;

    content: '';

    left: 50%;

    top: 50%;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    margin: -17px 0 0 -17px;

    border-radius: 50%;

    z-index: -1;

    box-shadow: 0 0 0 13px #ffffff;

    transform: scale(0.9);

    transform-origin: center center;

    animation: pulse-me 1s linear infinite;

    -webkit-animation: pulse-me 1s linear infinite;

}



* {

    box-sizing: border-box;

}

html, body, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

    font-family: 'Rubik';

}

 section {

    display: block;

}

.align-self-center {

    align-self: center;

}

.align-self-end {

    align-self: flex-end;

}

.container-inner {

    max-width: 1310px;

    padding: 0 15px;

    margin: 0 auto;

}

img {

    border: none;

    outline: 0;

    max-width: 100%;

}

.main-banner {

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    padding: 50px 0 40px;

    position: relative;

    overflow: hidden;

}

.main-banner a {

    background-color: #00a9b7;

    font-size: 18px;

    text-transform: initial;

    font-weight: 600;

    padding: 10px 10px 12px 10px;

    color: #fff;

    display: inline-block;

    margin: 0 10px 10px 0;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}

.main-banner a:hover {

    background-color: #c07a24;

}

.main-banner a.btn-color1 { background-color: #0c8ee4; }

.main-banner a.btn-color1:hover, .main-banner a.btn-color1:focus { background-color: #0976be; }

.main-banner a.btn-color2 { background-color: #0fb158; }

.main-banner a.btn-color2:hover, .main-banner a.btn-color2:focus { background-color: #0a8d45; }

.main-banner .left-content h1 img.new-tag,

.main-banner .left-content h2 img.new-tag,

.main-banner .left-content h3 img.new-tag {

    position: relative;

    top: auto;

    display: inline-block;

    vertical-align: middle;

    margin-top: -12px;

}

.main-banner .left-content h1 strong {

    text-transform: uppercase;

    font-size: 26px;

    line-height: 26px;

    color: #000;

    margin-bottom: 2px;

    font-weight: bold;

    display: block;

}

.main-banner .left-content h1,

.main-banner .left-content h2,

.main-banner .left-content h3 {

    font-size: 45px;

    font-weight: 700;

    color: #00a9b7;

    line-height: 45px;

    text-transform: uppercase;

    position: relative;

    margin-bottom: 15px;

}



.main-banner .left-content h1 em,

.main-banner .left-content h2 em,

.main-banner .left-content h3 em {

    color: #2a2a2a;

    /*color: #44ac00;*/

    font-style: normal;

}



.main-banner .left-content h1 span,

.main-banner .left-content h2 span,

.main-banner .left-content h3 span {

  color: #00a9b7;

}

.main-banner .container-inner {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.main-banner-left {

    width: 52.5%;

}

.main-banner-right {

    width: 44%;

}



.kiosk-solution .container-inner {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    align-items: center;

}

.main-banner .left-content p {

  margin: 0 0 15px 0;

}



.main-banner .left-content .main-button {

  position: absolute;

  right: 10px;

  top: 10px;

  display: inline-block;

  background-color: #fff;

  font-size: 15px;

  font-weight: 500;

  color: #fe3f40;

  text-transform: capitalize;

  padding: 12px 25px;

  border-radius: 23px;

  letter-spacing: 0.25px;

  outline: none;

  border: none;

}

.main-banner .right-image {

    display: flex;

    align-items: flex-end;

    justify-content: flex-start;

    align-items: flex-end;

    position: relative;

    min-height: 100%;

}

.main-banner-img {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    background-color: transparent;

    z-index: 0;

    max-width: 100%;

    width: auto;

}

.main-banner .right-image .food-map-pin {

    position: absolute;

    top: -56px;

    right: 67px;

    width: 93px;

    animation: moveleftbounce 2.1s linear infinite;

    -webkit-animation: moveleftbounce 2.1s linear infinite;

}

p strong,strong span {

    font-size: 22px;
    color: #424242;
    font-weight: 500;

}

span.parent.commonpc{font-size: 22px !important;font-weight: 500;}

.static-page .child{font-size: 19px !important;font-weight: 500 !important;}




.right-image .img_inner {

    display: block;

    position: relative;

    z-index: 1;

}

.ml-auto, .mx-auto {

    margin-left: auto !important;

}

.heading .heading-style {

    font-size: 45px;

    font-weight: 700;

    color: #1e1e1e;

    line-height: 45px;

    margin-bottom: 10px;

    letter-spacing: 0.5px;

    text-transform: uppercase;

}

.heading strong {

    text-transform: uppercase;

    font-size: 35px;

    color: #00a9b7;

    display: block;

    line-height: 25px;

    margin-bottom: 7px;

    font-weight: 500;

}

p {

    margin-bottom: 10px;

    font-size: 16px;

    line-height: 24px;

    letter-spacing: 0;

    font-family: 'Rubik';

    color: #000;

    font-weight: 400;

    text-align: justify;

}

p:last-child {

    margin-bottom: 0;

}

.left-part::before {

    content: '';

    position: absolute;

    bottom: -50px;

    right: 15px;

    width: 50vw;

    background-color: #e6e5ec;

    z-index: -1;

    pointer-events: none;

    top: -50px;

}

.right-part::before {

    content: '';

    position: absolute;

    bottom: -50px;

    left: 15px;

    width: 50vw;

    background-color: #ffecec;

    z-index: -1;

    pointer-events: none;

    top: -50px;

}

.client-section-row {

    background-color: #F5F5F5;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.client-section .container-inner{

    align-items: center;

}

.client-section {

    padding: 40px 0;

}

.client-section .play-anim-ico {

    left: auto;

    right: 30px;

}

.client-section-left {

    width: 45%;

}

.client-section-right {

    width: 53%;

    padding: 30px;

}

.client-section.samepadding {

    padding: 45px 0 50px 0;

}

.client-section .img_inner {

    display: inline-block;

    position: relative;

    z-index: 1;

}



.client-section .img_inner .shape_1 {

    border-radius: 6px;

    background-color: #04a400;

    position: absolute;

    left: 75px;

    top: -30px;

    width: 170px;

    height: 100px;

    z-index: -1;

}

.client-section .img_innerr .shape_2 {

    border-radius: 6px;

    background-color:#ff6e00;

    position: absolute;

    left: -30px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 100px;

    height: 300px;

    z-index: -1;

}

.client-section .left-image {

  align-self: center;

}



.client-section .left-image a {

    display: block;

    width: 100%;

    position: relative;

    text-align: center;

}

.left-image .img_inner {

    display: block;

    position: relative;

    z-index: 1;

}

.left-image .img_inner img {

    -webkit-box-shadow: 0px 30px 40px 0px rgba(2, 12, 79, 0.14);

    box-shadow: 0px 30px 40px 0px rgba(2, 12, 79, 0.14);

    border-radius: 6px;

}

.left-image .img_inner img.food-clone-img {

    -webkit-box-shadow: none;

    box-shadow: none;

}

.common-btn,

.more-reviews-btn {

    justify-content: center;

    align-items: center;

    border-radius: 5px;

    margin-bottom: 0;

    font-size: 22px;

    text-transform: uppercase;

    font-weight: 600;

    color: #fff;

    display: inline-flex;

    padding: 10px 40px;

    transition: all 0.5s ease 0s;

    background-color: #00a9b7;

    min-height: 60px;

    text-align: center;

    position: relative;

    z-index: 1;

    overflow: hidden;

    cursor: pointer;

}

.common-btn:hover {

    background-color: #c07a24;

    color: #fff;

}

/****************************************/

.ubereats-new-version {

    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

    padding: 30px 0px 40px 0;

    background-color: #fff5e7;



}

.heading {

    margin-bottom: 15px;

}

.ubereats-new-version .heading, .heading.center {

    text-align: center;

}

.heading.center p {

    text-align: center;

}

.ubereats-feature-box {

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    text-align: left;

    position: relative;

    bottom: 0px;

    padding: 0 10px;

    margin: 0 0 20px 0;

    width: 33.33%;

}

.ubereats-new-version .flexrow {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    margin-top: 15px;

}

.feature-box-title {

    display: flex;

}

.ubereats-feature-box.pl-pr-12 {

    padding-left: 12px;

    padding-right: 12px;

}

.ubereats-feature-box .feature-box-icon {

    display: block;

    position: relative;

    text-align: left;

    top: 0;

    background: #f7f9ff;

    padding: 5px 10px;

}

.ubereats-feature-box .feature-box-title h3,

.ubereats-feature-box .feature-box-title h4 {

    font-size: 18px;

    font-weight: 600;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    margin: 0px 0 15px;

    position: relative;

    display: block;

    align-items: center;

    justify-content: left;

}

.ubereats-feature-box .feature-box-title h4 a.clientvideos._VIDEO_ {

    vertical-align: middle;

}

.ubereats-feature-box .feature-box-title h4 a.clientvideos._VIDEO_ img {

    width: 20px;

    height: 20px;

}

.ubereats-feature-box .feature-box-title h3 span,

.ubereats-feature-box .feature-box-title h4 span {

    width: 20px;

    height: 20px;

    margin-left: 4px;

    display: inline-block;

}

.ubereats-feature-box .feature-box-icon h3 span a {

    display: flex;

}

.ubereats-feature-box .feature-box-desc {

    margin-bottom: 0;

    transition: .5s;

    display: flex;

    width: 100%;

    flex-wrap: wrap;

}

.ubereats-feature-box.half {

    width: 50%;

}

.ubereats-feature-box.oneforth {

    width: 25%;

}

.ubereats-feature-box.onethird {

    width: 75%;

}

.feature-box-content {

    padding: 15px 15px 15px;

    background: #fff;

    min-height: 100%;

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    box-shadow: 0 0 10px 0 rgb(0,0,0,0.10);

    -webkit-box-shadow: 0 0 10px 0 rgb(0,0,0,0.10);

}

.feature-box-content:hover {

    bottom: 5px;

    box-shadow: 0 0 10px 0 rgb(0,0,0,0.15);

    -webkit-box-shadow: 0 0 10px 0 rgb(0,0,0,0.15);

}

.ubereats-feature-box .feature-box-desc p {

    margin-top: 0;

    margin-bottom: 0.55rem;

    text-align: justify;

}

.ubereats-feature-box .feature-box-desc li {

  position: relative;

  padding-left: 15px;

}

.ubereats-feature-box .feature-box-desc ul {

  width: 100%;

}

.ubereats-feature-box .feature-box-desc li:after {

  position: absolute;

  content: "";

  width: 7px;

  height: 7px;

  border-radius: 50%;

  background: #000;

  left: 0;

  top: 9px;

}

.mb-30 {

    margin-bottom: 30px;

}

.flowmap {

    padding: 40px 0;

}

.flowmap-inner {

    max-width: 1310px;

    padding: 0 15px;

    margin: 0 auto;

}

.flowmap img {

    max-width: 100%;

}



/****************************************/

.features {

    padding: 40px 0 25px 0;

    position: relative;

    background-color: #fff5e7;

}

.features .light-shape {

    position: absolute;

    left: -10px;

    bottom: 50px;

    z-index: -1;

}

.features-inner {

    display: flex;

    flex-direction: column;

    align-items: center;

    margin: 0 auto;

    max-width: 1310px;

    padding: 0 15px;

}

.features ul {

    width: 100%;

    list-style: none;

    display: flex;

    flex-wrap: wrap;

    margin: 0 -18px;

}

.features ul li {

    margin: 0 0 20px 0px;

    width: 25%;

    position: relative;

    padding: 0 10px;

    box-sizing: border-box;

}

.fet-caption {

    padding: 20px;

    background-color: #fff;

    height: 100%;

    box-shadow: 0 0 10px 0 rgba(0,0,0,0.12);

    border-radius: 10px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

}

.features ul li i {

    width: 75px;

    height: 75px;

    display: inline-flex;

    margin-bottom: 10px;

    align-items: center;

    justify-content: center;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

}

.features ul li i img {

    width: 40px;

    height: 40px;

    transition: all 0.5s ;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

}

.features ul li .sep {

    position: absolute;

    right: -18px;

    bottom: -70px;

}

.features ul li strong {

    display: block;

    line-height: normal;

    font-size: 18px;

    color: #373737;

    margin-bottom: 13px;

    font-weight: 600;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

}

.features.appsol {

    background: #fff;

}

/**************************************/

.provide {

    padding: 40px 0 40px 0;

    position: relative;

}

.provide .heading {

    margin-bottom: 20px;

}

.provide-inner {

    max-width: 1310px;

    margin: 0 auto;

    padding: 0 15px;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.provide-left {

    width: 51%;

}

.provide-right {

    width: 44.2%;

}

.provide-right img {

    max-width: 100%;

}

.provide ul li {

    font-size: 16px;

    color: #000;

    list-style: none;

    padding-left: 32px;

    position: relative;

    margin-bottom: 10px;

    font-weight: 500;

}

.provide ul li:last-child {

    margin-bottom: 0;

}

.provide ul {

    margin: 0px;

}

.provide ul li:before {

    content: '';

    position: absolute;

    width: 20px;

    height: 20px;

    background-image: url(../images/food-delivery-app-new/check.png);

    left: 0;

    top: 0;

}

/**************************************/

/**************************************/

.order.has_three {

    background-color: #fff;

    padding: 40px 0px 40px 0;

    position: relative;

}

.order.has_three .heading-area {

    margin-bottom: 110px;

}

.order.has_three ul li i {

    margin-bottom: 0;

    background-color: #FFF1DC;

    width: 70px;

    height: 70px;

    margin-top: -35px;

    border-radius: 10px;

    box-shadow: none;

}

.order.has_three ul li:hover i {

    background-color: #FFF1DC;

}

.order.has_three ul li i img {

    opacity: 1;

    width: 40px;

    display: inline-block;

    height: 40px;

}

.order.has_three ul li:hover i img {

    opacity: 1;

    filter: none;

    -webkit-filter: none;

}

.order.has_three ul li {

    width: calc(50% - 20px);

    width: -o-calc(50% - 20px);

    width: -ms-calc(50% - 20px);

    width: -moz-calc(50% - 20px);

    width: -webkit-calc(50% - 20px);

    padding: 0 20px 20px 20px;

    text-align: left;

    justify-content: flex-start;

    background: #fff;

    border: 1px dashed #BBBBBB;

    border-radius: 10px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

    background-color: #fff;

    box-shadow: none;

    -webkit-box-shadow: none;

    margin-bottom: 60px;

    align-items: flex-start;

}

.order.has_three ul li:nth-last-child(-n+2) {

    margin-bottom: 0;

}

.order.has_three ul li img {

    max-width: 100%;

}

.order.has_three ul li:hover {

    box-shadow: none;

    -webkit-box-shadow: none;

}

.order ul {

    display: flex;

    flex-wrap: wrap;

    list-style: none;

    justify-content: space-between;

    margin-top: 79px;

}

.order.has_three ul {

    margin-top: 50px;

}

.order-inner {

    max-width: 1310px;

    padding:0 15px;

    margin: 0 auto;

}

.order ul li i {

    width: 88px;

    height: 88px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    box-shadow: 0 0 0 1px #e4e4e4 inset, 0 0 13px 0 rgba(0,0,0,0.20);

    margin-top: -44px;

    background-color: #fff;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

}

.order ul li a {

    font-size: 17px;

    background-color: #00a9b7;

    font-weight: 600;

    color: #ffffff;

    padding: 9px 25px 12px 25px;

    box-sizing: border-box;

    display: inline-block;

    margin-top: 0;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}

.order ul li a:hover {

    background-color: #c07a24;

}

.order ul li:hover i {

    background-color: #00a9b7;

}

.order ul li i img {

    width: 45px;

    height: 45px;

    display: inline-block;

    opacity: 0.4;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    font-size: 0;

}

.order ul li:hover i img {

    opacity: 1;

    filter: invert(1);

    -webkit-filter: invert(1);

}

.order ul li strong {

    display: block;

    font-size: 18px;

    font-weight: 600;

    color: #1f1f1f;

    margin: 8px 0;

}

.order ul li {

    width: calc(25% - 20px);

    width: -o-calc(25% - 20px);

    width: -ms-calc(25% - 20px);

    width: -moz-calc(25% - 20px);

    width: -webkit-calc(25% - 20px);

    padding: 0 15px 20px 15px;

    box-sizing: border-box;

    text-align: center;

    box-shadow: 0 0 0 1px #e4e4e4 inset, 0 0 13px 0 rgba(0,0,0,0.20);

    border-radius: 12px;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: space-between;

    background-color: #fff;

}

.order_cap p {

    text-align: center;

}

.order ul li:hover {

    box-shadow: 0 0 0 1px #00a9b7 inset, 0 0 13px 0 rgba(0,0,0,0.20);

}

.order {

    padding: 40px 0px 40px 0;

    position: relative;

    background-color: #fff5e7;

}

/**************************************/



/**************************************/

.screens {

    padding: 40px 0px 40px 0;

}

.screens-inner {

    max-width: 1310px;

    margin: 0 auto;

    padding: 0 15px;

}

.TABROW {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    margin: 15px 0 20px 0;

}

.TABROW .TAB {

    min-width: 197px;

    height: 50px;

    padding: 10px 10px 10px 10px;

    box-sizing: border-box;

    font-weight: 600;

    text-transform: uppercase;

    color: #606060;

    letter-spacing: 1px;

    display: inline-flex;

    text-align: center;

    box-shadow: 0 0 0 1px #d8d8d8 inset;

    margin: 0 10px;

    cursor: pointer;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    justify-content: center;

    align-items: center;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    background-color: #fff;

    align-items: center;

}

.TABROW .TAB.active {

    background-color: #00a9b7;

    color: #fff;

    box-shadow: none;

}

.screens ul {

    display: none;

    flex-wrap: wrap;

    list-style: none;

    justify-content: space-between;

}

.screens ul.active {

    display: flex;

}

.screens ul li {

    width: 25%;

    padding: 0 10px;

    box-sizing: border-box;

}

.screens ul li.fullwidth {

    width: 100%;

}

.screens ul li img {

    max-width: 100%;

}

.screens ul li img {

    box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);

}

.screens .view-app-flow {

    font-size: 22px;

    background-color: #00a9b7;

    font-weight: 600;

    color: #ffffff;

    padding: 14px 40px 17px 40px;

    min-width: 264px;

    box-sizing: border-box;

    display: inline-block;

    border-radius: 30px;

    margin-top: 35px;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

}

.screens .view-app-flow:hover {

    background-color: #c07a24;

}

.flow-button {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 20px 0 0;

}

.flow-button-btn {

    background-color: #00a9b7;

    font-size: 31px;

    color: #fff;

    padding: 20px 45px;

    min-width: 31.2%;

    text-align: center;

    font-weight: 600;

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}

.flow-button-btn:hover {

    background-color: #c07a24;

    color: #fff;

}

/**************************************/

.kiosk-solution {

    padding: 40px 0;

    background-color: #fff5e7;

}

.kiosk-solution .right-image {

  align-self: center;

}



.kiosk-solution p {

    margin-bottom: 10px;

    font-size: 16px;

    line-height: 24px;

    letter-spacing: 0.5px;

}

.kiosk-solution ul li img {

  display: inline;

  float: left;

}



.kiosk-solution .right-image a {

    display: block;

    width: 100%;

    position: relative;

    text-align: center;

}

.kiosk-solution .right-part::before {

    background-color: #fffaf5;

}

 a.btn-button {

    background-color: #fff;

    font-size: 25px;

    color: #eda502;

    padding: 10px 40px 12px;

    border-radius: 45px;

    text-align: center;

    font-weight: 400;

     transition: all 0.5s ease 0s;

     -webkit-transition: all 0.5s ease 0s;

     -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    display: inline-block;

    border: solid 2px #eda502;

    margin: 0;

}

 a.btn-button:hover {

    background-color: #eda502;

    color: #ffffff;

    border: solid 2px #ffffff;

}

.kiosk-solution-left {

    width: 68%;

}

.kiosk-solution-right {

    width: 27%;

}

/**************************************/

.demolinks {

    padding: 15px 0 0px 0;

    /* background-color: #00a9b7; */

    

    background-repeat: no-repeat;

    position: relative;

    background-size: cover;

}

.demolinks-inner {

    max-width: 1310px;

    margin: 0 auto;

    padding: 0 15px;

    text-align: center;

}

.demolinks .heading .heading-style {

    color: #fff;

}

.demolinks-inner .heading {

    margin-bottom: 20px;

}

.demo-links-row {

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    text-align: center;

    margin: 0 auto;

    max-width: 1060px;

}



/* KS-links-column-start */

.google-links {

    -webkit-box-shadow: 1px 0px 17px -4px rgba(0,0,0,0.40);
    -moz-box-shadow: 1px 0px 17px -4px rgba(0,0,0,0.40);
    box-shadow: 1px 0px 17px -4px rgba(0,0,0,0.40);

    min-height: 80px;

    position: relative;

    background: #f7f7f7;

    border-radius: 18px;

    display: flex;

    align-items: center;

    padding: 10px 12px;

    /* max-width: 265px;

    min-width: 270px; */

    margin: 0 5px;

    cursor: pointer;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    bottom: 0;

}

.google-links:hover{

    bottom: 5px;

}

.google-links strong {

    text-transform: capitalize;

    font-weight: 500;

    margin-bottom: 5px;

    color: #454545;

    text-align: start;

}

.google-links h2 {

    font-size: 18px;

    text-transform: capitalize;

    font-weight: 500;

    color: #454545;
    text-align: start;

}

.demolinks .heading strong {

    color: #fff;

    margin-bottom: 8px;

}

.google-content {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

}

.google-links .google-img img{

    padding-right: 10px;

}

/* KS-links-column-and */



.demo-links-row .links-column {

    margin-bottom: 15px;

    width: 25%;

    max-width: 100%;

}

.demo-links-row .links-column ul {

    display: flex;

    flex-wrap: wrap;

    list-style: none;

    justify-content: center;

}

.demo-links-row .links-column ul li {

    margin: 0 5px 40px 5px;

    position: relative;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    width: 100%;

    bottom: 0;

}

.demo-links-row .links-column ul li:last-child {

    margin-bottom: 0;

}

.demo-links-row .links-column ul li a {

    display: block;

    width: 100%;

    position: relative;

}

.demo-links-row .links-column ul li a img {

    position: absolute;

    width: 100%;

    left: 0;

    top: 0;

}

.demo-links-row .links-column ul li a::before {

    content: '';

    display: block;

    padding-top: 33%;

}

.demo-links-row .links-column ul li:hover {

    bottom: 5px;

}

ul.weblinks li {

    list-style: none;

    position: relative;

    margin: 0 5px;

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    bottom: 0;

    width: 25%;

}

ul.weblinks li:hover {

    bottom: 5px;

}

ul.weblinks {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    max-width: 1000px;

    margin: 0 auto;

}

ul.weblinks li img {

    max-width: 100%;

}

/*****************************************************/

.become {

    padding: 40px 0;

}

.become-inner {

    max-width: 1310px;

    margin: 0 auto;

    padding: 0 15px;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: flex-end;

}

.become-left {

    width: 33%;

}

.become-right {

    width: 62%;

}

/*****************************************************/

/***********************Web section***********************/

.web-section {

    padding: 40px 0;

    display: block;

    width: 100%;

    background-color: #fff5e7;

}

.block-title {

    font-size: 25px;

    text-transform: uppercase;

}

.web-section .heading .heading-style {

    margin-bottom: 8px;

}

.web-section .heading.center {

    width: 100%;

}

.web-section .container-inner {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.web-section-left {

    width: 49%;

}

.web-section-right {

    width: 49%;

}

.web-section .right-text {

  align-self: center;

}

.web-section .img_inner {

    display: inline-block;

    position: relative;

    z-index: 1;

    margin-bottom: 10px;

}

.web-section .img_inner .shape_1 {

    border-radius: 6px;

    background-color: #04a400;

    position: absolute;

    right: 0;

    top: -30px;

    width: 200px;

    height: 200px;

    z-index: -1;

}

.web-section .img_inner .shape_2 {

    border-radius: 6px;

    background-color: #ff6e00;

    position: absolute;

    left: -30px;

    top: auto;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(0%);

    width: 200px;

    height: 200px;

    z-index: -1;

    bottom: -100px;

}

.web-section .img_inner img {

    -webkit-box-shadow: 0px 50px 60px 0px rgba(2, 12, 79, 0.14);

    box-shadow: 0px 50px 60px 0px rgba(2, 12, 79, 0.14);

    border-radius: 6px;

    border: solid 3px #aaa;

    image-rendering: -webkit-optimize-contrast;

}

.web-section p {

    margin-bottom: 10px;

    font-size: 16px;

    line-height: 22px;

    letter-spacing: 0.5px;

}

.web-section .left-part{

    position: relative;

}

.web-section .btn-button-sec {

    margin-top: 15px;

    display: block;

    width: 100%;

    text-align: center;

}

.web-section .btn-button-sec a.btn-button {

    background-color: #00a9b7;

    font-size: 18px;

    color: #ffffff;

    padding: 13px 30px 14px 30px;

    text-align: center;

    font-weight: 600;

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    display: inline-block;

    border: solid 2px #00a9b7;

    margin: 0 10px 10px 0;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}

.web-section .btn-button-sec a.btn-button:hover {

    background-color: #c07a24;

    color: #ffffff;

    border: solid 2px #c07a24;

}

/********************************/

.flow-video {

    padding: 40px 0 40px 0;

    position: relative;

    z-index: 2;

    margin: 0px;

    background-color: #fff5e7;

}

#adam-video .play-anim-ico {

    top: 60%;

}

.flow-video .back-shape {

    position: absolute;

    right: 0;

    z-index: -1;

    top: 184px

}

.flow-video h3 {

    font-size: 40px;

    color: #001b27;

    font-weight: 700;

    margin-bottom: 10px;

    text-transform: uppercase

}

.flow-video-inner {

    max-width: 1310px;

    margin: 0 auto;

    padding: 0 15px;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.video-block {

    height: auto;

    display: block;

    width: 49%;

    cursor: pointer;

    max-width: 100%;

    box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.21);

    position: relative;

    border-radius: 10px;

    overflow: hidden;

}

.video-block::before{

    content: '';

    display: block;

    width: 100%;

    padding-top: 56.25%;

}

.video-block img {

    max-width: 100%;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

}

.video-block iframe{

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

}

.video-block:after {

    position: absolute;

    width: 100%;

    height: 100%;

    content: '';

    left: 0px;

    top: 0px;

    background-color: rgba(0, 0, 0, 0.2);

}



.flow-video .app-small-circle {

    position: absolute;

    left: -10px;

    top: 0px;

    width: 4.8%

}

.flow-video .play-anim-ico {

    left: 27px;

    bottom: auto;

    margin: 0;

    top: 27px;

    transform: none;

    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

}

/**************************************/

.pricing {

    padding: 40px 0px 40px 0;

    position: relative;

    z-index: 1;

}

.pricing img {

    max-width: 100%;

}

.pricing-inner {

    max-width: 1310px;

    padding: 0 15px;

    margin: 0 auto;

    text-align: center;

    position: relative;

}



.pricing .get-quote {

    font-size: 22px;

    background-color: #00a9b7;

    font-weight: 600;

    color: #ffffff;

    padding: 11px 30px 15px 30px;

    min-width: 264px;

    box-sizing: border-box;

    display: inline-block;

    margin-top: 75px;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}

.pricing a {

    margin: 0 10px 10px 10px;

}

.pricing [data-toggle="popup"] {

    padding: 11px 30px 15px 30px;

    font-size: 22px;

}

.pricing .get-quote:hover {

    background-color: #c07a24;

}

.pricing .clipart {

    position: absolute;

    left: 0;

    margin-top: 60px;

}

.torn-pricing {

    position: relative;

}

.torn-pricing:after {

    content: '';

    position: absolute;

    top: 100%;

    width: auto;

    height: 60px;

    background-image: url(../images/food-delivery-app-new/torn-paper.png);

    left: 14px;

    right: 0;

    background-size: 39%;

    background-repeat: repeat-x;

    z-index: 0;

    margin-top: -1px;

    pointer-events: none;

}





/**************************************/

.helpvideos {

    padding: 40px 0px 25px;

    background: #fff5e7;

}

.helpvideos-inner {

    max-width: 1310px;

    padding: 0 15px;

    margin: 0 auto;

}

.helpvideos ul {

    list-style: none;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-top: 20px;

}

.helpvideos ul li {

    width: calc(20% - 20px);

    width: -o-calc(20% - 20px);

    width: -ms-calc(20% - 20px);

    width: -moz-calc(20% - 20px);

    width: -webkit-calc(20% - 20px);

    margin-bottom: 25px;

    padding: 10px;

    background: #fff;

    box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);

    border-radius: 10px;

}

.helpvideos ul li a {

    display: block;

    background-color: #222;;

    position: relative;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    border-radius: 10px 10px 0 0;

}

.helpvideos ul li a::before {

    content: '';

    display: block;

    padding-top: 56.40%;

    width: 100%;

}

.helpvideos ul li img {

    max-width: 100%;

    border-radius: 10px 10px 0 0;

    vertical-align: top;

    position: absolute;

    left: 0;

    top: 0;

}

.helpvideos ul li a:after {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background-image: url(../images/food-delivery-app-new/play-button.svg);

    pointer-events: none;

    background-repeat: no-repeat;

    background-size: 64px;

    background-position: center center;

    background-color: rgba(0,0,0,0.3);

    border-radius: 10px 10px 0 0;

}

.helpvideos ul li strong {

    display: block;

    text-align: center;

    margin: 10px 0 0 0;

    font-size: 16px;

    font-weight: 600;

}

/**************************************/

/**************************************/

.reviews-inner {

    max-width: 1310px;

    padding: 0 15px;

    margin: 0 auto;

    display: flex;

    flex-direction: column;

    align-items: center;

    position: relative;

    z-index: 1;

}



.reviews {

    padding: 40px 0 25px 0 !important;

    position: relative;

}

.reviews .reviews-inner > a {

    justify-content: center;

    align-items: center;

    box-shadow: 0 0 0 2px #00a9b7 inset;

    border-radius: 5px;

    margin-bottom: 0;

    margin-top: 0;

    font-size: 32px;

    text-transform: uppercase;

    font-weight: 600;

    color: #fff;

    display: inline-flex;

    padding: 0 90px;

    transition: all 0.5s ease 0s;

    background-color: #00a9b7;

    min-height: 60px;

    text-align: center;

    position: relative;

    z-index: 1;

    overflow: hidden;

}

.reviews .reviews-inner > a:after {

    content: '';

    width: 0;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    background-color: #c07a24;

    z-index: -1;

    border-radius: 0;

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

}

.reviews .reviews-inner > a:hover:after {

    width: 100%;

}

 .reviews .reviews-inner > a:hover {

    background-color: #c07a24;

    box-shadow: 0 0 0 2px #c07a24 inset;

}

.reviews .client-left-shape {

    position: absolute;

    top: -158px;

    left: -10px;

    pointer-events: none;

}

.reviews .client-right-shape {

    position: absolute;

    bottom: -183px;

    right: -10px;

    pointer-events: none;

}

ul.reviews-list {

    list-style: none;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    width: 100%;

}

ul.reviews-list li {

    width: 25%;

    padding: 0 10px;

    margin-bottom: 20px;

}

ul.reviews-list li a {

    display: block;

    box-shadow:0 0 20px 0 rgba(0,0,0,0.20);

    min-height: 100%;

    position: relative;

    border: 1px solid #ddd;

    border-radius: 25px;

    -webkit-border-radius: 25px;

    -moz-border-radius: 25px;

    -ms-border-radius: 25px;

    -o-border-radius: 25px;

}

ul.reviews-list li:not(:last-child) a:before {

    content: '';

    display: block;

    padding-top: 71%;

}

ul.reviews-list li a::after {

    content: '';

    background-image: url(../images/food-delivery-app-new/play-video.svg);

    position: absolute;

    right: 10px;

    top: 10px;

    width: 46px;

    height: 46px;

    background-repeat: no-repeat;

    background-size: 40px;

    background-position: center;

    background-color: #00a9b7;

    border-radius: 50%;

    box-shadow: 0 0 8px 0 rgb(0 0 0 / 40%);

}

ul.reviews-list li a img {

    max-width: 100%;

    border-radius: 25px;

    -webkit-border-radius: 25px;

    -moz-border-radius: 25px;

    -ms-border-radius: 25px;

    -o-border-radius: 25px;

    vertical-align: top;

    position: absolute;

    left: 0;

    top: 0;

}

ul.reviews-list li.morereview a {

    min-height: 100%;

    font-size: 28px;

    font-weight: bold;

    line-height: 34px;

    text-transform: uppercase;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    background-color: #00a9b7;

    color: #fff;

    padding: 15px;

    text-align: center;

  }

  ul.reviews-list li.morereview a:hover {

    background-color: #c07a24;

  }

  ul.reviews-list li.morereview a:before {

    content: '';

    position: absolute;

    left: 10px;

    top: 10px;

    width: 50px;

    height: 50px;

    border-width: 1px 0 0 1px;

    border-style: solid;

    border-color: #fff;

    border-radius: 20px 0 0 0;

    -webkit-border-radius: 20px 0 0 0;

    -moz-border-radius: 20px 0 0 0;

    -ms-border-radius: 20px 0 0 0;

    -o-border-radius: 20px 0 0 0;

  }

  ul.reviews-list li.morereview a:after {

    content: '';

    position: absolute;

    top: auto;

    right: 10px;

    bottom: 10px;

    width: 50px;

    height: 50px;

    border-width: 0 1px 1px 0;

    border-style: solid;

    border-color: #fff;

    background-image: none;

    background-color: transparent !important;

    box-shadow: none;

    border-radius: 0 0 20px 0;

    -webkit-border-radius: 0 0 20px 0;

    -moz-border-radius: 0 0 20px 0;

    -ms-border-radius: 0 0 20px 0;

    -o-border-radius: 0 0 20px 0;

  }

/******************************************/



/**************************************/



.delivery-types {

    padding: 50px 0px 30px;

    background: #edffed;

}

.delivery-types-inner {

    max-width: 1310px;

    padding: 0 15px;

    margin: 0 auto;

}

.delivery-types ul {

    list-style: none;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.delivery-types ul li:first-child {

    width: calc(50% - 16px);

    width: -o-calc(50% - 16px);

    width: -moz-calc(50% - 16px);

    width: -webkit-calc(50% - 16px);

}

.delivery-types ul li {

    width: calc(25% - 16px);

    width: -o-calc(25% - 16px);

    width: -moz-calc(25% - 16px);

    width: -webkit-calc(25% - 16px);

}

.delivery-types ul li a {

    display: block;

    background-color: #222;;

    position: relative;

}

.delivery-types ul li img {

    max-width: 100%;

    height: 75px;

}



.delivery-types {

    padding: 40px 0 30px;

    background: #f3f3f3;

}

.delivery-types .heading-area strong {

    margin-bottom: 15px;

}

.delivery-types .card-box picture img {

    width: 60px;

}

.card-box {

  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.3));

  -webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.3));

  background: #fff;

  padding: 30px 15px;

  border-radius: 10px;

  text-align: center;

  margin-bottom: 20px;

  position: relative;

  bottom: 0px;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

  height: calc(100% - 15px);

  height: -o-calc(100% - 15px);

  height: -moz-calc(100% - 15px);

  height: -webkit-calc(100% - 15px);

}

.card-box:hover{

    bottom: 5px;

    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.3));

  -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.3));

}

.card-box img {

  max-width: 100%;

}

.card-box .title-text {

  color: #000;

  font-weight: 600;

  font-size: 20px;

  text-transform: uppercase;

  margin: 10px 0;

  line-height: 30px;

}

.card-box .title-text span {

    display: block;

    font-size: 14px;

    font-weight: 400;

    text-transform: capitalize;

    line-height: 24px;

}

.card-box p {

    margin: 0 0 22px 0;

    padding: 0px;

    line-height: 24px;

    font-size: 16px;

    text-align: center;

    min-height: 75px;

}

.card-box .btn-default {

    color: #fff;

    background-color: #00a9b7;

    border: none;

    padding: 5px 15px 8px;

    border-radius: 6px;

    font-size: 20px;

    display: table;

    margin: 0 auto;

}

.card-box:hover .btn-default {

  color: #fff;

  background-color: #c07a24;

}



/****************/

/**************************************/

/**************************************/

.revenue-inner {

    max-width: 1310px;

    margin: 0 auto;

    padding: 0 15px;

}

.revenue {

    padding: 40px 0 40px 0;

    background-color: #fff5e7;

}

.revenue .heading p {margin-bottom: 20px;}

.revenue ul {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -10px;

}

.revenue-inner-block strong {

    font-size: 22px;

    font-weight: bold;

    display: block;

    margin: 0 0 10px 0;

}

.revenue ul li {

    padding: 0 10px;

    margin: 0 0 20px 0;

    width: 50%;

}

.revenue-inner-block {

    padding: 20px;

    border-radius: 10px;

    background-color: #fff;

    box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);

    display: flex;

    flex-wrap: wrap;

    height: 100%;

}

.revenue-caption {

    width: calc(100% - 115px);

    width: -o-calc(100% - 115px);

    width: -moz-calc(100% - 115px);

    width: -webkit-calc(100% - 115px);

}

.revenue-caption p {

    margin: 0;

}

.revenue-inner-block i {

    margin-right: 15px;

    display: inline-flex;

    align-items: flex-start;

    justify-content: center;

    padding-right: 10px;

    border-right: 1px solid #ddd;

}

.revenue-inner-block i img {

    width: 80px;

    height: 80px;

    display: inline-block;

}

/*******************************************/

.inq_form {

    width: 100%;

    display: block;

    background-color: #ffffff;

    position: relative;

    padding: 20px 0 30px;

    z-index: 0;

    float: left;

}

.inq_form form input[type=submit] {

    color: #fff;

    font-size: 20px;

    font-weight: 600;

    padding: 13px 30px 13px 30px;

    background-color: #00a9b7;

    width: auto;

    text-transform: uppercase;

    min-height: 45px;

    line-height: 30px;

    outline: none;

    border: none;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}

.inq_form form input:hover[type=submit] {

    background-color: #c07a24;

}

.inq_form .head-style {

   font-size: 36px;

   font-weight: 700;

   color: #1e1e1e;

   line-height: 36px;

   margin-bottom: 10px;

   letter-spacing: 0.5px;

   text-transform: uppercase;

}

.inq_form .head-style::after {

  background-color: #f76a00;

  left: 16px;

}

/*.inq_form .head-style:after {

    content: '';

    position: absolute;

    width: 31px;

    height: 3px;

    background-color: #f76a00;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

}*/

.inq_form .heading-area {

    margin-bottom: 15px;

    text-align: left;

    align-items: flex-start;

}

.inq_form-inner {

    max-width: 1340px;

    padding: 0 15px;

    margin: 0 auto;

}

.inq_form .box-shadow {

    margin-top: 15px;

    width: 100%;

}

.inq_form .box-shadow ul {

    margin: 0px;

    padding: 0px;

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;

    list-style: none;

}

.inq_form .box-shadow ul li {

    width: calc(50% - 15px);

    width: -o-calc(50% - 15px);

    width: -ms-calc(50% - 15px);

    width: -moz-calc(50% - 15px);

    width: -webkit-calc(50% - 15px);

}

.inq_form .box-shadow ul li:last-child {

    padding: 20px 30px 30px 30px;

    box-shadow: 7px 7px 20px 0 rgba(0, 0, 0, 0.09);

    border-radius: 20px;

    background-color: #fff;

}

.enquire_form {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.inq_form-left,

.inq_form-right {

    width: calc(100% - 0px);

    width: -o-calc(100% - 0px);

    width: -ms-calc(100% - 0px);

    width: -moz-calc(100% - 0px);

    width: -webkit-calc(100% - 0px);

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.inq_form .input-row-flow {

    margin-bottom: 16px;

    width: calc(50% - 15px);

    width: -o-calc(50% - 15px);

    width: -ms-calc(50% - 15px);

    width: -moz-calc(50% - 15px);

    width: -webkit-calc(50% - 15px);

}

.inq_form .input-row-flow:last-child {

    width: calc(100% - 0px);

    width: -o-calc(100% - 0px);

    width: -ms-calc(100% - 0px);

    width: -moz-calc(100% - 0px);

    width: -webkit-calc(100% - 0px);

}

.inq_form .input-row-flow .g-recaptcha {

    margin-top: 20px;

}

.inq_form .input-row-flow .custom-input-box {

    margin: 0px;

    border: 1px solid #ddd;

    background: #FFF;

    font-size: 16px;

    color: #292929;

    padding: 9px 10px;

    border-radius: 4px;

    -webkit-appearance: none;

    width: 100%;

}

.inq_form .text-center {

    text-align: center;

}

.custom-input-button {

    background-color: #fd585c;

    position: relative;

    margin: 0 auto;

    padding: 8px 20px 10px;

    border-radius: 30px;

    color: #fff;

    font-size: 18px;

    border: none;

}

.custom-input-button:hover {

    background-color: #bf0000;

}

.inq_form .video-block {

    max-width: 100%;

    position: relative;

    width: 100%;

    box-shadow: none;

    min-height: 100%;

    text-align: center;

}

.inq_form .button-btn {

    margin-top: 0;

    justify-content: flex-start;

}



/**************************************/

@media screen and (max-width: 1699px) {

    .main-banner:after {

        width: 95px;

        height: 300px;

        background-size: 100%;

    }



    .main-banner:before {

      top: 0px;

      width: 95px;

      height: 155px;

      background-size: 100%;

    }

}

@media screen and (max-width: 1199px) {

    .main-banner .left-content h1 strong {

        font-size: 24px;

    }

    .main-banner .left-content h1,

    .main-banner .left-content h2,

    .main-banner .left-content h3 {

        font-size: 28px;

        font-weight: 600;

        line-height: 30px;

    }

    ul.reviews-list li.morereview a {

        font-size: 2.5vw;

        line-height: 3.5vw;

    }

}



@media screen and (max-width: 1024px) {

    .inq_form .box-shadow ul li {

        width: 100%;

    }

}

@media screen and (max-width: 991px) {

    .main-banner .left-content {

        margin-right: 0px;

        text-align: center;

    }

    .main-banner .left-content h1 strong {

        font-size: 26px;

    }

    .main-banner .left-content h1,

    .main-banner .left-content h2,

    .main-banner .left-content h3 {

        font-size: 36px;

        line-height: 36px;

    }

    .main-banner .left-content p {

        margin: 15px 0px;

    }

    .main-banner .container-inner {

        flex-direction: column-reverse;

    }

    .main-banner-left {

        width: 100%;

        margin-bottom: 20px;

    }

    .main-banner-right {

        width: 100%;

    }

    .main-banner-img {

        margin: 0;

    }

    .left-part::before, .right-part::before {

        right: 0;

        width: 100%;

        top: 0;

        bottom: 0;

    }



    .heading .heading-style {

        font-size: 35px;

        line-height: 38px;

        letter-spacing: 0;

    }

    .heading strong {

        font-size: 30px;

        font-weight: 500;

    }

    .deliveryvideos ul li {

        padding: 0 10px;

        margin-bottom: 30px;

        width: 50%;

    }

    .mobile-top-fix {

        margin-top: 30px;

    }

     .client-section {

        padding: 40px 0;

    }

    /*****************************************************/

    .video-block {

        width: 100%;

        margin-bottom: 20px;

    }

    .video-block:last-child {

        margin-bottom: 0;

    }

    /*****************************************************/

    .features ul li {

        width: 50%;

        margin: 0 0 35px 0;

    }

    .features ul li .sep {

        display: none;

    }

    .heading-area h3,

    .heading-area h4,

    .heading-area h5 {

        font-size: 30px;

    }

    .heading-area strong {

        font-size: 18px;

    }

    .features ul {

        margin-top: 36px;

    }

    /**************************************/

    .provide {

        margin-bottom: 0;

    }

    .provide-left {

        width: 100%;

    }

    .provide-right {

        width: 100%;

        text-align: center;

    }

    .provide-left .heading-area {

        text-align: center;

    }

    .provide-left .heading-area .header-sep {

        margin-left: auto;

    }

    .provide:after {

        display: none;

    }

    /**************************************/

    .order ul li {

        width: calc(50% - 15px);

        width: -o-calc(50% - 15px);

        width: -ms-calc(50% - 15px);

        width: -moz-calc(50% - 15px);

        width: -webkit-calc(50% - 15px);

        margin-bottom: 70px;

    }

    .order ul li:nth-last-child(-n+2) {

        margin-bottom: 0;

    }

    /**************************************/

    .TABROW .TAB {

        margin-bottom: 20px;

    }

    .screens {

        padding: 50px 0 45px 0;

    }



    /**************************************/

    .pricing .clipart {

        display: none;

    }

    .pricing .get-quote {

        margin-top: 50px;

    }

    /**************************************/

    .helpvideos ul li {

        width: calc(50% - 15px);

        width: -o-calc(50% - 15px);

        width: -ms-calc(50% - 15px);

        width: -moz-calc(50% - 15px);

        width: -webkit-calc(50% - 15px);

    }



    .helpvideos ul li a img {

        width: 100%;

    }

    .helpvideos {

        padding: 50px 0 30px 0;

    }

    /**************************************/

    .delivery-types ul li {

        width: calc(50% - 10px);

        width: -o-calc(50% - 10px);

        width: -ms-calc(50% - 10px);

        width: -moz-calc(50% - 10px);

        width: -webkit-calc(50% - 10px);

    }

    .delivery-types ul li:first-child {

        width: 100%;

    }

    /**************************************/

    .become-left {

        width: 100%;

        margin-bottom: 30px;

    }

    .become-right {

        width: 100%;

    }

    /**************************************/

    .work-process ul {

        justify-content: center;

    }

    .work-process ul li {

        width: 33.33%;

        margin-bottom: 30px;

    }

    .work-process {

        padding: 50px 0 20px 0;

    }

    .work-process:after {

        display: none;

    }

    /**************************************/

    .order.has_three ul li {

        width: calc(50% - 10px);

        width: -o-calc(50% - 10px);

        width: -ms-calc(50% - 10px);

        width: -moz-calc(50% - 10px);

        width: -webkit-calc(50% - 10px);

    }

    /**************************************/

    .web-section .right-text {

        margin-top: 125px;

    }

    .reviews .reviews-inner > a {

        font-size: 24px;

        padding: 0 50px;

    }

    ul.reviews-list li {

        width: calc(33.33% - 10px);

        width: -o-calc(33.33% - 10px);

        width: -ms-calc(33.33% - 10px);

        width: -moz-calc(33.33% - 10px);

        width: -webkit-calc(33.33% - 10px);

        margin-bottom: 25px;

    }

    .reviews .reviews-inner > a {

        font-size: 18px;

        padding: 0 10px;

    }

    .main-banner .col-md-7 {

        width: 100%;

    }

    .main-banner .right-image {

        display: flex;

        align-items: center;

        justify-content: center;

        align-self: flex-end;

    }



    .ubereats-feature-box,

    .ubereats-feature-box.half,

    .ubereats-feature-box.onethird,

    .ubereats-feature-box.oneforth,

    .ubereats-feature-box.pl-pr-12 {

        width: 100%;

        padding: 0;

    }

    .revenue ul li {

        width: 50%;

    }

    .inq_form .box-shadow ul li {

        width: 100%;

    }

    .inq_form .heading-area {

        margin-bottom: 15px;

        align-items:center;

    }

    .inq_form .head-style {

       text-align:center;

    }

    .inq_form .head-style::after {

      background-color: #f76a00;

      left: 50%;

    }

    .web-section-left {

       width: 100%;

       margin-bottom: 30px;

   }

   .web-section-right {

       width: 100%;

   }

   .reviews.mobile-reviews {

       background-color: #fff5e7;

   }

   /***********************************/

    .kiosk-solution-left {

        width: 100%;

    }

    .kiosk-solution-right {

        width: 100%;

        text-align: center;

        margin-bottom: 20px;

    }

    .kiosk-solution .container-inner {

        flex-direction: column-reverse;

    }

    .client-section-left {

        width: 100%;

        text-align: center;

        margin-bottom: 20px;

    }

    .client-section-row {

        flex-direction: column-reverse;

        background-color: transparent;

    }

    .client-section-right {

        width: 100%;

        padding: 0;

    }

    .client-section {

        background-color: #f5f5f5;

    }

    .demo-links-row .links-column {

        width: 33%;

        min-width: 50%;

    }

    ul.weblinks li {

        width: 37%;

    }

}





@media screen and (max-width: 767px) {

    .mobile-top-fix {

        margin-top: 50px;

    }

    .main-banner .left-content h1 strong {

        font-size: 24px;

    }

    .main-banner .left-content h1,

    .main-banner .left-content h2,

    .main-banner .left-content h3 {

        font-size: 30px;

        line-height: 31px;

    }

    .main-banner .left-content p {

        margin: 10px 0px;

    }

    .heading .heading-style {

        font-size: 30px;

        line-height: 35px;

        letter-spacing: 0;

    }

    .heading strong {

        font-size: 25px;

        font-weight: 500;

    }

    .features ul li {

         width: 100%;

         padding: 0;

     }

     .heading-area h3,

     .heading-area h4,

     .heading-area h5 {

         font-size: 28px;

     }

     .heading-area strong {

         font-size: 16px;

     }

     .order ul li {

         width: 100%;

         margin-bottom: 80px;

     }

     .order ul li:nth-last-child(-n+2) {

        margin-bottom: 60px;

    }

     .order ul li:last-child {

        margin-bottom: 0;

     }

     .order.has_three ul li {

        width: 100%;

     }

     .order.has_three ul li:last-child {

        margin-bottom: 0;

     }

     .order.has_three ul li:nth-last-child(-n+2) {

        margin-bottom: 60px;

     }

     .order.has_three ul li:last-child {

        margin-bottom: 0;

     }

     .screens ul li {

         width: 50%;

     }

     .screens ul li {

         margin-bottom: 20px;

     }

     .TABROW .TAB {

         padding: 15px 25px;

         height: auto;

         min-width: initial;

     }

     .helpvideos ul li:last-child {

         display: none;

     }

     .delivery-types ul li,

     .delivery-types ul li:nth-last-of-type(2),

     .delivery-types ul li:nth-last-of-type(1) {

         width: 100%;

     }

     .delivery-types ul li.last {

        width: calc(100% - 0px);

        width: -o-calc(100% - 0px);

        width: -ms-calc(100% - 0px);

        width: -moz-calc(100% - 0px);

        width: -webkit-calc(100% - 0px);

     }

     .delivery-types ul li img {

         width: 100%;

     }

     .work-process ul li {

         width: 100%;

     }

     .web-section .btn-button-sec a.btn-button {

        font-size: 18px;

        padding: 6px 30px 8px;



     }



    .pricing .get-quote,

    .pricing [data-toggle="popup"] {

        font-size: 18px;

        padding: 6px 30px 8px 30px;

    }

     ul.reviews-list li {

        width: calc(50% - 7px);

        width: -o-calc(50% - 7px);

        width: -ms-calc(50% - 7px);

        width: -moz-calc(50% - 7px);

        width: -webkit-calc(50% - 7px);

        margin-bottom: 25px;

     }

     .reviews .reviews-inner > a {

        font-size: 18px;

        padding: 0 10px;

    }

    .web-section {

        padding: 50px 0 35px;

    }

    .flow-button-btn {

        font-size: 22px;

        line-height: normal;

        padding: 10px 16px;

    }

    .revenue ul li {

        width: 100%;

    }

    .pricing .get-quote {

        margin-top: 10px;

    }

    /************************************/

    .order ~ .web-section {

        background-color: #fff;

    }

    .web-section ~ .become {

        background-color: #fff5e7;

    }

    .web-section ~ .become ~ .ubereats-new-version {

        background-color: #fff;

    }

    .order.has_three {

        background-color: #f8f8f8;

    }

    /************************************/

    .demo-links-row .links-column{width: 40%;}

}



@media screen and (max-width:630px) {

    .demo-links-row .links-column {

        width: 50%;

    }

    ul.weblinks li {

        width: 50%;

        margin: 0;

        padding: 0 5px;

    }

    .revenue ul li,

    .revenue-caption p {

        text-align: center;

    }

    .revenue-caption {

        width: 100%;

    }

    .revenue-inner-block i {

        margin: 0 auto 15px auto;

        padding: 0;

        border: none;

    }

    .flow-video .play-anim-ico {

        transform: scale(0.7);

        left: 10px;

        top: 10px;

    }

}

@media screen and (max-width:480px) {

    .main-banner .left-content p {

        margin: 10px 0px;

    }

    .screens ul li {

        width: 100%;

        padding: 0;

    }

    /******************************/

    .demo-links-row .links-column {

        margin-bottom: 10px;

    }

    .demo-links-row .links-column ul li {

        margin-bottom: 10px;

    }

    /*******************************************/

    ul.reviews-list li {

        padding: 0 5px;

        width: 50%;

     }

     .helpvideos ul li {

        width: 100%;

    }

    ul.reviews-list li a::after {

        width: 35px;

        height: 35px;

        background-size: 29px;

    }

    ul.reviews-list li.morereview a {

        font-size: 4.5vw;

        line-height: 5.5vw;

    }

    .flow-button-btn {

        font-size: 14px;

        line-height: normal;

        padding: 10px 16px;

    }
    .demo-links-row .links-column{width: 100% !important;}
    .demo-links-row{justify-content: start;}

}

 @media screen and (max-width:630px) {

     .inq_form-left, .inq_form-right {

         flex-direction: column;

     }

     .inq_form .input-row-flow {

         width: 100%;

     }

     .become {

        padding: 40px 0;

    }

    .ubereats-new-version {

        padding: 40px 0px;

    }

    .order.has_three ul li i {

        width: 100px;

        height: 100px;

    }

    .flowmap {

        padding: 50px 0 0 0;

    }

    .order.has_three ul li i img {

        height: 60px;

    }

    ul.reviews-list li a img {

        border-radius: 10px;

        -webkit-border-radius: 10px;

        -moz-border-radius: 10px;

        -ms-border-radius: 10px;

        -o-border-radius: 10px;

    }

}