@font-face {
    font-family: Calibri;
    unicode-range: U+000-5FF;
    src: url(../woff2/calibri.woff2) format("woff2"), url(../woff/calibri.woff) format("woff");
    src: url(../eot/calibri.eot);
    src: url(../eot/calibri.eot) format("embedded-opentype"), url(../ttf/calibri.ttf) format("truetype"), url(../svg/calibri.svg) format("svg");
    font-display: swap
}

body {
    font-family: Calibri, sans-serif;
    color: #222;
    font-size: 18px
}

a:active,
a:focus,
button:active,
button:focus {
    box-shadow: none !important;
    outline: 0 !important
}

a:hover,
button:hover {
    text-decoration: none
}

.error {
    border-bottom: 1px solid red !important
}

.ubereats-sprite {
    background: url(../webp/ubereats-sprite.webp) no-repeat top center
}

.spriteImgAll {
    background: url(../webp/sprite.webp) no-repeat
}

.pageCommon {
    margin: 100px 0
}

.pageCommon .container-fluid {
    padding: 0 95px
}

@keyframes Pulsate {
    from {
        box-shadow: 0 0 0 #ff5215
    }

    to {
        box-shadow: 0 0 50px rgba(255, 41, 6, 0)
    }
}

input:focus {
    outline: 0
}

.playBut {
    position: relative;
    overflow: hidden;
    display: inline-table !important
}

.playBut svg {
    margin-left: 3px
}

.playBut:before {
    content: "";
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, .56);
    width: 60px;
    height: 100%;
    left: 0;
    top: 0;
    opacity: .5;
    filter: blur(15px);
    transform: translateX(-100px) skewX(-15deg);
    animation: btnShiny 5s infinite linear;
    animation-delay: 0s;
    transition: .7s
}

.playBut .triangle {
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    stroke-dasharray: 240;
    stroke-dashoffset: 480;
    stroke: #fff;
    transform: translateY(0);
    animation: triangleAni 5s infinite linear;
    animation-delay: 1s;
    stroke-width: 20px
}

.playBut .circle {
    stroke: #fff;
    stroke-width: 18px;
    stroke-dasharray: 650;
    stroke-dashoffset: 1300;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    opacity: 1;
    animation: nudge 5s infinite linear;
    animation-delay: 0s
}

@keyframes btnShiny {

    0%,
    40% {
        transform: translateX(-100px) skewX(-15deg);
        opacity: .5
    }

    100%,
    60% {
        transform: translateX(300px) skewX(-15deg);
        opacity: .6
    }
}

@keyframes triangleAni {

    0%,
    40% {
        stroke-dashoffset: 480
    }

    100%,
    60% {
        stroke-dashoffset: 0
    }
}

@keyframes nudge {

    0%,
    40% {
        stroke-dashoffset: 0
    }

    100%,
    60% {
        stroke-dashoffset: 1300
    }
}

button.loader {
    width: 200px !important;
    text-align: center
}

button.loader img {
    float: right;
    margin: 3px 0 0 4px;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
    display: none
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.divider {
    position: relative;
    margin: 15px 0 45px;
    height: 1px
}

.div-transparent:before {
    content: "";
    position: absolute;
    top: 0;
    left: 5%;
    right: 5%;
    width: 90%;
    height: 1px;
    background-image: linear-gradient(to right, transparent, #fb6e2f, transparent)
}

.div-transparent:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -7px;
    left: calc(50% - 7px);
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
    background-color: #fff;
    border: 1px solid #fb6e2f
}

.quickFacts.homeContainer {
    background-image: none;
    position: relative
}

.homeBanner .bannerContent .bannerSearch input:focus {
    box-shadow: none;
    border: 0
}

.animatedPlayBtn {
    animation: Pulsate 1.7s ease infinite
}

.intl-tel-input .country-list,
.userManual .list #accordion {
    overflow: auto;
    scrollbar-color: #ff5215 #ccc;
    scrollbar-width: thin;
    scrollbar-border-radius: 5px
}

.userManual .list #accordion::-webkit-scrollbar {
    height: 12px;
    width: 4px;
    background: #fff
}

.userManual .list #accordion::-webkit-scrollbar-thumb {
    background: #ff5215;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .75)
}

.userManual .list #accordion::-webkit-scrollbar-corner {
    background: #000
}

header.bannerHead {
    position: fixed;
    z-index: 1;
    transition: all .7s;
    width: 100%;
    background-color: transparent;
    top: 0
}

header.bannerHead.headstyle {
    top: 0;
    background: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .12), inset 0 -1px 0 0 #dadce0;
    width: 100%;
    padding: 0;
    transition: all .7s;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 65px;
    z-index: 10
}

header.bannerHead.headstyle .headerContainer .navbar {
    padding: 0
}

header.bannerHead.headstyle .headerContainer .navbar .headCollapse {
    padding: 3px 0 3px;
    margin-top: 0
}

.product_type_dropdown .CaseStudySec {
    background-color: #f2f6f9;
    position: relative;
    right: 25px
}

.product_type_dropdown .restaurants-type-block .restaurants-type-head {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    display: block;
    margin-bottom: 10px
}

.product_type_dropdown .restaurants-type-block .restaurants-type-head:hover {
    color: #ff5215
}

.product_type_dropdown .restaurants-type-block .restaurants-type-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background: url(../webp/sprite.webp);
    vertical-align: middle
}

.product_type_dropdown .restaurants-type-block .restaurants-type-icon.casual-dining {
    background-position: -144px -223px
}

.product_type_dropdown .restaurants-type-block .restaurants-type-icon.cloud-kitchen {
    background-position: -50px -225px
}

.product_type_dropdown .restaurants-type-block .restaurants-type-icon.cafe-ordering {
    background-position: -94px -225px
}

.product_type_dropdown .restaurants-type-block .restaurants-type-icon.curbside-pickup {
    background-position: -5px -225px
}

.product_type_dropdown .restaurants-type-block .restaurants-type-icon.fast-food {
    background-position: -238px -225px
}

.product_type_dropdown .restaurants-type-block .restaurants-type-icon.enterprise {
    background-position: -190px -225px
}

.product_type_dropdown .CaseStudySec .view-more {
    color: #ff5215;
    font-weight: 700
}

.right-arrow {
    background-image: url(../webp/sprite.webp);
    width: 23px;
    height: 23px;
    display: inline-block;
    margin-left: 5px;
    position: relative
}

.right-arrow.icon1 {
    background-position: -650px -2px;
    height: 15px
}

.right-arrow.icon2 {
    background-position: -650px 3px;
    top: 3px;
    margin: 0 4px
}

.right-arrow.blog-arrow-prev {
    background-position: -502px -5px;
    transform: rotateY(180deg)
}

.right-arrow.blog-arrow-next {
    background-position: -502px -5px
}

.right-arrow1 {
    background-image: url(../webp/sprite.webp);
    width: 25px;
    height: 20px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle
}

.right-arrow1.icon3 {
    background-position: -524px -3px
}

.right-arrow1.icon4 {
    background-position: -549px -3px
}

.right-arrow1.icon5 {
    background-position: -573px -3px
}

.right-arrow1.icon6 {
    background-position: -500px -3px
}

.right-arrow1.icon7 {
    background-position: -598px -3px
}

.right-arrow1.icon8 {
    background-position: -624px -3px
}

.blog-detail .blog-arrow-prev {
    background-position: -650px 3px;
    transform: rotateY(180deg)
}

.caseStudyInner .blog-arrow-prev {
    background-position: -691px 4px
}

.caseStudyInner .prevcase .blog-arrow-prev {
    background-position: -650px 3px;
    transform: rotateY(180deg)
}

header .dropdown-menu {
    opacity: 0;
    display: inherit;
    transition: none;
    will-change: transform, opacity;
    pointer-events: none;
    border: 0;
    box-shadow: 0 1px 20px #4444443d;
    min-width: 360px;
    padding: 20px 0;
    left: 50%;
    transform: translateX(-50%)
}

header .dropdown-menu a.dropdown-item:hover {
    background-color: #f0f0f0 !important
}

header .dropdown-menu .dropdown-item {
    color: #000;
    white-space: normal;
    display: inline-block;
    font-size: 17px
}

header .dropdown-menu .dropdown-item:active,
header .dropdown-menu .dropdown-item:focus,
header .dropdown-menu .dropdown-item:hover {
    background-color: transparent !important
}

header .dropdown-menu .dropdown-item span.float-left {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    text-align: left;
    background-color: #f2f2f2;
    text-align: center;
    line-height: 3;
    top: 5px
}

header .dropdown-menu .dropdown-item span.float-left i {
    color: #444
}

header .dropdown-menu .dropdown-item span.float-right {
    max-width: 240px;
    text-align: left
}

header .dropdown-menu .dropdown-item span.float-right .head-h2 {
    font-size: 19px;
    color: #333;
    margin: 0
}

header .dropdown-menu .dropdown-item span.float-right small {
    color: #626161;
    line-height: 1;
    text-align: left
}

header .dropdown-menu .dropdown-item.active {
    background-color: transparent
}

header .dropdown-menu .dropdown-item.active span.float-left {
    background-color: #ff5215
}

header .dropdown-menu .dropdown-item.active span.float-left i {
    color: #fff
}

header .dropdown-menu .dropdown-item.active span.float-right h2 {
    color: #ff5215
}

header .dropdown-menu .dropdown-item:active {
    background-color: #eee
}

header .dropdown-menu:before {
    content: "";
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
    margin: auto;
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 3px;
    transform: rotate(45deg)
}

header .dropdown-menu .dropdown-submenu .head-h4 {
    color: #ff5215;
    position: relative;
    padding: 0 30px
}

header .dropdown-menu .dropdown-submenu a {
    padding: 5px 5px 5px 32px
}

header .dropdown-menu .dropdown-submenu a:hover {
    color: #ff5215;
    background-color: transparent !important
}

.dropdown:hover .dropdown-menu {
    opacity: 1;
    top: 53px;
    left: 50%;
    position: absolute;
    pointer-events: auto;
    will-change: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-duration: .75s;
    min-width: 360px
}

.bannerHead.headstyle .headerContainer .navbar a.navbar-brand {
    padding: 10px 0 12px
}

.bannerHead.headstyle .headerContainer .navbar a.navbar-brand img {
    width: 110px;
    height: 44px
}

header .dropdown-menu .dropdown-item span.float-right {
    width: 81%;
    margin-left: 2%;
    max-width: none !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

header .dropdown-menu .dropdown-item span.float-left {
    position: relative;
    line-height: normal
}

.dropdownResources .dropdown-menu {
    padding-bottom: 0
}

.LangDropdown img {
    margin: 0 -2px 0 0 !important;
    max-width: 25px
}

.LangDropdown .dropdown-menu {
    min-width: auto !important;
    padding: 6px 0
}

.menu-green span.float-right .head-h2 {
    color: #037d5a !important
}

.menu-blue span.float-right .head-h2 {
    color: #065286 !important
}

.menu-orange span.float-right .head-h2 {
    color: #f76632 !important
}

.menu-violet span.float-right .head-h2 {
    color: #2116c5 !important
}

.menu-green span.float-left {
    background-color: #c8f5da !important
}

.menu-blue span.float-left {
    background-color: #c3eefc !important
}

.menu-orange span.float-left {
    background-color: #fcdbd0 !important
}

.menu-violet span.float-left {
    background-color: #e2e0f9 !important
}

.dropdown-submenu {
    width: 49%;
    display: inline-block;
    padding: 0 2%;
    border-right: 1px solid #ddd
}

.dropdown-submenu .head-h4 {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600
}

.dropdown-submenu:nth-child(2) {
    border-right: 0
}

.dropDownFull .ctaContainer {
    padding: 20px 40px 20px;
    background: #f6f7f9;
    margin: 10px 0 0
}

.dropDownFull .ctaContainer p {
    color: #4e4e4e;
    font-size: 1rem;
    margin-bottom: 0
}

.dropDownFull .ctaContainer a {
    color: #ff5215;
    font-weight: 600
}

.dropDownFull .ctaContainer .right-arrow.icon1 {
    background-position: -650px -4px;
    top: 2px
}

.headerContainer {
    padding: 0 95px !important
}

.headerContainer .dropdown-toggle::after {
    display: none
}

.headerContainer .navbar {
    width: 100%;
    padding: 15px 0;
    transition: all .5s
}

.headerContainer .navbar a.navbar-brand {
    float: left;
    padding: 0 0 0
}

.headerContainer .navbar a.navbar-brand img {
    width: 110px;
    height: 40px
}

.headerContainer .navbar .headCollapse {
    float: right
}

.headerContainer .navbar .headCollapse ul {
    padding: 0;
    list-style: none
}

.headerContainer .navbar .headCollapse ul li a.nav-link {
    color: #000;
    font-size: 16px;
    padding: .5rem 15px .5rem 25px;
    font-weight: 600;
    position: relative;
    text-transform: uppercase
}

.headerContainer .navbar .headCollapse ul li a.nav-link img {
    margin-left: 5px
}

.headerContainer .navbar .headCollapse ul li a.nav-link.freeDemo {
    border: 1px solid #24940f;
    background: #24940f;
    color: #fff;
    padding: 6px 15px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
    margin: 10px 0 0 10px
}

.headerContainer .navbar .headCollapse ul li a.nav-link.freeDemo .right-arrow {
    top: 2px;
    height: 17px
}

.headerContainer .navbar .headCollapse ul li a.nav-link:hover:before {
    width: 100%;
    left: 0;
    opacity: 0
}

.headerContainer .navbar .headCollapse ul li a.dropdown-toggle:after {
    display: inline-block;
    margin-left: 6px;
    vertical-align: 1px;
    content: "";
    border-top: .35em solid;
    border-right: .35em solid transparent;
    border-bottom: 0;
    border-left: .35em solid transparent
}

.headerContainer .navbar .headCollapse ul li .flag-icon {
    display: inline-block;
    width: 32px;
    height: 27px;
    background-image: url(../webp/sprite.webp);
    background-position: -366px -232px;
    vertical-align: middle
}

.headerContainer .navbar .headCollapse ul li .flag-icon.es {
    background-position: -331px -232px
}

.headerContainer .navbar .freeDemo-btn-style {
    border: 1px solid #24940f;
    background: #24940f;
    color: #fff;
    padding: 6px 15px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    display: inline-block;
    float: right
}

.headstyle .menuIcon {
    top: 15px
}

.headstyle .menuIcon.change {
    top: 20px
}

.menuIcon {
    position: absolute;
    right: 15px;
    top: 16px;
    cursor: pointer;
    z-index: 9
}

#mobileMenu {
    position: fixed;
    overflow: auto;
    background: #ee4e0f;
    width: 100%;
    max-height: 90%;
    padding: 0;
    left: 100%;
    top: 70px;
    right: 0;
    transition: all .5s;
    z-index: 10;
    background-image: linear-gradient(to right, #f04a07 11%, #ef6120 36%, #ed4204)
}

#mobileMenu ul.navbar-nav {
    width: 100%;
    padding: 20px
}

#mobileMenu ul.navbar-nav li.submenu {
    padding-left: 0
}

#mobileMenu ul.navbar-nav #menu-submenu a {
    padding-left: 20px
}

#mobileMenu ul.navbar-nav a.nav-link {
    color: #fff;
    position: relative;
    font-size: 18px;
    line-height: 2
}

#mobileMenu ul.navbar-nav a.nav-link.collapse-menu {
    display: inline-block
}

#mobileMenu ul.navbar-nav a.nav-link.DemoBtn {
    color: #f04a07;
    background: #fff;
    display: inline-block;
    padding: 5px 15px;
    margin: .5rem 0;
    border-radius: 5px
}

#mobileMenu ul.navbar-nav a.collapse-menu:after {
    position: absolute;
    background-repeat: no-repeat;
    content: "";
    width: 20px;
    height: 40px;
    right: -30px;
    top: 9px;
    background-image: url(../webp/sprite.webp);
    background-position: -688px -187px;
    transform: rotateX(0);
    transform-origin: center;
    transition: .5s
}

#mobileMenu ul.navbar-nav a.collapse-menu.active:after {
    transform: rotateX(182deg)
}

#mobileMenu.mobile-menu {
    left: 0 !important
}

.mobile-menu .right-arrow.icon1 {
    background-position: -668px -5px;
    top: 2px
}

body.menuactive {
    right: 250px;
    left: inherit !important;
    position: relative
}

.bar1,
.bar2,
.bar3 {
    width: 30px;
    height: 5px;
    background-color: #ff5215;
    margin: 5px 0;
    transition: .4s;
    border-radius: 25px
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-6px, 3px);
    transform: rotate(-45deg) translate(-6px, 3px)
}

.change .bar2 {
    opacity: 0
}

.change .bar3 {
    -webkit-transform: rotate(47deg) translate(-11px, -8px);
    transform: rotate(47deg) translate(-11px, -8px)
}

.bottomBanner,
.homeBanner {
    height: 101vh;
    background-color: #f1eee3;
    background-position: right;
    background-size: 0;
    background-repeat: no-repeat;
    margin-top: 0;
    padding: 80px 80px 0;
    position: relative;
    z-index: 0;
    overflow: hidden
}

.bottomBanner.restaurantBanner,
.homeBanner.restaurantBanner {
    background-color: transparent;
    background-image: none
}

.bottomBanner.restaurantBanner::before,
.homeBanner.restaurantBanner::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
    display: block;
    background-image: linear-gradient(45deg, #cee5f3, #fff);
    transform-origin: right bottom;
    transform: skew(0, 3deg)
}

.bottomBanner.restaurantBanner.fast_food::before,
.homeBanner.restaurantBanner.fast_food::before {
    background-image: linear-gradient(45deg, #fff1bc80, #fff)
}

.bottomBanner.restaurantBanner.enterprise::before,
.homeBanner.restaurantBanner.enterprise::before {
    background-image: linear-gradient(45deg, #a0d5d3a6, #fff)
}

.bottomBanner.restaurantBanner.curbside_pickup::before,
.homeBanner.restaurantBanner.curbside_pickup::before {
    background-image: linear-gradient(45deg, #a9dbf880, #fff)
}

.bottomBanner.restaurantBanner.cloud_kitchen::before,
.homeBanner.restaurantBanner.cloud_kitchen::before {
    background-image: linear-gradient(45deg, #f1d7f980, #fff)
}

.bottomBanner.restaurantBanner.casual_dinning::before,
.homeBanner.restaurantBanner.casual_dinning::before {
    background-image: linear-gradient(45deg, #cccaff80, #fff)
}

.bottomBanner .productGradientBanner,
.homeBanner .productGradientBanner {
    background-color: transparent;
    background-image: none;
    background: linear-gradient(45deg, #e6ffeb, #e6ffeb)
}

.bottomBanner .bannerContent,
.homeBanner .bannerContent {
    position: absolute;
    top: 54%;
    transform: translateY(-50%);
    padding-left: 50px;
    color: #fff;
    line-height: 1.7
}

.bottomBanner .bannerContent.static-bannerContent,
.homeBanner .bannerContent.static-bannerContent {
    position: static;
    top: auto;
    transform: none
}

.bottomBanner .bannerContent h1,
.homeBanner .bannerContent h1 {
    font-size: 56px;
    font-weight: 900;
    color: #000
}

.bottomBanner .bannerContent p,
.homeBanner .bannerContent p {
    font-size: 18px;
    font-weight: 400;
    font-weight: 500;
    width: 80%;
    line-height: 1.5;
    margin: 25px 0 40px;
    color: #3a3a3a
}

.bottomBanner .bannerContent .btn,
.homeBanner .bannerContent .btn {
    background-color: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 30px;
    font-size: 16px;
    line-height: 1.5
}

.bottomBanner .bannerContent .btn:hover,
.homeBanner .bannerContent .btn:hover {
    background: #fff;
    border-color: #ff5215;
    color: #ff5215
}

.bottomBanner .bannerContent .bannerSearch input,
.homeBanner .bannerContent .bannerSearch input {
    min-width: 310px;
    height: 40px;
    border: 0;
    border-radius: 50px;
    font-size: 14px;
    padding-left: 20px;
    box-shadow: 0 0 3px 2px #efefef;
    border: 1px solid #cecece
}

.bottomBanner .bannerContent .bannerSearch button,
.homeBanner .bannerContent .bannerSearch button {
    background-color: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 30px;
    font-size: 16px;
    background: linear-gradient(to right, #f58030, #fd5a1a);
    color: #fff;
    font-weight: 500;
    line-height: 1.5;
    padding: 7px 25px
}

.bottomBanner .bannerContent .bannerSearch button:hover,
.homeBanner .bannerContent .bannerSearch button:hover {
    background: #fff;
    border-color: #ff5215;
    color: #ff5215
}

.bottomBanner .bannerContent .bannerSearch button:hover,
.homeBanner .bannerContent .bannerSearch button:hover {
    background: #fff;
    border-color: #ff5215;
    color: #ff5215
}

.bottomBanner .bannerContent .bannerSearch a.howitsBtn,
.homeBanner .bannerContent .bannerSearch a.howitsBtn {
    color: #ff5215;
    font-size: 18px;
    font-weight: 500;
    margin: 30px 1px 0;
    display: inline-block;
    line-height: 1;
    border-bottom: 1px solid
}

.bottomBanner .bannerImg,
.homeBanner .bannerImg {
    float: right;
    text-align: right
}

.bottomBanner .bannerImg img,
.homeBanner .bannerImg img {
    max-width: 90%
}

.bottomBanner .bannerImg.static-bannerImg img,
.homeBanner .bannerImg.static-bannerImg img {
    max-width: 100%
}

.bottomBanner .bannerImg #vid,
.homeBanner .bannerImg #vid {
    position: absolute;
    top: 10%;
    width: 100%;
    left: -11%;
    z-index: -1
}

.homeBanner .bannerImg.positionedImg {
    text-align: center
}

.bottomBanner .bannerContent h4 {
    font-size: 56px;
    font-weight: 900;
    color: #000
}

.homeContainer.container-fluid {
    padding: 0 95px !important;
    margin-top: -10px
}

.homeCustomer {
    padding-bottom: 50px !important
}

.homeCustomer .Headings {
    margin: 0 auto 50px;
    padding-right: 50px;
    margin: 30px 0
}

.homeCustomer .Headings h1 {
    color: #000;
    font-size: 50px;
    position: relative;
    font-weight: 900;
    padding-bottom: 4px
}

.homeCustomer .Headings h2 {
    color: #000;
    font-size: 50px;
    position: relative;
    font-weight: 900;
    padding-bottom: 4px
}

.homeCustomer .Headings p {
    font-size: 18px;
    font-weight: 400;
    max-width: 900px;
    color: #222;
    line-height: 1.5;
    margin: 30px auto 10px;
    font-weight: 400 !important
}

.homeCustomer .Headings a {
    background-color: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 30px;
    font-size: 16px
}

.homeCustomer .Headings a:hover {
    background: #fff;
    border-color: #ff5215;
    color: #ff5215
}

.homeCustomer a {
    margin-top: 15px;
    margin-right: 20px;
    display: inline-block !important;
    overflow: hidden
}

.homeCustomer .ListSection {
    padding-left: 50px;
    border-left: 1px solid #ddd
}

.homeCustomer .ListSection .spriteImgAll {
    width: 35px;
    height: 35px;
    display: inline-block;
    position: relative;
    top: 10px;
    margin-right: 5px
}

.homeCustomer .ListSection .icon1 {
    background-position: -404px -225px
}

.homeCustomer .ListSection .icon2 {
    background-position: -449px -225px
}

.homeCustomer .ListSection .icon3 {
    background-position: -494px -225px
}

.homeCustomer .card {
    border: 0
}

.homeCustomer .card .card-body .card-title {
    color: #000;
    font-size: 23px
}

.homeCustomer .card .card-body img {
    max-width: 35px;
    margin: 0 10px 0 0
}

.homeCustomer .card .card-body p {
    color: #222;
    font-size: 18px;
    font-weight: 400;
    max-width: 100% !important
}

.postionImg {
    position: absolute
}

.homePage .homeDiscover section.discoverSection .discoverText .margin-auto {
    position: relative
}

.homePage .homeDiscover section.discoverSection.DiscoverimgLeft .discoverText .icon_shape {
    left: 0
}

.homePage .homeDiscover section.discoverSection.DiscoverimgRight .discoverText .icon_shape {
    right: 0;
    top: -95px
}

.homePage .homeDiscover section.discoverSection .mobile.imgRight-0 {
    height: auto
}

.homeDiscover {
    overflow: hidden
}

.homeDiscover .Headings {
    margin: 0 auto 50px;
    margin-bottom: 0
}

.homeDiscover .Headings h1 {
    color: #000;
    font-size: 50px;
    position: relative;
    font-weight: 900;
    padding-bottom: 4px
}

.homeDiscover .Headings h2 {
    color: #000;
    font-size: 50px;
    position: relative;
    font-weight: 900;
    padding-bottom: 4px
}

.homeDiscover .Headings p {
    font-size: 18px;
    font-weight: 400;
    max-width: 900px;
    color: #222;
    line-height: 1.5;
    margin: 30px auto 10px;
    font-weight: 400 !important
}

.homeDiscover .Headings a {
    background-color: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 30px;
    font-size: 16px
}

.homeDiscover .Headings a:hover {
    background: #fff;
    border-color: #ff5215;
    color: #ff5215
}

.homeDiscover section.discoverSection {
    position: relative;
    margin-bottom: 90px !important
}

.homeDiscover section.discoverSection .imgRight-0 {
    min-height: auto
}

.homeDiscover section.discoverSection .mobile.imgRight-0 {
    height: 510px
}

.homeDiscover section.discoverSection .txtAni .freeDemo {
    background: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 30px;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 15px
}

.homeDiscover section.discoverSection .txtAni .freeDemo:hover {
    background-color: #fff;
    color: #ff5215;
    border-color: #ff5215
}

.homeDiscover section.discoverSection .txtAni .videoLink {
    font-weight: 600;
    font-size: 16px;
    padding: 10px 10px;
    text-transform: uppercase;
    margin: 0 0 0 20px;
    overflow: hidden;
    color: #ff5215;
    cursor: pointer
}

.homeDiscover section.discoverSection .txtAni .videoLink .playBtn {
    display: inline-block;
    top: 12px;
    left: -7px
}

.homeDiscover section.discoverSection .txtAni h3 {
    margin-top: 45px !important
}

.homeDiscover section.discoverSection .discoverText {
    display: flex
}

.homeDiscover section.discoverSection .discoverText .margin-auto {
    margin: auto;
    display: inline-block
}

.homeDiscover section.discoverSection .discoverText .icon_shape {
    display: none;
    width: 135px;
    height: 125px
}

.homeDiscover section.discoverSection .discoverText .icon_shape:before {
    position: absolute;
    background-repeat: no-repeat;
    content: "";
    width: 45px;
    height: 45px;
    left: 40px;
    top: 24px;
    background-image: url(../webp/sprite.webp)
}

.homeDiscover section.discoverSection .discoverText .icon_shape img {
    width: 100%;
    height: 100%
}

.homeDiscover section.discoverSection .discoverText .icon_s1:before {
    background-position: -2px -68px
}

.homeDiscover section.discoverSection .discoverText .icon_s2:before {
    background-position: -51px -68px
}

.homeDiscover section.discoverSection .discoverText .icon_s3:before {
    background-position: -103px -68px
}

.homeDiscover section.discoverSection .discoverText .icon_s4:before {
    background-position: -152px -68px
}

.homeDiscover section.discoverSection .discoverText .icon_s5:before {
    background-position: -202px -68px
}

.homeDiscover section.discoverSection .discoverText h2,
.homeDiscover section.discoverSection .discoverText h3 {
    color: #000;
    font-size: 56px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 15px
}

.homeDiscover section.discoverSection .discoverText p {
    color: #222;
    font-size: 18px;
    font-weight: 400
}

.homeDiscover section.discoverSection .discoverText a {
    color: #ff5215;
    font-size: 20px;
    font-weight: 700
}

.homeDiscover section.discoverSection .discoverText a img {
    margin-left: 5px
}

.homeDiscover section.discoverSection .discoverText a.common-btn-style {
    background-color: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 30px;
    font-size: 16px;
    position: relative;
    top: 15px
}

.homeDiscover section.discoverSection .discoverText a.common-btn-style:hover {
    background: #fff;
    border-color: #ff5215;
    color: #ff5215
}

.homePage section.discoverSection {
    padding: 60px 0
}

.homePage .discoverText ul {
    list-style: none
}

.homePage .discoverText ul li {
    position: relative;
    margin: 6px 0
}

.homePage .discoverText ul li:before {
    position: absolute;
    background-repeat: no-repeat;
    content: "";
    width: 19px;
    height: 19px;
    left: -30px;
    top: 3px;
    background-image: url(../webp/sprite.webp);
    background-position: -613.6px -195.4px
}

.homePage .discoverText ul.restaurant-types-list .list-head {
    font-weight: 700
}

.homePage section.discoverSection.DiscoverimgLeft .discoverText .margin-auto {
    position: relative;
    min-height: 260px
}

.homePage section.discoverSection.DiscoverimgLeft .discoverText .icon_shape {
    left: 98px
}

.homePage section.discoverSection.DiscoverimgRight .discoverText .margin-auto {
    position: relative
}

.homePage section.discoverSection.DiscoverimgRight .discoverText .icon_shape {
    right: 97px
}

.homePage .DiscoverimgRight .discoverText .icon_shape {
    right: 97px;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1)
}

.quickFacts.homeContainer {
    height: 100%;
    background-position: -25% 100%;
    background-size: contain;
    background-repeat: no-repeat
}

.quickFacts.homeContainer .Headings {
    margin: 0 auto 50px;
    margin-bottom: 70px
}

.quickFacts.homeContainer .Headings h1 {
    color: #000;
    font-size: 50px;
    position: relative;
    font-weight: 900;
    padding-bottom: 4px
}

.quickFacts.homeContainer .Headings h2 {
    color: #000;
    font-size: 50px;
    position: relative;
    font-weight: 900;
    padding-bottom: 4px
}

.quickFacts.homeContainer .Headings p {
    font-size: 18px;
    font-weight: 400;
    max-width: 900px;
    color: #222;
    line-height: 1.5;
    margin: 30px auto 10px;
    font-weight: 400 !important
}

.quickFacts.homeContainer .Headings a {
    background-color: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 30px;
    font-size: 16px
}

.quickFacts.homeContainer .Headings a:hover {
    background: #fff;
    border-color: #ff5215;
    color: #ff5215
}

.quickFacts.homeContainer .Headings p {
    max-width: 550px;
    margin: auto;
    font-size: 18px;
    font-weight: 400
}

.quickFacts.homeContainer .card {
    border: 0;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 8px #e7e7e7d9
}

.quickFacts.homeContainer .card .card-img-top {
    max-width: 100px;
    margin: 20px;
    background: #f0f3f5;
    padding: 30px;
    border-radius: 50%;
    max-height: 100px
}

.quickFacts.homeContainer .card .card-img-top .ripple {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: auto
}

.quickFacts.homeContainer .card .card-img-top .ripple.tag {
    background-position: 0 -23px;
    transform: rotate(0);
    transform-origin: top right
}

.quickFacts.homeContainer .card .card-img-top .ripple.secure {
    background-position: -38px -23px;
    transform: scale(1);
    transform-origin: center
}

.quickFacts.homeContainer .card .card-img-top .ripple.performance {
    background-position: -77px -25px;
    transform: rotate(0)
}

.quickFacts.homeContainer .card .card-img-top .ripple.demo {
    background-position: -118px -22px;
    transform: rotateY(180deg)
}

@keyframes btnShinyPerform {

    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes secureAni {
    0% {
        transform: rotate(0) scale(1)
    }

    40% {
        transform: rotate(-150deg) scale(1.1)
    }

    60% {
        transform: rotate(-250deg) scale(1.2)
    }

    100% {
        transform: rotate(-360deg) scale(1)
    }
}

@keyframes tagAni {
    0% {
        transform: rotate(0)
    }

    20% {
        transform: rotate(10deg)
    }

    40% {
        transform: rotate(16deg)
    }

    50% {
        transform: rotate(10deg)
    }

    60% {
        transform: rotate(0)
    }

    80% {
        transform: rotate(-16deg)
    }

    100% {
        transform: rotate(0)
    }
}

@keyframes demoAni {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(247, 148, 115, .3), 0 0 0 10px rgba(247, 148, 115, .3), 0 0 0 15px rgba(247, 148, 115, .3), 0 0 0 20px rgba(247, 148, 115, .3)
    }

    100% {
        box-shadow: 0 0 0 15px rgba(247, 148, 115, .3), 0 0 0 20px rgba(247, 148, 115, .3), 0 0 0 25px rgba(247, 148, 115, .3), 0 0 0 30px rgba(247, 148, 115, 0)
    }
}

.quickFacts.homeContainer .card .card-img-top img {
    width: 100%
}

.quickFacts.homeContainer .card:hover .ripple.tag {
    animation: tagAni 1.5s linear
}

.quickFacts.homeContainer .card:hover .ripple.secure {
    animation: secureAni 1s linear
}

.quickFacts.homeContainer .card:hover .ripple.performance {
    animation: btnShinyPerform 6s linear
}

.quickFacts.homeContainer .card:hover .ripple.demo {
    animation: demoAni 1.5s linear
}

.quickFacts.homeContainer .card .card-body {
    padding-top: 5px;
    padding-bottom: 30px
}

.quickFacts.homeContainer .card .card-body .card-title {
    color: #000;
    font-size: 23px;
    color: #051441;
    font-size: 30px
}

.quickFacts.homeContainer .card .card-body p {
    color: #222;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7
}

.quickFacts.homeContainer .card.mt-5 {
    margin-top: 8rem !important
}

.homeVideo.homeContainer {
    padding: 50px 70px 200px
}

.homeVideo.homeContainer .bgGradient {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15%;
    top: 22%;
    z-index: -1;
    background-image: linear-gradient(to right, #ef6120, #f04a07);
    transform: skew(0deg, -8deg) scale(.9999)
}

.homeVideo {
    overflow-x: hidden;
    background-size: auto;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    min-height: 900px;
    position: relative
}

.homeVideo::before {
    content: "";
    position: absolute;
    right: 0;
    width: 71%;
    height: 33%;
    background-image: linear-gradient(45deg, #f06b2e, transparent);
    background-image: -webkit-linear-gradient(left, #f06b2e, rgba(239, 97, 32, .08));
    transform: skew(6deg, -10deg);
    top: 40%
}

.homeVideo::after {
    content: "";
    position: absolute;
    background-image: linear-gradient(45deg, #ef6323, rgba(237, 62, 1, .5));
    left: 0;
    width: 30%;
    height: 17%;
    bottom: 48%;
    transform: skew(0deg, -10deg);
    z-index: 0
}

.homeVideo .Headings {
    margin: 0 auto 50px
}

.homeVideo .Headings h1 {
    color: #000;
    font-size: 50px;
    position: relative;
    font-weight: 900;
    padding-bottom: 4px
}

.homeVideo .Headings h2 {
    color: #000;
    font-size: 50px;
    position: relative;
    font-weight: 900;
    padding-bottom: 4px
}

.homeVideo .Headings p {
    font-size: 18px;
    font-weight: 400;
    max-width: 900px;
    color: #222;
    line-height: 1.5;
    margin: 30px auto 10px;
    font-weight: 400 !important
}

.homeVideo .Headings a {
    background-color: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 30px;
    font-size: 16px
}

.homeVideo .Headings a:hover {
    background: #fff;
    border-color: #ff5215;
    color: #ff5215
}

.homeVideo .videoBlock {
    display: none;
    z-index: 1
}

.homeVideo .videoBlock.active {
    display: block
}

.homeVideo .videoNav {
    position: absolute;
    right: 70px;
    top: 50%;
    transform: translateY(-50%)
}

.homeVideo .videoNav ul {
    padding: 0;
    list-style: none
}

.homeVideo .videoNav .c100 {
    position: relative;
    width: 40px;
    height: 40px;
    margin: 50px 0;
    cursor: pointer
}

.homeVideo .videoNav .c100 svg {
    stroke-dasharray: 0 251;
    transition: stroke-dasharray .5s;
    stroke-dasharray: 251;
    width: 40px;
    position: absolute;
    left: 0;
    top: 0
}

.homeVideo .videoNav .c100 svg circle {
    fill: transparent;
    stroke: #fff;
    stroke-width: 5;
    stroke-dasharray: 0
}

.homeVideo .videoNav .navPrev:after {
    position: absolute;
    height: 40px;
    width: 2px;
    background-color: #fff;
    content: "";
    top: 41px;
    left: 14px
}

.homeVideo .bgTab {
    background-color: #ccc;
    text-align: center;
    height: 440px;
    width: 100%;
    position: relative;
    cursor: pointer;
    box-shadow: inset 0 0 0 25px #fff, -1px -1px 7px 1px #97979754;
    border-radius: 15px
}

.homeVideo .bgTab::after {
    content: "";
    position: absolute;
    left: 50%;
    background-color: #e3e3e3;
    width: 10px;
    height: 10px;
    display: inline-block;
    top: 10px;
    border-radius: 7px
}

.homeVideo .bgTab::before {
    content: "";
    position: absolute;
    left: 49%;
    background-color: #e3e3e3;
    width: 20px;
    height: 5px;
    display: inline-block;
    bottom: 10px;
    border-radius: 5px
}

.homeVideo .bgTab img {
    width: calc(100% - 51px);
    margin: 25px auto 0;
    height: calc(100% - 50px);
    border-radius: 0;
    position: relative;
    z-index: 1;
    object-fit: cover
}

.homeVideo #video-section {
    width: calc(100% - 51px);
    margin: 25px auto 0;
    height: calc(100% - 50px);
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.homeVideo #video-section iframe {
    width: 100%;
    height: 100%;
    border: 0
}

.homeVideo .videoNav .c100 svg circle {
    opacity: .5
}

.homeVideo .videoNav .c100.active svg circle {
    opacity: 1
}

.homeVideo .videoNav .navPrev:after {
    display: none
}

.homeVideo .videoCaption {
    color: #fff;
    margin: 30px 0;
    position: relative
}

.homeVideo .videoCaption h3 {
    font-weight: 700;
    font-size: 30px
}

.homeVideo .videoCaption p {
    color: #222;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    font-weight: 500
}

@keyframes fillCircle {
    0% {
        font-size: 10px
    }

    30% {
        font-size: 15px
    }

    100% {
        font-size: 12px
    }
}

.homeBlog.homeContainer {
    padding: 100px 0
}

.homeBlog.homeContainer .card-title {
    font-size: 23px;
    color: #000;
    font-weight: 600
}

.homeBlog.homeContainer .card-text {
    font-size: 18px;
    color: #000;
    font-weight: 400;
    text-align: justify
}

.homeBlog a:hover {
    text-decoration: none
}

.homeBlog .card {
    border: 0;
    border-radius: 0
}

.homeBlog .card .card-img-top {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 0
}

.homeBlog .card .card-body {
    display: inline-block;
    max-width: 100%;
    margin: auto;
    background: #fff;
    box-shadow: 0 1px 4px #ddd;
    margin-top: -17px;
    min-height: 100px;
    font-size: 17px;
    color: #3a3a3a;
    text-align: left;
    letter-spacing: .3px;
    font-weight: 600
}

.homeBlog .card.viewAll {
    margin-left: 15px;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.homeBlog .card.viewAll .card-body {
    text-align: left;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.homeBlog .card.viewAll h5 {
    color: #000;
    font-weight: 700;
    font-size: 35px;
    margin-bottom: 25px
}

.homeBlog .card.viewAll h5 span {
    color: #ff5215
}

.homeBlog .card.viewAll p {
    color: #3a3a3a;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    line-height: 1.5
}

.homeBlog .card.viewAll a {
    background: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 30px;
    text-transform: uppercase;
    margin-top: 25px;
    display: inline-block;
    box-shadow: 0 1px 15px #ddd
}

.homeBlog .card.viewAll a:hover {
    background-color: #fff;
    color: #ff5215;
    border-color: #ff5215
}

.bottomBanner::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
    background-image: linear-gradient(to right, #00000000, #000 15%);
    opacity: .25
}

.bottomBanner.cafe-section {
    background: url(../jpg/cafe-ordering.jpg) no-repeat center center/cover;
    position: relative
}

.bottomBanner.fast-food-section {
    background: url(../jpg/fast-food-ordering.jpg) no-repeat center center/cover
}

.bottomBanner.enterprise-section {
    background: url(../jpg/girl-drinking-fresh-juice.jpg) no-repeat center center/cover
}

.bottomBanner.casual-dinning-section {
    background: url(../jpg/casual-dinning.jpg) no-repeat center center/cover
}

.bottomBanner.cloud-kitchen-section {
    background: url(../jpg/cloud-kitchen.jpg) no-repeat center center/cover
}

.bottomBanner.curbside-pickup-section {
    background: url(../jpg/restaurant-frontend.jpg) no-repeat center center/cover
}

footer {
    padding-top: 45px;
    background-color: #000
}

footer .container-fluid.homeContainer {
    padding: 30px 80px
}

footer .footerCols {
    color: #3a3a3a
}

footer .footerCols .foot-h3 {
    font-size: 20px;
    position: relative;
    margin-bottom: 20px;
    pointer-events: none;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff
}

footer .footerCols .foot-h3:before {
    position: absolute;
    display: none;
    content: "";
    left: 0;
    width: 25px;
    height: 25px;
    top: 0;
    background-size: auto;
    background-repeat: no-repeat;
    background-image: url(../webp/sprite.webp)
}

footer .footerCols .foot-h3.company:before {
    background-position: -25px 0
}

footer .footerCols .foot-h3.resources:before {
    background-position: 0 0
}

footer .footerCols .foot-h3.product:before {
    background-position: -50px 0
}

footer .footerCols .foot-h3.contactUs:before {
    background-position: -75px 0
}

footer .footerCols .foot-h3.collapsed i.fa-angle-down {
    transform: rotateX(0)
}

footer .footerCols .foot-h3 i.fa-angle-down {
    font-weight: 600;
    margin-right: 10px;
    color: transparent;
    font-size: medium;
    position: absolute;
    content: "";
    right: 0;
    width: 20px;
    height: 20px;
    top: 0;
    background-size: auto;
    background-repeat: no-repeat;
    background-image: url(../webp/sprite.webp);
    background-position: -690px -195px;
    transform: rotateX(0);
    transform-origin: center;
    transition: .5s
}

footer .footerCols .foot-h3 i.fa-angle-down.active {
    transform: rotateX(182deg)
}

footer .footerCols ul {
    padding: 0;
    list-style: none
}

footer .footerCols ul li {
    margin: 10px 0;
    position: relative;
    color: #fff
}

footer .footerCols a {
    color: #fff;
    font-size: 17px
}

footer .footerCols a:hover {
    color: #ff5215;
    text-decoration: none
}

footer .footerCols .socialMedia ul li {
    float: left;
    margin: 10px 5px;
    padding-left: 0 !important
}

footer .footerCols .socialMedia ul li a {
    color: #fff;
    position: relative;
    padding: 0 0;
    line-height: 0;
    text-align: center;
    border: 2px solid #323232;
    border-radius: 50%;
    background-color: #323232;
    width: 32px;
    height: 32px;
    display: inline-block;
    line-height: 1.6;
    text-align: center
}

footer .footerCols .socialMedia ul li a i {
    color: #fff;
    margin: 0;
    font-size: 16px
}

footer .footerCols .socialMedia ul li a:hover {
    border-color: #ff5215;
    background-color: #fff;
    color: #ff5215
}

footer .footerCols .socialMedia ul li a:hover span.Facebook {
    background-position: -80px -194px;
    top: 3px
}

footer .footerCols .socialMedia ul li a:hover span.Pinterest {
    background-position: -125px -193px;
    top: 3px
}

footer .footerCols .socialMedia ul li a:hover span.Linkedin {
    background-position: -174px -193px
}

footer .footerCols .socialMedia ul li a:hover span.Twitter {
    background-position: -219px -193px;
    left: 1.5px;
    top: 1px
}

footer #collapse4 ul li {
    padding-left: 30px
}

footer .spriteImgAll {
    position: absolute;
    background-repeat: no-repeat;
    content: "";
    width: 22px;
    height: 30px;
    left: 0;
    top: 0;
    background-image: url(../webp/sprite.webp)
}

footer .spriteImgAll.fa-Phone {
    background-position: -357px -193px
}

footer .spriteImgAll.fa-Mail {
    background-position: -377px -193px;
    width: 22px
}

footer .spriteImgAll.fa-Sky {
    background-position: -397px -193px
}

footer .spriteImgAll.Facebook {
    background-position: -57px -194px;
    top: 3px
}

footer .spriteImgAll.Pinterest {
    background-position: -102px -194px;
    top: 3px
}

footer .spriteImgAll.Linkedin {
    background-position: -150px -193px;
    left: 3px
}

footer .spriteImgAll.Twitter {
    background-position: -196.8px -193px;
    left: 3.5px;
    top: 1px
}

footer .copyrights .container {
    padding: 20px;
    border-top: 1px solid #dddddd59;
    color: #3a3a3a
}

footer .copyrights small {
    font-size: 11px;
    margin-bottom: 0;
    color: #fff
}

footer .WhatsappIcon {
    position: fixed;
    bottom: 20px;
    left: 10px;
    width: 40px;
    height: 40px;
    z-index: 999
}

footer .WhatsappIcon .spriteImgAll {
    width: 40px;
    height: 40px;
    background-position: -283px -226px
}

.caseStudy .Headings {
    margin: 0 auto 50px;
    max-width: 100%;
    margin: 0 auto 30px
}

.caseStudy .Headings h1 {
    color: #000;
    font-size: 50px;
    position: relative;
    font-weight: 900;
    padding-bottom: 4px
}

.caseStudy .Headings h2 {
    color: #000;
    font-size: 50px;
    position: relative;
    font-weight: 900;
    padding-bottom: 4px
}

.caseStudy .Headings p {
    font-size: 18px;
    font-weight: 400;
    max-width: 900px;
    color: #222;
    line-height: 1.5;
    margin: 30px auto 10px;
    font-weight: 400 !important
}

.caseStudy .Headings a {
    background-color: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 30px;
    font-size: 16px
}

.caseStudy .Headings a:hover {
    background: #fff;
    border-color: #ff5215;
    color: #ff5215
}

.caseStudy .Headings p {
    max-width: 50%;
    margin: auto;
    font-size: 18px;
    font-weight: 400
}

.caseStudy .card {
    border: 0;
    border-radius: 10px;
    box-shadow: 0 1px 10px #ddd;
    margin: 15px 0;
    overflow: hidden
}

.caseStudy .card .card-img-top {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .3s
}

.caseStudy .card .card-body {
    color: #535353;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700
}

.caseStudy .card .card-body p {
    color: #535353;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 0
}

.caseStudy .card .card-body a,
.caseStudy .card .card-body span {
    padding: 0;
    color: #ff5215;
    font-size: 20px;
    font-weight: 700
}

.caseStudy .card .card-body a img,
.caseStudy .card .card-body span img {
    margin-left: 10px
}

.pageCommon.caseStudyInner {
    margin-bottom: 20px
}

.caseStudyInner .detailHead h1 {
    font-size: 34px;
    color: #000;
    font-weight: 700;
    margin: 20px 0 25px
}

.caseStudyInner .card {
    border: 0
}

.caseStudyInner .card .card-img-top {
    width: 100%;
    height: 400px;
    border-radius: 10px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.caseStudyInner .card .card-body {
    padding: 30px 0
}

.caseStudyInner .card .card-body h3.subTitle {
    color: #000;
    font-size: 20px;
    font-weight: 600
}

.caseStudyInner .card .card-body p {
    font-size: 18px;
    font-weight: 400;
    font-weight: 100;
    line-height: 1.7;
    color: #3a3a3a;
    letter-spacing: .5px;
    margin-bottom: 25px
}

.caseStudyInner .card .card-body a {
    color: #ff5215;
    font-size: 20px;
    font-weight: 700;
    font-size: 18px;
    font-weight: 500
}

.caseStudyInner .card .card-body a img {
    margin: 0 10px
}

.caseStudyInner .card .card-body span.float-right a {
    margin-left: 25px
}

.caseStudyInner .card .card-body span.float-right a.float-left img {
    transform: rotate(180deg);
    filter: invert(1) brightness(0);
    opacity: .3
}

.caseStudyInner .card .float-left {
    background: 0 0
}

.caseStudyInner .card .card-img-top {
    height: auto
}

.caseStudyInner .card .card-img-top img {
    width: 100%;
    object-fit: fill;
    object-position: 100%;
    height: 100%;
    border-radius: 10px
}

.caseStudyInner .card .card-body ul li {
    position: relative;
    list-style: none
}

.caseStudyInner .card .card-body ul li:before {
    position: absolute;
    background-color: #ff5215;
    content: "";
    left: -20px;
    top: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%
}

.caseStudyInner .card .card-body ul li h3.subTitle {
    font-size: 17px
}

.caseStudyInner .cardRight .card-body h2 {
    font-size: 25px;
    font-weight: 600;
    position: relative;
    color: #000;
    padding-bottom: 7px;
    margin-bottom: 25px;
    text-transform: capitalize
}

.caseStudyInner .cardRight .card-body h2:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100px;
    height: 4px;
    border-radius: 50px;
    background-color: #ff5215
}

.caseStudyInner .cardRight .card-body p {
    color: #3a3a3a;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.5;
    font-weight: 100
}

.caseStudyInner .cardRight .card-body span {
    display: block;
    color: #727272;
    letter-spacing: .5px
}

.caseStudyInner .cardRight .card-body span b {
    margin-right: 10px;
    color: #3a3a3a
}

.caseStudyInner .cardRight.mt-5 {
    margin-top: 3.4rem !important
}

.blog-page {
    margin: 100px 0 50px
}

.blog-page img {
    max-width: 100%;
    border-radius: 25px
}

.blog-page a:focus {
    outline: 0;
    box-shadow: none
}

.blog-page p {
    color: #3a3a3a;
    font-size: 18px;
    font-weight: 400
}

.blog-page h1 {
    color: #000;
    font-size: 40px;
    font-weight: 700;
    position: relative
}

.blog-page .section1 {
    margin: 50px 0
}

.blog-page .section1 .scaling-effect {
    position: relative;
    overflow: hidden;
    border-radius: 25px
}

.blog-page .section1 .scaling-effect:hover .img-overlay {
    transform: scale(1.15)
}

.blog-page .section1 .cardImg {
    position: relative;
    width: 100%;
    height: 100%
}

.blog-page .section1 .cardImg:before {
    position: absolute;
    border-radius: 25px;
    content: "";
    bottom: 0;
    left: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, .7));
    width: 100%;
    height: 50%;
    z-index: 1
}

.blog-page .section1 .cardImg:hover .img-overlay {
    transform: scale(1.1)
}

.blog-page .section1 .img-overlay {
    transition: all .3s;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 25px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.blog-page .section1 .img-content {
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: 0 20px 10px;
    z-index: 1
}

.blog-page .section1 .img-content h2 {
    font-weight: 700;
    font-size: 25px;
    margin: 0 0
}

.blog-page .section1 .img-content span {
    font-size: 11px
}

.blog-page .section1 .section1-img1 .scaling-effect {
    height: 550px
}

.blog-page .section1 .section1-img2 .scaling-effect {
    height: 260px
}

.blog-page .section1 .section1-img2 .scaling-effect h3 {
    font-size: 20px !important
}

.blog-page .section1 .section1-img4 .scaling-effect {
    height: 260px;
    margin: 30px 0 0
}

.blog-page .section2 {
    margin: 0 0 50px
}

.blog-page .section2:hover .img-overlay {
    transform: scale(1.1)
}

.blog-page .section2 .scaling-effect {
    position: relative;
    overflow: hidden;
    border-radius: 25px;
    height: 270px;
    border-radius: 10px !important
}

.blog-page .section2 .img-overlay {
    transition: all .3s;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 25px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 10px !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.blog-page .section2 .img-overlay:hover {
    transform: scale(1.1)
}

.blog-page .section2 h3 {
    font-weight: 700;
    font-size: 25px;
    color: #000
}

.blog-page .section2 .content {
    font-size: 17px;
    color: #3a3a3a;
    display: block;
    margin: 0 0 15px
}

.blog-page .section2 span {
    font-size: 13px;
    color: #535353;
    display: block;
    margin: 0 0 10px
}

.blog-page .section2 a {
    color: #ee5717;
    font-size: 16px
}

.blog-page .section2 a img {
    margin: 0 0 0 5px
}

.blog-page .pagination .page-link {
    border: 0;
    background: #b0b0b0;
    border-radius: 50%;
    color: #fff;
    padding: 4px 10px;
    margin: 0 8px
}

.blog-page .pagination li.active a {
    background: #ee5717;
    transform: scale(1.3)
}

.blog-page .pagination .page-link[aria-label=Previous] {
    background: 0 0;
    margin: 0
}

.blog-page .pagination .page-link[aria-label=Previous] img {
    transform: rotate(180deg);
    filter: invert(1) brightness(0);
    opacity: .3
}

.blog-page .pagination .page-link[aria-label=Next] {
    background: 0 0;
    margin: 0
}

.blog-page .pagination .page-link[aria-label=Next] img {
    transform: rotate(0);
    filter: invert(1) brightness(0);
    opacity: .3
}

.blog-detail.pageCommon {
    margin-bottom: 30px
}

.blog-detail .detailHead h1 {
    font-size: 34px;
    color: #000;
    font-weight: 700;
    margin: 20px 0 25px
}

.blog-detail .detailHead h1 {
    margin-bottom: 5px
}

.blog-detail .card {
    border: 0;
    display: block
}

.blog-detail .card .card-img-top {
    width: 100%;
    height: 400px;
    border-radius: 10px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.blog-detail .card .card-body {
    padding: 30px 0
}

.blog-detail .card .card-body h3.subTitle {
    color: #000;
    font-size: 20px;
    font-weight: 600
}

.blog-detail .card .card-body p {
    font-size: 18px;
    font-weight: 400;
    font-weight: 100;
    line-height: 1.7;
    color: #3a3a3a;
    letter-spacing: .5px;
    margin-bottom: 25px
}

.blog-detail .card .card-body a {
    color: #ff5215;
    font-size: 20px;
    font-weight: 700;
    font-size: 18px;
    font-weight: 500
}

.blog-detail .card .card-body a img {
    margin: 0 10px
}

.blog-detail .card .card-body span.float-right a {
    margin-left: 25px
}

.blog-detail .card .card-body span.float-right a.float-left img {
    transform: rotate(180deg);
    filter: invert(1) brightness(0);
    opacity: .3
}

.blog-detail .card .card-img-top {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center
}

.blog-detail .card .card-body {
    float: right;
    width: 92%
}

.blog-detail .card .card-body h3 {
    color: #535252;
    font-size: 21px
}

.blog-detail .card .card-body .menu-item ul li::before {
    display: none
}

.blog-detail .card .card-body ul {
    list-style: none
}

.blog-detail .card .card-body ul li {
    position: relative
}

.blog-detail .card .card-body ul li:before {
    position: absolute;
    background-color: #ff5215;
    content: "";
    left: -17px;
    top: 10px;
    width: 6px;
    height: 6px;
    border-radius: 50%
}

.blog-detail .card .wp-block-image {
    text-align: center
}

.blog-detail .card .wp-block-image img {
    width: auto
}

.blog-detail .cardRight .card-body h1 {
    font-size: 25px;
    font-weight: 600;
    position: relative;
    color: #000;
    padding-bottom: 7px;
    margin-bottom: 25px
}

.blog-detail .cardRight .card-body h1:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100px;
    height: 4px;
    border-radius: 50px;
    background-color: #ff5215
}

.blog-detail .cardRight .card-body p {
    color: #3a3a3a;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.5;
    font-weight: 100
}

.blog-detail .cardRight .card-body span {
    display: block;
    color: #727272;
    letter-spacing: .5px
}

.blog-detail .cardRight .card-body span b {
    margin-right: 10px;
    color: #3a3a3a
}

.blog-detail .cardRight.mt-5 {
    margin-top: 6rem !important
}

.blog-detail .social-icons {
    float: left;
    padding: 0 10px;
    margin: 30px 10px 30px 0;
    border-right: 2px solid #ee5717
}

.blog-detail .social-icons ul {
    padding: 0;
    list-style: none
}

.blog-detail .social-icons ul li {
    margin: 5px 0 20px
}

.blog-detail .social-icons ul li:last-child {
    margin: 5px 0 0
}

.blog-detail .social-icons ul li a {
    color: #535353;
    position: relative;
    width: 25px;
    height: 25px;
    display: inline-block
}

.blog-detail .social-icons ul li a i {
    font-size: 22px;
    display: none
}

.blog-detail .social-icons ul li a .spriteImgAll {
    position: absolute;
    background-repeat: no-repeat;
    content: "";
    width: 25px;
    height: 25px;
    left: 0;
    top: 0;
    background-image: url(../webp/sprite.webp)
}

.blog-detail .social-icons ul li a .spriteImgAll.Facebook {
    background-position: -311px -194px
}

.blog-detail .social-icons ul li a .spriteImgAll.Twitter {
    background-position: -242px -193px
}

.blog-detail .social-icons ul li a .spriteImgAll.Linkedin {
    background-position: -265px -193px
}

.blog-detail .social-icons ul li a .spriteImgAll.Whatsapp {
    background-position: -335px -194px
}

.blog-detail .menu-item ul {
    padding: 0;
    list-style: none
}

.blog-detail .menu-item ul li {
    display: inline-block;
    margin-right: 15px
}

.blog-detail .menu-item ul li a {
    background: #e5e5e5;
    padding: 5px 15px;
    color: #535353 !important;
    font-size: 17px !important
}

.blog-detail .user-sec {
    float: left;
    width: 100%;
    padding-top: 30px;
    border-top: 1px solid #ddd;
    margin: 30px 0 0
}

.blog-detail .user-sec .user-img {
    float: left;
    width: 100px;
    height: 100px;
    margin-right: 2%
}

.blog-detail .user-sec .user-img img {
    width: 100%;
    height: 100%;
    border-radius: 50px
}

.blog-detail .user-sec .user-content {
    float: right;
    width: 82%
}

.blog-detail .user-sec .user-content h3.subTitle {
    position: relative
}

.blog-detail .user-sec .user-content h3.subTitle:after {
    position: absolute;
    width: 25px;
    height: 2px;
    background-color: #ee5717;
    content: "";
    top: 50%;
    left: auto;
    margin-left: 8px
}

.blog-detail .user-sec .user-content .p {
    font-size: 18px;
    font-weight: 400
}

.blog-detail .blogForm {
    padding: 25px 15px;
    background-color: #f6f6f6;
    margin-bottom: 35px
}

.blog-detail .blogForm.mt-5 {
    margin-top: 6.8rem !important
}

.blog-detail .blogForm h3 {
    color: #ff5215;
    font-size: 21px;
    font-weight: 600
}

.blog-detail .blogForm p {
    font-size: 18px;
    font-weight: 400;
    font-weight: 500;
    line-height: 1.6;
    color: #3a3a3a;
    letter-spacing: .5px;
    margin: 15px 0
}

.blog-detail .blogForm form input {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    padding: 5px 20px
}

.blog-detail .blogForm form button {
    background: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 30px;
    text-transform: uppercase;
    padding: 8px 30px;
    display: inline-block;
    margin: 16px 0 0
}

.blog-detail .blogForm form button:hover {
    background-color: #fff;
    color: #ff5215;
    border-color: #ff5215
}

.blog-detail .ourBlogs .d-inline-block.blogSmilar {
    width: 100%
}

.blog-detail .ourBlogs ul {
    padding: 0;
    list-style: none
}

.blog-detail .ourBlogs ul li {
    margin: 20px 0
}

.blog-detail .ourBlogs h3 {
    font-size: 27px;
    font-weight: 600;
    position: relative;
    color: #000;
    padding-bottom: 7px;
    margin-bottom: 40px;
    margin-top: 25px;
    text-transform: unset
}

.blog-detail .ourBlogs h3:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100px;
    height: 4px;
    border-radius: 50px;
    background-color: #ff5215
}

.blog-detail .ourBlogs .blogImg {
    width: 100px;
    height: 100px;
    object-fit: cover;
    object-position: center;
    background-repeat: no-repeat;
    border-radius: 5px;
    pointer-events: none
}

.blog-detail .ourBlogs .ourblogContent {
    width: 55%;
    margin-left: 20px
}

.blog-detail .ourBlogs .ourblogContent .blog-h2,
.blog-detail .ourBlogs .ourblogContent h2 {
    font-size: 14px;
    font-weight: 600;
    color: #535353;
    margin-bottom: 0
}

.blog-detail .BlogAdBanner {
    position: sticky;
    top: 80px;
    z-index: 9
}

.blog-detail .BlogAdBanner img {
    max-width: 100%
}

.productPage.pageCommon {
    margin: 120px 0 0
}

.productPage .Headings {
    margin: 0 auto 50px;
    margin-bottom: 0
}

.productPage .Headings h1 {
    color: #000;
    font-size: 50px;
    position: relative;
    font-weight: 900;
    padding-bottom: 4px
}

.productPage .Headings h2 {
    color: #000;
    font-size: 50px;
    position: relative;
    font-weight: 900;
    padding-bottom: 4px
}

.productPage .Headings p {
    font-size: 18px;
    font-weight: 400;
    max-width: 900px;
    color: #222;
    line-height: 1.5;
    margin: 30px auto 10px;
    font-weight: 400 !important
}

.productPage .Headings a {
    background-color: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 30px;
    font-size: 16px
}

.productPage .Headings a:hover {
    background: #fff;
    border-color: #ff5215;
    color: #ff5215
}

.productPage .Headings a {
    display: inline-block;
    margin-top: 15px;
    margin-right: 20px
}

.productPage .homeDiscover section.discoverSection.DiscoverimgLeft::after,
.productPage .homeDiscover section.discoverSection.DiscoverimgRight::before {
    display: none
}

.productPage .homeDiscover {
    padding: 40px 0
}

.productPage .homeDiscover section.discoverSection {
    padding: 40px 0
}

.productPage .homeDiscover section.discoverSection .discoverText h2 {
    margin-top: 0
}

.productPage .homeDiscover section.discoverSection.DiscoverimgLeft {
    position: relative;
    min-height: auto
}

.userManual.pageCommon {
    margin-bottom: 0
}

.userManual a {
    color: #ff5215
}

.userManual ul.left_side_tabs {
    display: inline-block;
    float: right;
    margin: 0 105px;
    padding: 0;
    list-style: none
}

.userManual ul.left_side_tabs li {
    float: left
}

.userManual ul.left_side_tabs li a {
    padding: 15px 30px;
    color: #3a3a3a;
    font-weight: 600;
    font-size: 20px;
    display: inline-block;
    box-shadow: 0 0 5px #ddd;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin: 0 6px;
    min-width: 160px;
    text-align: center
}

.userManual ul.left_side_tabs li a:hover {
    background-color: #f5f7fb;
    color: #ff5215
}

.userManual ul.left_side_tabs li a:focus {
    box-shadow: 0 0 5px #ddd
}

.userManual ul.left_side_tabs li.active a {
    background-color: #f5f7fb;
    color: #ff5215
}

.userManual .bgColor {
    display: inline-block;
    width: 100%;
    background-color: #f5f7fb
}

.userManual .bgColor .container-fluid {
    padding: 0 15px
}

.userManual .bgColor .container-fluid .list {
    background-color: #ebf1fb;
    max-width: 19%;
    padding: 25px 5px
}

.userManual .bgColor .container-fluid .list .sticky-menu {
    position: sticky;
    top: 100px
}

.userManual .bgColor .container-fluid .list .sticky-menu ul {
    padding: 0;
    list-style: none
}

.userManual .bgColor .container-fluid .list .sticky-menu a {
    color: #000;
    font-size: 17px;
    font-weight: 600;
    padding: 15px;
    display: block
}

.userManual .bgColor .container-fluid .list #accordion {
    position: sticky;
    top: 100px;
    max-height: 85vh;
    overflow-y: scroll
}

.userManual .bgColor .container-fluid .list .card {
    background-color: transparent;
    border: 0
}

.userManual .bgColor .container-fluid .list .card .card-header {
    background-color: transparent;
    border: 0;
    padding: 10px 20px
}

.userManual .bgColor .container-fluid .list .card .card-header h2 {
    line-height: .8
}

.userManual .bgColor .container-fluid .list .card .card-header a {
    color: #000;
    font-size: 17px;
    font-weight: 600
}

.userManual .bgColor .container-fluid .list .card .card-header a.active {
    color: #ff5215
}

.userManual .bgColor .container-fluid .list .card .card-body {
    padding: 5px 1.25rem
}

.userManual .bgColor .container-fluid .list .card .card-body ul {
    padding: 0;
    list-style: none
}

.userManual .bgColor .container-fluid .list .card .card-body ul li {
    border-left: 1px solid #adb5c9;
    padding: 8px 0 8px 25px
}

.userManual .bgColor .container-fluid .list .card .card-body ul li a {
    color: #535252;
    position: relative;
    font-size: 18px;
    font-weight: 400
}

.userManual .bgColor .container-fluid .list .card .card-body ul li a.active:before {
    position: absolute
}

.userManual .bgColor .container-fluid .manualSection .manualArea {
    display: inline-block;
    width: 100%;
    padding: 40px 20px;
    min-height: 400px;
    border-bottom: 1px solid #ccc
}

.userManual .bgColor .container-fluid .manualSection .manualArea .manualContent {
    width: 50%;
    float: left
}

.userManual .bgColor .container-fluid .manualSection .manualArea .manualContent h2 {
    color: #000;
    font-size: 23px;
    font-weight: 600;
    text-transform: lowercase
}

.userManual .bgColor .container-fluid .manualSection .manualArea .manualContent h2:first-letter {
    text-transform: capitalize
}

.userManual .bgColor .container-fluid .manualSection .manualArea .manualContent ul {
    padding: 0;
    list-style: none
}

.userManual .bgColor .container-fluid .manualSection .manualArea .manualContent ul li {
    color: #3a3a3a;
    font-size: 17px;
    margin: 10px 0
}

.userManual .bgColor .container-fluid .manualSection .manualArea .manualContent ul li span.spriteImgAll {
    width: 25px;
    height: 15px;
    display: inline-block;
    position: relative;
    background: 0 0
}

.userManual .bgColor .container-fluid .manualSection .manualArea .manualContent ul li span.spriteImgAll:before {
    position: absolute;
    background-repeat: no-repeat;
    content: "";
    width: 23px;
    height: 25px;
    left: 0;
    top: 0;
    background-image: url(../webp/sprite.webp)
}

.userManual .bgColor .container-fluid .manualSection .manualArea .manualContent ul li span.spriteImgAll.Tick:before {
    background-position: -470.4px -195px
}

.userManual .bgColor .container-fluid .manualSection .manualArea .manualContent ul li span.spriteImgAll.Block:before {
    background-position: -492px -195px
}

.userManual .bgColor .container-fluid .manualSection .manualArea .manualContent ul li span.spriteImgAll.Edit:before {
    background-position: -512.9px -195px
}

.userManual .bgColor .container-fluid .manualSection .manualArea .manualContent ul li span.spriteImgAll.Delete:before {
    background-position: -532.2px -195px
}

.userManual .bgColor .container-fluid .manualSection .manualArea .manualContent ul li span.spriteImgAll.Eye:before {
    background-position: -550.3px -195px
}

.userManual .bgColor .container-fluid .manualSection .manualArea .manualContent ul li span.spriteImgAll.Arrow:before {
    background-position: -571px -195px
}

.userManual .bgColor .container-fluid .manualSection .manualArea .manualContent ul li span.spriteImgAll.Plus:before {
    background-position: -590.3px -195px
}

.userManual .bgColor .container-fluid .manualSection .manualArea .LinkTag {
    font-size: 20px;
    font-weight: 700
}

.userManual .bgColor .container-fluid .manualSection .manualArea .manualImg {
    width: 50%;
    float: left;
    padding: 20px;
    position: sticky;
    top: 100px;
    text-align: center
}

.userManual .bgColor .container-fluid .manualSection .manualArea .manualImg img {
    border-radius: 10px;
    width: auto;
    height: auto;
    max-width: 100%;
    cursor: pointer;
    margin: auto
}

.userManual .bgColor .container-fluid .manualSection .parentManual:last-child .manualArea {
    border-bottom: 0
}

.sticky-menu ul ul {
    display: none
}

.menu-open {
    display: block !important;
    background: #eee
}

.highlight>a {
    color: red !important;
    background: #eee
}

.highlight .menu-open>li>a {
    color: inherit !important
}

.userManual .bgColor .container-fluid .list #accordion {
    top: 100px
}

.userManual .bgColor .container-fluid .list .card .card-body ul li a.active {
    color: #ff5215 !important;
    position: relative
}

.userManual .bgColor .container-fluid .list .card .card-body ul li a.active:before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background: #ff5215;
    border-radius: 50%;
    left: -1.8rem;
    top: 7px
}

span.float-left {
    background-image: url(../webp/sprite.webp)
}

span.float-left.webIconSmall {
    background-position: -157px -23px
}

span.float-left.mobileIconSmall {
    background-position: -235px -23px
}

span.float-left.socialIconSmall {
    background-position: -277px -23px
}

span.float-left.adminIconSmall {
    background-position: -195px -23px
}

.cmsPage .Headings {
    margin: 0 auto 50px;
    letter-spacing: .5px;
    margin: 120px auto 40px
}

.cmsPage .Headings h1 {
    color: #000;
    font-size: 50px;
    position: relative;
    font-weight: 900;
    padding-bottom: 4px
}

.cmsPage .Headings h2 {
    color: #000;
    font-size: 50px;
    position: relative;
    font-weight: 900;
    padding-bottom: 4px
}

.cmsPage .Headings p {
    font-size: 18px;
    font-weight: 400;
    max-width: 900px;
    color: #222;
    line-height: 1.5;
    margin: 30px auto 10px;
    font-weight: 400 !important
}

.cmsPage .Headings a {
    background-color: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 30px;
    font-size: 16px
}

.cmsPage .Headings a:hover {
    background: #fff;
    border-color: #ff5215;
    color: #ff5215
}

.cmsPage h2 {
    margin: 8px 0 15px;
    font-size: 28px;
    font-weight: 600;
    color: #000;
    letter-spacing: .5px
}

.cmsPage h3 {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .5px
}

.cmsPage h5 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px
}

.cmsPage p {
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 400
}

.cmsPage p a {
    color: #ff5215
}

.cmsPage .ulStyle {
    padding: 0;
    list-style: none
}

.cmsPage .ulStyle li {
    font-size: 18px;
    font-weight: 400;
    position: relative;
    padding-left: 20px;
    padding-bottom: 20px
}

.cmsPage .ulStyle li p {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 400
}

.cmsPage .ulStyle li h3 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .5px;
    color: #3a3a3a
}

.cmsPage .ulStyle li:before {
    position: absolute;
    background-color: #ff5215;
    content: "";
    left: 0;
    top: 10px;
    width: 8px;
    height: 8px;
    border-radius: 50%
}

.faqPage #accordion h2 {
    margin-top: 100px
}

.product-type .faqPage {
    padding: 75px 0
}

.faqPage .card {
    background: #fafafa;
    margin: 0 0 25px;
    border: 0 solid #eee;
    border-radius: 0;
    padding: 13px 0;
    box-shadow: 0 0 4px #efefef
}

.product-type .faqPage .card {
    box-shadow: none;
    padding: 0
}

.faqPage .card .card-header {
    border: 0;
    background: 0 0
}

.faqPage .card .card-header h2 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    margin: 0;
    margin-top: 0 !important
}

.faqPage .card .card-header a {
    font-weight: 600;
    color: #000
}

.product-type .faqPage .card .card-header {
    padding: .75rem 0
}

.faqPage .card .card-body {
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 400
}

.faqPage .card .card-body a {
    color: #ff5215
}

.product-type .faqPage .card .card-body {
    padding: 10px 35px
}

.faqPage .card .mb-0>a {
    display: block;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    font-weight: 600;
    text-transform: capitalize
}

.product-type .faqPage .card .mb-0>a {
    padding-left: 35px
}

.faqPage .card .mb-0>a:after {
    position: absolute;
    background-repeat: no-repeat;
    content: "";
    width: 15px;
    height: 15px;
    right: 0;
    top: 0;
    background-image: url(../webp/sprite.webp);
    background-position: -456px -195px;
    transform: rotateX(0);
    transform-origin: center;
    transition: .5s
}

.product-type .faqPage .card .mb-0>a:after {
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
    background-image: url(../webp/sprite.webp);
    background-position: -613.6px -195.4px;
    transform: rotate(0)
}

.faqPage .card .mb-0>a[aria-expanded=true]:after {
    transform: rotateX(182deg)
}

.product-type .faqPage .card .mb-0>a[aria-expanded=true]:after {
    transform: rotate(0)
}

.faqPage .card.active {
    background-color: #fff;
    box-shadow: 0 0 20px #ddd
}

.aboutus {
    margin: 70px 0
}

.aboutus.home .client-section:after,
.aboutus.home .client-section:before {
    content: none
}

.aboutus .header-bg {
    background: url(../jpg/header-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 25px;
    border-radius: 0;
    position: relative;
    padding: 153px 0
}

.aboutus .header-bg:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .2) radial-gradient(rgba(0, 0, 0, .3) 30%, transparent 50%);
    background-size: 3px 3px
}

.aboutus .header-bg h1 {
    font-size: 40px;
    color: #fff;
    position: relative;
    font-weight: 700;
    letter-spacing: 1px
}

.aboutus .abtCnt {
    padding: 0 15px
}

.aboutus .about-content {
    padding-top: 90px;
    padding-bottom: 90px
}

.aboutus .about-content p {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px
}

.aboutus .about-content h2 {
    font-size: 39px;
    color: #000;
    position: relative;
    font-weight: 700;
    margin-bottom: 25px;
    max-width: 99%
}

.aboutus .about-content h2 .ubereats-sprite {
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block
}

.aboutus .about-content h2 .before {
    background-position: -1180px -36px;
    margin-right: 11px;
    top: -9px
}

.aboutus .about-content h2 .after {
    background-position: -1180px -36px;
    transform: scaleX(-1);
    top: -5px;
    margin-left: 10px
}

.aboutus .about-content .cardImg {
    text-align: center;
    display: flex
}

.aboutus .about-content .cardImg:before {
    width: 55%;
    height: 40%;
    background: url(../png/aboutusbg.png) repeat;
    position: absolute;
    top: 0;
    right: 50px;
    opacity: .2;
    content: "";
    z-index: 0;
    border-radius: 0;
    background-size: 6px 6px
}

.aboutus .about-content img {
    max-width: 70%;
    width: 100%;
    border-radius: 0;
    margin: 40px auto 50px;
    z-index: 1;
    object-fit: contain;
    object-position: top
}

.aboutus .about-content .about-img {
    background: url(../about-img.html);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 25px;
    border-radius: 10px;
    height: 360px
}

.aboutus .client-section {
    position: relative;
    padding-top: 20px;
    padding-bottom: 50px
}

.aboutus .client-section:before {
    position: absolute;
    content: "";
    width: 70%;
    margin: auto;
    height: 1px;
    background: #eee;
    top: 0;
    left: 0;
    right: 0
}

.aboutus .client-section:after {
    position: absolute;
    content: "";
    width: 70%;
    margin: auto;
    height: 1px;
    background: #eee;
    bottom: 0;
    left: 0;
    right: 0
}

.aboutus .client-section ul {
    padding: 0;
    list-style: none;
    margin: 50px 0
}

.aboutus .client-section ul li {
    display: inline-block;
    margin-right: 0
}

.aboutus .client-section ul li .client-logo {
    width: 215px;
    height: 45px;
    background-image: url(https://res.cloudinary.com/pofi-technologies-pvt-ltd/image/upload/q_100/v1612158354/Shopurfood/logo-sprite_w3rwck.webp)
}

.aboutus .client-section ul li .client-logo.logo1 {
    background-position: 0 -45px
}

.aboutus .client-section ul li .client-logo.logo2 {
    background-position: -217px -45px
}

.aboutus .client-section ul li .client-logo.logo3 {
    background-position: -427px -45px
}

.aboutus .client-section ul li .client-logo.logo4 {
    background-position: -632px -45px
}

.aboutus .client-section ul li .client-logo.logo5 {
    background-position: -861px -45px
}

.aboutus .client-section ul li:last-child {
    margin-right: 0
}

.aboutus .client-section a {
    color: #ff5215;
    font-weight: 600;
    font-size: 23px
}

.aboutus h3 {
    color: #000;
    font-size: 27px;
    font-weight: 600;
    letter-spacing: .5px
}

.aboutus .support-section {
    box-shadow: 1px 2px 9px #eee;
    border-radius: 10px;
    padding: 20px 0;
    float: left;
    overflow: hidden;
    margin: 60px 0 20px;
    min-height: 70%
}

.aboutus .support-section .img {
    float: left;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background: #fff2dc;
    position: relative;
    left: -23px
}

.aboutus .support-section .img .icon {
    background-image: url(../webp/sprite.webp);
    width: 45px;
    height: 45px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.aboutus .support-section .img .icon.icon1 {
    background-position: -315px -22px
}

.aboutus .support-section .img .icon.icon2 {
    background-position: -358px -22px
}

.aboutus .support-section .content {
    float: right;
    margin: 0 3% 0 0;
    width: 74%
}

.aboutus .support-section .content p {
    margin: 0;
    color: #3a3a3a;
    font-size: 18px;
    font-weight: 400
}

.aboutus .support-section:hover {
    box-shadow: 0 0 15px #ddd
}

.aboutus .help-sec h3 {
    color: #e9990f
}

.aboutus .help-sec h3 img {
    filter: invert(1) hue-rotate(-154deg)
}

.aboutus .explore-sec h3 {
    color: #02a5ce
}

.aboutus .explore-sec h3 img {
    filter: invert(1) hue-rotate(8deg)
}

.aboutus .explore-sec .img {
    background: #cfeef6
}

.contactus {
    position: relative;
    overflow: hidden
}

.contactus .Headings {
    margin: 20px auto !important
}

.contactus .Headings p {
    margin: 0 auto 50px !important;
    letter-spacing: 0;
    font-size: 18px;
    font-weight: 400
}

.contactus .leftSide {
    background: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, .3)
}

.contactus .leftSide .form-input {
    margin: 0 0 20px
}

.contactus .leftSide .form-input label {
    width: 100%;
    color: #626262
}

.contactus .leftSide .form-input input {
    padding: 0;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #ccc;
    color: #626262;
    height: 40px
}

.contactus .leftSide .form-input input:focus {
    outline: 0
}

.contactus .leftSide .form-input textarea {
    height: 70px;
    border: 0;
    border-bottom: 1px solid #ccc;
    width: 100%
}

.contactus .leftSide .form-input textarea:focus {
    outline: 0
}

.contactus .leftSide button {
    background: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 30px;
    text-transform: uppercase;
    padding: .6rem 20px;
    letter-spacing: .8px;
    font-size: 17px
}

.contactus .leftSide button:hover {
    background-color: #fff;
    color: #ff5215;
    border-color: #ff5215
}

.contactus .rightSide {
    background: linear-gradient(to right, #ff5316 15%, #f48733);
    color: #fff;
    font-size: 18px;
    font-weight: 400
}

.contactus .rightSide h2 {
    font-size: 40px;
    color: #fff;
    margin: 0 0 40px;
    line-height: 22px
}

.contactus .rightSide h3 {
    letter-spacing: 1px;
    font-size: 17px;
    font-weight: 600;
    color: #fff
}

.contactus .rightSide ul {
    padding: 0;
    list-style: none;
    padding-left: 27px
}

.contactus .rightSide i {
    margin: 0 10px 0 0
}

.contactus .equal-sec {
    padding: 40px 75px;
    position: relative;
    margin: 0 0 25px
}

.contactus .equal-sec h3,
.contactus .equal-sec p {
    position: relative;
    padding-left: 28px
}

.contactus .equal-sec p a {
    color: #fff
}

.contactus .equal-sec p a:hover {
    color: #3a3a3a
}

.contactus .equal-sec .spriteImgAll {
    position: absolute;
    background-repeat: no-repeat;
    content: "";
    width: 22px;
    height: 25px;
    left: 0;
    top: 0;
    background-image: url(../webp/sprite.webp)
}

.contactus .equal-sec .spriteImgAll.fa-Map {
    background-position: -417.8px -193.4px
}

.contactus .equal-sec .spriteImgAll.fa-Phone {
    background-position: -357px -193.4px
}

.contactus .equal-sec .spriteImgAll.fa-Mail {
    background-position: -377px -193.4px
}

.contactus .equal-sec .spriteImgAll.fa-Sky {
    background-position: -397.8px -193.4px
}

.contactus .contactbg1 {
    position: absolute;
    left: -265px;
    top: 50%;
    bottom: 0;
    transform: translateY(-50%)
}

.contactus .contactbg1 img {
    max-width: 500px
}

.contactus .contactbg2 {
    position: absolute;
    right: -309px;
    top: 50%;
    bottom: 0;
    transform: translateY(-50%)
}

.contactus .contactbg2 img {
    max-width: 500px
}

.contactus .fa-phone {
    transform: rotate(90deg)
}

.contactus .fa-skype {
    font-size: 20px
}

.orderingCommon .Headings {
    margin: 0 auto 50px
}

.orderingCommon .Headings h1 {
    color: #000;
    font-size: 50px;
    position: relative;
    font-weight: 900;
    padding-bottom: 4px
}

.orderingCommon .Headings h2 {
    color: #000;
    font-size: 50px;
    position: relative;
    font-weight: 900;
    padding-bottom: 4px
}

.orderingCommon .Headings p {
    font-size: 18px;
    font-weight: 400;
    max-width: 900px;
    color: #222;
    line-height: 1.5;
    margin: 30px auto 10px;
    font-weight: 400 !important
}

.orderingCommon .Headings a {
    background-color: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 30px;
    font-size: 16px
}

.orderingCommon .Headings a:hover {
    background: #fff;
    border-color: #ff5215;
    color: #ff5215
}

.orderingCommon .Headings p {
    font-size: 18px;
    font-weight: 400;
    margin: 0 auto 10px;
    width: 70%;
    line-height: 1.3
}

.orderingCommon .Headings a {
    background: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 30px;
    text-transform: uppercase;
    margin-top: 15px;
    margin-right: 20px;
    display: inline-block !important;
    overflow: hidden
}

.orderingCommon .Headings a:hover {
    background-color: #fff;
    color: #ff5215;
    border-color: #ff5215
}

.orderingCommon.pageCommon {
    margin: 115px 0 40px
}

.orderingCommon .homeDiscover .container-fluid {
    padding: 0 15px
}

.orderingCommon .homeDiscover section.discoverSection {
    margin: 0 0;
    padding: 0;
    min-height: auto;
    display: inline-block;
    width: 100%
}

.orderingCommon .homeDiscover section.discoverSection.DiscoverimgLeft .container-fluid {
    padding: 0 100px 0 0
}

.orderingCommon .homeDiscover section.discoverSection.DiscoverimgLeft:after {
    display: none
}

.orderingCommon .homeDiscover section.discoverSection.DiscoverimgRight .container-fluid {
    padding: 0 0 0 100px
}

.orderingCommon .homeDiscover section.discoverSection.DiscoverimgRight:before {
    display: none
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto {
    margin: auto;
    max-width: 92%
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul {
    margin: 20px 0 0;
    padding: 0;
    list-style: none
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul li {
    margin: 30px 0
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul li .card-h3 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    padding-left: 45px
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul li .card-h3:before {
    position: absolute;
    background-repeat: no-repeat;
    content: "";
    width: 19px;
    height: 19px;
    left: 0;
    top: 3px;
    background-image: url(../webp/sprite.webp);
    background-position: -613.6px -195.4px
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul li p {
    color: #3a3a3a;
    font-size: 18px;
    font-weight: 400;
    padding-left: 45px
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul li span {
    margin: 0;
    display: inline-block;
    cursor: auto;
    font-size: 17px
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul li span img {
    margin-right: 20px
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul li span .icon {
    width: 25px;
    height: 25px;
    margin-right: 20px;
    display: inline-block;
    background-image: url(../webp/sprite.webp)
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul li.active .card-h3:before {
    background-position: -633.2px -194.4px;
    background-color: #ee5c1c;
    animation: corner 3s infinite linear !important
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto .card {
    border: 0;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px #e7e7e7d9;
    width: 40%;
    margin: 10px;
    float: left;
    cursor: pointer;
    min-height: 342px;
    overflow: hidden
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto .card .card-img-top {
    max-width: 70px;
    margin: 20px;
    background: #f0f3f5;
    padding: 23px;
    border-radius: 50%;
    max-height: 70px
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto .card .card-img-top img {
    width: 100%
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto .card .card-img-top .ripple {
    background-image: url(../webp/sprite.webp);
    width: 30px;
    height: 30px;
    position: relative
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto .card .card-body {
    padding-top: 5px;
    padding-bottom: 15px
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto .card .card-body .card-title {
    color: #000;
    font-size: 23px;
    color: #000;
    font-size: 20px;
    margin-top: 0
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto .card .card-body p {
    color: #222;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    font-weight: 100
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto .card.active {
    position: relative
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto .card.active .card-img-top {
    animation: none
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto .card.active .card-body .card-title {
    color: #ff5215
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto .card.active:after {
    position: absolute;
    width: 0%;
    height: 2px;
    background-color: #ff5215;
    left: 0;
    bottom: 0;
    content: "";
    opacity: 1;
    animation: cardLineAni 10s infinite linear
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto.fourCard .card {
    min-height: 250px;
    box-shadow: 0 0 10px #ddd
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto.fourCard .card .card-body {
    padding: 20px
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto.ulCheck ul li {
    float: left;
    width: 50%;
    margin: 10px 0;
    cursor: auto
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto.ulCheck ul li p {
    position: relative;
    padding-left: 30px;
    font-size: 18px;
    font-weight: 400
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto.ulCheck ul li p:before {
    content: "";
    position: absolute;
    left: 0;
    background-image: url(../png/ticko.png);
    width: 15px;
    height: 11px;
    background-repeat: no-repeat;
    top: 8px
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto.ulCheck.ulStyle ul li {
    width: 100%
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto.ulCheck.ulStyle ul li .card-h3,
.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto.ulCheck.ulStyle ul li h5 {
    position: relative;
    padding-left: 30px;
    margin: 0
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto.ulCheck.ulStyle ul li .card-h3:before,
.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto.ulCheck.ulStyle ul li h5:before {
    content: "";
    position: absolute;
    left: 0;
    background-image: url(../png/ticko.png);
    width: 15px;
    height: 11px;
    background-repeat: no-repeat;
    top: 8px;
    background-color: transparent;
    border-radius: 0;
    background-position: unset
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto.ulCheck.ulStyle ul li p {
    font-size: 18px;
    font-weight: 400
}

.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto.ulCheck.ulStyle ul li p:before {
    display: none
}

@keyframes cardLineAni {
    0% {
        width: 0%
    }

    10% {
        width: 10%
    }

    20% {
        width: 20%
    }

    30% {
        width: 30%
    }

    40% {
        width: 40%
    }

    50% {
        width: 50%
    }

    60% {
        width: 60%
    }

    70% {
        width: 70%
    }

    80% {
        width: 80%
    }

    90% {
        width: 90%
    }

    100% {
        width: 100%
    }
}

@keyframes corner {
    0% {
        border-top-left-radius: 1% 50%
    }

    12.5% {
        border-top-left-radius: 50%;
        border-top-right-radius: 50%
    }

    25% {
        border-top-right-radius: 1% 50%
    }

    25.001% {
        border-top-right-radius: 50% 1%
    }

    37.5% {
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%
    }

    50% {
        border-bottom-right-radius: 50% 1%
    }

    50.001% {
        border-bottom-right-radius: 1% 50%
    }

    62.5% {
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%
    }

    75% {
        border-bottom-left-radius: 1% 50%
    }

    75.001% {
        border-bottom-left-radius: 50% 1%
    }

    87.5% {
        border-bottom-left-radius: 50%;
        border-top-left-radius: 50%
    }

    100% {
        border-top-left-radius: 50% 1%
    }
}

.orderingCommon .exploreMore {
    padding: 30px 0
}

.orderingCommon .exploreMore .Headings h2 {
    font-size: 28px;
    font-weight: 600;
    color: #000
}

.orderingCommon .exploreMore .card {
    display: inline-block;
    overflow: hidden;
    border: 0;
    box-shadow: 0 0 5px #ddd;
    border-radius: 10px;
    height: 90%
}

.orderingCommon .exploreMore .card .card-img {
    float: left;
    max-width: 100px;
    border-radius: 50%;
    position: relative;
    left: -30px;
    top: 19px
}

.orderingCommon .exploreMore .card .card-img img {
    max-height: 35px
}

.orderingCommon .exploreMore .card .card-body {
    float: left;
    max-width: 75%
}

.orderingCommon .exploreMore .card .card-body h3,
.orderingCommon .exploreMore .card .card-body h4,
.orderingCommon .exploreMore .card .card-body h5 {
    font-size: 30px;
    font-weight: 600
}

.orderingCommon .exploreMore .card .card-body p {
    color: #3a3a3a;
    font-size: 18px;
    font-weight: 400
}

.orderingCommon .exploreMore .card.cardOne .card-img {
    background-color: #cff1fd;
    padding: 30px 43px 30px
}

.orderingCommon .exploreMore .card.cardOne .card-body h3,
.orderingCommon .exploreMore .card.cardOne .card-body h4,
.orderingCommon .exploreMore .card.cardOne .card-body h5 {
    color: #217ab7
}

.orderingCommon .exploreMore .card.cardTwo .card-img {
    background-color: #e8e6fa;
    padding: 30px 38px 30px
}

.orderingCommon .exploreMore .card.cardTwo .card-img .icon {
    width: 45px;
    height: 40px;
    position: relative;
    background-image: url(../webp/sprite.webp)
}

.orderingCommon .exploreMore .card.cardTwo .card-body h3,
.orderingCommon .exploreMore .card.cardTwo .card-body h4,
.orderingCommon .exploreMore .card.cardTwo .card-body h5 {
    color: #817ae7
}

.orderingCommon .exploreMore .card.cardThree .card-img {
    background-color: #bee1d7;
    padding: 30px 38px 30px
}

.orderingCommon .exploreMore .card.cardThree .card-img .icon {
    width: 42px;
    height: 40px;
    position: relative;
    background-image: url(../webp/sprite.webp)
}

.orderingCommon .exploreMore .card.cardThree .card-body h3,
.orderingCommon .exploreMore .card.cardThree .card-body h4,
.orderingCommon .exploreMore .card.cardThree .card-body h5 {
    color: #159570
}

.orderingCommon .exploreMore .card:hover {
    box-shadow: 0 0 15px #ddd
}

.orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText .margin-auto .card {
    min-height: 315px
}

.orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText .margin-auto.fourCard .card {
    min-height: 232px
}

.orderingCommon.adminDashboard .Headings,
.orderingCommon.webOrdering .Headings {
    padding-bottom: 45px;
    margin: 0 auto;
    border-bottom: 1px solid #dddddd4f;
    overflow: hidden
}

.orderingCommon.adminDashboard .exploreMore,
.orderingCommon.webOrdering .exploreMore {
    padding: 0 0 30px
}

.orderingCommon.adminDashboard .exploreMore .Headings,
.orderingCommon.webOrdering .exploreMore .Headings {
    margin: 0 auto 30px;
    padding: 0;
    border-bottom: 0
}

.orderingCommon.adminDashboard .homeDiscover section.discoverSection,
.orderingCommon.webOrdering .homeDiscover section.discoverSection {
    height: auto;
    width: 100%;
    margin: 0;
    padding: 70px 0;
    display: flex
}

.orderingCommon.adminDashboard .homeDiscover section.discoverSection .container-fluid,
.orderingCommon.webOrdering .homeDiscover section.discoverSection .container-fluid {
    display: table-cell;
    vertical-align: middle
}

.orderingCommon.adminDashboard .homeDiscover section.discoverSection.DiscoverimgLeft .container-fluid,
.orderingCommon.webOrdering .homeDiscover section.discoverSection.DiscoverimgLeft .container-fluid {
    padding: 0 70px 0 0
}

.orderingCommon.adminDashboard .homeDiscover section.discoverSection.DiscoverimgRight .container-fluid,
.orderingCommon.webOrdering .homeDiscover section.discoverSection.DiscoverimgRight .container-fluid {
    padding: 0 0 0 70px
}

.orderingCommon.adminDashboard .homeDiscover section.discoverSection .panel-img,
.orderingCommon.webOrdering .homeDiscover section.discoverSection .panel-img {
    opacity: 1 !important;
    z-index: 2 !important
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.webOrdering.orderingCommon.pageCommon {
    margin: 65px 0 0
}

.webOrdering .mobileBanner {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 90vh;
    display: flex;
    align-items: center
}

.webOrdering .mobileBanner .bannerContent {
    color: #fff;
    line-height: 1.7;
    margin: 0 auto 50px;
    margin-bottom: 0
}

.webOrdering .mobileBanner .bannerContent h1 {
    color: #000;
    font-size: 50px;
    position: relative;
    font-weight: 900;
    padding-bottom: 4px
}

.webOrdering .mobileBanner .bannerContent h2 {
    color: #000;
    font-size: 50px;
    position: relative;
    font-weight: 900;
    padding-bottom: 4px
}

.webOrdering .mobileBanner .bannerContent p {
    font-size: 18px;
    font-weight: 400;
    max-width: 900px;
    color: #222;
    line-height: 1.5;
    margin: 30px auto 10px;
    font-weight: 400 !important
}

.webOrdering .mobileBanner .bannerContent a {
    background-color: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 30px;
    font-size: 16px
}

.webOrdering .mobileBanner .bannerContent a:hover {
    background: #fff;
    border-color: #ff5215;
    color: #ff5215
}

.webOrdering .mobileBanner .bannerContent h1 {
    font-size: 50px
}

.webOrdering .mobileBanner .bannerContent h1 span {
    display: block;
    font-size: 20px;
    color: #ff5215;
    text-transform: uppercase;
    margin: 0 0 10px
}

.webOrdering .mobileBanner .bannerContent p {
    margin-top: 0
}

.webOrdering .mobileBanner .bannerContent a {
    background: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 30px;
    text-transform: uppercase;
    margin: 20px 15px 0 0;
    display: inline-block !important;
    overflow: hidden
}

.webOrdering .mobileBanner .bannerContent a:hover {
    background-color: #fff;
    color: #ff5215;
    border-color: #ff5215
}

.webOrdering .mobileBanner .bannerContent a img {
    margin-left: 7px
}

.webOrdering .mobileBanner .bannerContent:hover .playBut .circle,
.webOrdering .mobileBanner .bannerContent:hover .playBut .triangle {
    stroke: #ff5215
}

.webOrdering .mobileBanner .bannerContent .videoLink {
    font-weight: 600;
    font-size: 16px;
    padding: 10px 10px;
    text-transform: uppercase;
    margin: 0;
    display: inline-block !important;
    overflow: hidden;
    color: #ff5215;
    cursor: pointer;
    background: 0 0;
    border: 0 !important
}

.webOrdering .mobileBanner .bannerContent .videoLink .playBtn {
    display: inline-block;
    top: 12px;
    left: -7px
}

.webOrdering .mobileBanner .bgImg {
    background: url(../webp/laptop.webp) no-repeat;
    background-size: contain;
    background-position: center
}

.webOrdering .card .card-img-top .ripple {
    filter: invert(1) brightness(0);
    opacity: .6
}

.webOrdering .card .card-img-top .ripple.icon1 {
    background-position: 1px -164px
}

.webOrdering .card .card-img-top .ripple.icon2 {
    background-position: -59px -164px
}

.webOrdering .card.active .ripple {
    filter: none;
    opacity: 1
}

.webOrdering .exploreMore .card-img .icon {
    width: 42px;
    height: 40px;
    background-image: url(../webp/sprite.webp)
}

.webOrdering .exploreMore .card-img .icon.icon1 {
    background-position: -480px -25px
}

.webOrdering .exploreMore .card-img .icon.icon2 {
    background-position: -438px -25px
}

.adminDashboard .PowerListing .margin-auto {
    max-width: 100% !important
}

.adminDashboard.orderingCommon.pageCommon {
    margin: 65px 0 0
}

.adminDashboard .mobileBanner {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 90vh;
    display: flex;
    align-items: center
}

.adminDashboard .mobileBanner .bannerContent {
    color: #fff;
    line-height: 1.7;
    margin: 0 auto 50px;
    margin-bottom: 0
}

.adminDashboard .mobileBanner .bannerContent h1 {
    color: #000;
    font-size: 50px;
    position: relative;
    font-weight: 900;
    padding-bottom: 4px
}

.adminDashboard .mobileBanner .bannerContent h2 {
    color: #000;
    font-size: 50px;
    position: relative;
    font-weight: 900;
    padding-bottom: 4px
}

.adminDashboard .mobileBanner .bannerContent p {
    font-size: 18px;
    font-weight: 400;
    max-width: 900px;
    color: #222;
    line-height: 1.5;
    margin: 30px auto 10px;
    font-weight: 400 !important
}

.adminDashboard .mobileBanner .bannerContent a {
    background-color: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 30px;
    font-size: 16px
}

.adminDashboard .mobileBanner .bannerContent a:hover {
    background: #fff;
    border-color: #ff5215;
    color: #ff5215
}

.adminDashboard .mobileBanner .bannerContent h1 {
    font-size: 50px
}

.adminDashboard .mobileBanner .bannerContent h1 span {
    display: block;
    font-size: 20px;
    color: #ff5215;
    text-transform: uppercase;
    margin: 0 0 10px
}

.adminDashboard .mobileBanner .bannerContent p {
    margin-top: 0
}

.adminDashboard .mobileBanner .bannerContent a {
    background: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 30px;
    text-transform: uppercase;
    margin: 20px 15px 0 0;
    display: inline-block !important;
    overflow: hidden
}

.adminDashboard .mobileBanner .bannerContent a:hover {
    background-color: #fff;
    color: #ff5215;
    border-color: #ff5215
}

.adminDashboard .mobileBanner .bannerContent a img {
    margin-left: 7px
}

.adminDashboard .mobileBanner .bannerContent:hover .playBut .circle,
.adminDashboard .mobileBanner .bannerContent:hover .playBut .triangle {
    stroke: #ff5215
}

.adminDashboard .mobileBanner .bannerContent .videoLink {
    font-weight: 600;
    font-size: 16px;
    padding: 10px 10px;
    text-transform: uppercase;
    margin: 0;
    display: inline-block !important;
    overflow: hidden;
    color: #ff5215;
    cursor: pointer;
    background: 0 0;
    border: 0 !important
}

.adminDashboard .mobileBanner .bannerContent .videoLink .playBtn {
    display: inline-block;
    top: 12px;
    left: -7px
}

.adminDashboard .mobileBanner .bgImg {
    background: url(../png/restaurant-dashboard.png) no-repeat center;
    background-size: contain
}

.adminDashboard.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul li span .icon {
    position: relative;
    top: 7px
}

.adminDashboard.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul li span .icon1 {
    background-position: -201px 1px
}

.adminDashboard.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul li span .icon2 {
    background-position: -224px 1px
}

.adminDashboard.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul li span .icon3 {
    background-position: -249px 1px
}

.adminDashboard .card .card-img-top .ripple {
    filter: invert(1) brightness(0);
    opacity: .6
}

.adminDashboard .card .card-img-top .ripple.icon1 {
    background-position: -120px -165px
}

.adminDashboard .card .card-img-top .ripple.icon2 {
    background-position: -179px -166px
}

.adminDashboard .card .card-img-top .ripple.icon3 {
    background-position: -239px -165px
}

.adminDashboard .card .card-img-top .ripple.icon4 {
    background-position: -299px -164px
}

.adminDashboard .card.active .ripple {
    filter: none;
    opacity: 1
}

.adminDashboard .exploreMore .card-img .icon {
    width: 40px;
    height: 40px;
    background-image: url(../webp/sprite.webp)
}

.adminDashboard .exploreMore .card-img .icon.icon1 {
    background-position: -397px -24px
}

.adminDashboard .exploreMore .card-img .icon.icon2 {
    background-position: -480px -25px
}

.mobileOrdering.orderingCommon.pageCommon {
    margin: 65px 0 0
}

.mobileOrdering.orderingCommon.pageCommon .Headings {
    margin: 0 auto 0
}

.mobileOrdering.orderingCommon.pageCommon .exploreMore .Headings {
    margin: 0 auto 30px
}

.mobileOrdering .clkImgAni {
    position: relative
}

.mobileOrdering .homeDiscover section.discoverSection .imgRight-0 {
    min-height: auto
}

.mobileOrdering.orderingCommon .homeDiscover {
    padding: 20px 0 20px
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection.DiscoverimgLeft .container-fluid,
.mobileOrdering.orderingCommon .homeDiscover section.discoverSection.DiscoverimgRight .container-fluid {
    padding: 0 80px
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection.AppWork {
    min-height: 570px
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection.AppWork:before {
    background-image: url(../png/mobilebg1.png) !important;
    background-position: 50% 100% !important;
    left: 0 !important;
    transform: rotate(0) !important
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree {
    display: block;
    width: 100%;
    height: 75px
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul {
    padding: 0;
    list-style: none
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li {
    float: left;
    min-width: 165px;
    text-align: center
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li .liImg {
    cursor: pointer;
    margin: auto;
    border: 2px solid #ff5215;
    border-radius: 50%;
    width: 75px;
    height: 75px;
    line-height: 2.6;
    padding: 12px 0;
    position: relative;
    background: #fff;
    -webkit-animation: Pulsate 1.7s ease infinite;
    animation: Pulsate 1.7s ease infinite
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li .liImg .iconshape {
    background-image: url(../webp/sprite.webp);
    width: 35px;
    height: 40px;
    margin: auto
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li .liImg .iconshape.icon1 {
    background-position: -421px -125px
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li .liImg .iconshape.icon2 {
    background-position: -349px -126px;
    margin-top: 4px
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li .liImg .iconshape.icon3 {
    background-position: -489px -125px
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li .liImg:before {
    position: absolute;
    content: "";
    width: 63px;
    height: 2px;
    background: linear-gradient(to right, #f58030, #fd5a1a);
    left: 73px;
    top: 50%;
    transform: translateY(-50%)
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li .liImg:after {
    position: absolute;
    content: "";
    width: 63px;
    height: 2px;
    background: linear-gradient(to right, #f58030, #fd5a1a);
    right: 73px;
    top: 50%;
    transform: translateY(-50%)
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li.active .liImg,
.mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li:hover .liImg {
    background: linear-gradient(to right, #f58030, #fd5a1a);
    border: 2px solid #f7782c
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li.active .liImg .iconshape,
.mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li:hover .liImg .iconshape {
    filter: invert(0) brightness(20)
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li.active .liImg {
    animation: none
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li:first-child .liImg:after {
    background: linear-gradient(to right, #f5803000, #fd5a1a)
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li:last-child .liImg:before {
    background: linear-gradient(to right, #fd5a1a, #f5803000)
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection .discoverThree .discoverText h3 {
    margin-top: 30px !important
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection .discoverThree .discoverText .margin-auto {
    margin: auto;
    max-width: 80%;
    min-width: 80%
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection .discoverThree .discoverText .margin-auto .txtAni.active {
    display: block
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection .discoverThree .discoverText .margin-auto .txtAni {
    display: none;
    position: relative;
    width: 100%
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection.DiscoverimgLeft .icon_shape {
    left: 15px;
    right: 0;
    width: 50px;
    height: 50px;
    top: 0;
    background-image: url(../webp/sprite.webp)
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection.DiscoverimgLeft .icon_shape.icon_s2 {
    background-position: -53px -115px
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection.DiscoverimgLeft .icon_shape.icon_s4 {
    background-position: -152px -115px
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection.DiscoverimgLeft .icon_shape.icon_s6 {
    background-position: -253px -115px
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection.DiscoverimgLeft .icon_shape:before {
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection.DiscoverimgLeft .discoverText h3 {
    margin-top: 0
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection.DiscoverimgRight .icon_shape {
    left: 15px;
    right: 0;
    width: 50px;
    height: 50px;
    top: 0;
    background-image: url(../webp/sprite.webp)
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection.DiscoverimgRight .icon_shape.icon_s1 {
    background-position: -1px -115px
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection.DiscoverimgRight .icon_shape.icon_s3 {
    background-position: -100px -115px
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection.DiscoverimgRight .icon_shape.icon_s5 {
    background-position: -203px -115px
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection.DiscoverimgRight .icon_shape.icon_s7 {
    background-position: -301px -115px
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection.DiscoverimgRight .icon_shape:before {
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection.DiscoverimgRight .discoverText h3 {
    margin-top: 0
}

.mobileOrdering.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto {
    margin: 85px 0
}

.mobileOrdering .mobileBanner {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 90vh;
    display: flex;
    align-items: center
}

.mobileOrdering .mobileBanner .bannerContent {
    color: #fff;
    line-height: 1.7;
    margin: 0 auto 50px;
    margin-bottom: 0
}

.mobileOrdering .mobileBanner .bannerContent h1 {
    color: #000;
    font-size: 50px;
    position: relative;
    font-weight: 900;
    padding-bottom: 4px
}

.mobileOrdering .mobileBanner .bannerContent h2 {
    color: #000;
    font-size: 50px;
    position: relative;
    font-weight: 900;
    padding-bottom: 4px
}

.mobileOrdering .mobileBanner .bannerContent p {
    font-size: 18px;
    font-weight: 400;
    max-width: 900px;
    color: #222;
    line-height: 1.5;
    margin: 30px auto 10px;
    font-weight: 400 !important
}

.mobileOrdering .mobileBanner .bannerContent a {
    background-color: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 30px;
    font-size: 16px
}

.mobileOrdering .mobileBanner .bannerContent a:hover {
    background: #fff;
    border-color: #ff5215;
    color: #ff5215
}

.mobileOrdering .mobileBanner .bannerContent h1 {
    font-size: 50px
}

.mobileOrdering .mobileBanner .bannerContent h1 span {
    display: block;
    font-size: 20px;
    color: #ff5215;
    text-transform: uppercase;
    margin: 0 0 10px
}

.mobileOrdering .mobileBanner .bannerContent p {
    margin-top: 0
}

.mobileOrdering .mobileBanner .bannerContent a {
    background: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 30px;
    text-transform: uppercase;
    margin: 20px 15px 0 0;
    display: inline-block !important;
    overflow: hidden
}

.mobileOrdering .mobileBanner .bannerContent a:hover {
    background-color: #fff;
    color: #ff5215;
    border-color: #ff5215
}

.mobileOrdering .mobileBanner .bannerContent a img {
    margin-left: 7px
}

.mobileOrdering .mobileBanner .bannerContent:hover .playBut .circle,
.mobileOrdering .mobileBanner .bannerContent:hover .playBut .triangle {
    stroke: #ff5215
}

.mobileOrdering .mobileBanner .bgImg {
    background: url(../webp/mobilebg.webp) no-repeat;
    height: 80vh;
    background-position: center;
    background-size: contain
}

.mobileOrdering .homeDiscover section.discoverSection {
    padding: 40px 0
}

.mobileOrdering .exploreMore .card .icon {
    width: 45px;
    height: 45px;
    background-image: url(../webp/sprite.webp)
}

.mobileOrdering .exploreMore .card .icon.icon1 {
    background-position: -437px -25px
}

.mobileOrdering .exploreMore .card .icon.icon2 {
    background-position: -397px -24px
}

.pricing .Headings {
    margin: 0 auto 50px
}

.pricing .Headings h1 {
    color: #000;
    font-size: 50px;
    position: relative;
    font-weight: 900;
    padding-bottom: 4px
}

.pricing .Headings h2 {
    color: #000;
    font-size: 50px;
    position: relative;
    font-weight: 900;
    padding-bottom: 4px
}

.pricing .Headings p {
    font-size: 18px;
    font-weight: 400;
    max-width: 900px;
    color: #222;
    line-height: 1.5;
    margin: 30px auto 10px;
    font-weight: 400 !important
}

.pricing .Headings a {
    background-color: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 30px;
    font-size: 16px
}

.pricing .Headings a:hover {
    background: #fff;
    border-color: #ff5215;
    color: #ff5215
}

.pricing .Headings h1 {
    padding-bottom: 0
}

.pricing .Headings p {
    margin: 0 auto
}

.pricing .pricingTable .col-lg-5 {
    margin: 0 auto;
    display: inline-block
}

.pricing .pricingTable .marginAuto {
    display: flex
}

.pricing .pricingTable .card {
    border: 1px solid #fff;
    box-shadow: 0 0 60px #ddd;
    padding: 1rem 29px 0;
    border-radius: 0;
    margin: auto;
    width: 100%
}

.pricing .pricingTable .card .card-header {
    background-color: transparent
}

.pricing .pricingTable .card .card-header h3 {
    color: #000;
    font-size: 30px;
    font-weight: 800;
    margin: 0
}

.pricing .pricingTable .card .card-header small {
    font-size: 15px;
    display: block;
    margin: 15px 0 15px;
    color: #3a3a3a
}

.pricing .pricingTable .card .card-header h4 {
    font-size: 30px;
    font-weight: 600;
    color: #ff5215
}

.pricing .pricingTable .card .card-header a.btn.btn-lg {
    background: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 30px;
    text-transform: uppercase
}

.pricing .pricingTable .card .card-header a.btn.btn-lg:hover {
    background-color: #fff;
    color: #ff5215;
    border-color: #ff5215
}

.pricing .pricingTable .card .card-header .spriteImg {
    display: inline-block;
    width: 40px;
    height: 40px
}

.pricing .pricingTable .card .card-header .spriteImg.plusIcon {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-position: -525px -247px;
    margin: 10px 0
}

.pricing .pricingTable .card .card-header .spriteImg.pizza {
    background-position: -394px -171px;
    width: 20px;
    height: 20px
}

.pricing .pricingTable .card .card-header .spriteImg.combo {
    width: 28px;
    height: 28px;
    background-position: -450px -166px
}

.pricing .pricingTable .card .card-header .spriteImg.cupIce {
    width: 20px;
    height: 20px;
    background-position: -424px -169px
}

.pricing .pricingTable .card .card-body {
    padding: 15px
}

.pricing .pricingTable .card .card-body ul {
    padding: 0;
    list-style: none
}

.pricing .pricingTable .card .card-body ul li {
    margin: 20px 0;
    position: relative;
    padding: 0 0 0 45px;
    font-size: 18px;
    font-weight: 400
}

.pricing .pricingTable .card .card-body ul li:before {
    position: absolute;
    background-repeat: no-repeat;
    content: "";
    width: 19px;
    height: 19px;
    left: 0;
    top: 3px;
    background-image: url(../webp/sprite.webp);
    background-position: -613.6px -195.4px
}

.pricing .pricingTable .card .card-body .TogglePlus h4 {
    margin: 25px 0 15px;
    font-weight: 600
}

.pricing .pricingTable .card .card-body .TogglePlus .addonIcon {
    width: 25px;
    height: 25px;
    background-position: -1230px -38px;
    display: inline-block;
    position: relative;
    top: 5px;
    left: 7px;
    cursor: pointer
}

.pricing .pricingTable .card .card-body .ToggleToppings {
    display: none;
    padding-top: 1px
}

.pricing .pricingTable .card .card-footer {
    background-color: transparent
}

.pricing .pricingTable .card .card-footer a.btn {
    background: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 30px;
    text-transform: uppercase;
    margin: 14px 0
}

.pricing .pricingTable .card .card-footer a.btn:hover {
    background-color: #fff;
    color: #ff5215;
    border-color: #ff5215
}

.pricing .pricingTable .card .card-footer a.ContactBtn {
    margin: 38px 0
}

.pricing .moreCommon {
    margin: 80px 0 50px;
    padding: 0 130px
}

.pricing .moreCommon .Headings {
    margin: 0 auto 50px
}

.pricing .moreCommon .Headings h1 {
    color: #000;
    font-size: 50px;
    position: relative;
    font-weight: 900;
    padding-bottom: 4px
}

.pricing .moreCommon .Headings h2 {
    color: #000;
    font-size: 50px;
    position: relative;
    font-weight: 900;
    padding-bottom: 4px
}

.pricing .moreCommon .Headings p {
    font-size: 18px;
    font-weight: 400;
    max-width: 900px;
    color: #222;
    line-height: 1.5;
    margin: 30px auto 10px;
    font-weight: 400 !important
}

.pricing .moreCommon .Headings a {
    background-color: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 30px;
    font-size: 16px
}

.pricing .moreCommon .Headings a:hover {
    background: #fff;
    border-color: #ff5215;
    color: #ff5215
}

.pricing .moreCommon .Headings p {
    max-width: 50%;
    margin: 0 auto
}

.pricing .moreCommon .card {
    border: 0;
    margin: 0 0 35px
}

.pricing .moreCommon .card .card-img-top {
    height: 55px
}

.pricing .moreCommon .card .card-img-top .spriteImg {
    width: 52px;
    height: 52px;
    display: inline-block
}

.pricing .moreCommon .card .card-img-top .sMobileOrder {
    background-position: -248px -63px
}

.pricing .moreCommon .card .card-img-top .sLocation {
    background-position: -298px -63px
}

.pricing .moreCommon .card .card-img-top .sReports {
    background-position: -348px -64px
}

.pricing .moreCommon .card .card-img-top .sLoyalty {
    background-position: -398px -63px
}

.pricing .moreCommon .card .card-img-top .sNotify {
    background-position: -448px -63px
}

.pricing .moreCommon .card .card-img-top .sOrderLater {
    background-position: -498px -63px
}

.pricing .moreCommon .card .card-img-top .sCoupon {
    background-position: -548px -63px
}

.pricing .moreCommon .card .card-img-top .sWallet {
    background-position: -598px -63px
}

.pricing .moreCommon .card .card-img-top .sDateIE {
    background-position: -648px -63px
}

.pricing .moreCommon .card .card-body p {
    font-size: 18px;
    font-weight: 400
}

.pricing .moreCommon .card-footer {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 35px
}

.pricing .moreCommon .card-footer h2 {
    color: #3a3a3a;
    font-size: 30px;
    font-weight: 600
}

.pricing .moreCommon .card-footer a {
    background: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 30px;
    text-transform: uppercase;
    margin: 10px 0;
    display: inline-block
}

.pricing .moreCommon .card-footer a:hover {
    background-color: #fff;
    color: #ff5215;
    border-color: #ff5215
}

.pricing .faqPage a {
    color: #ff5215
}

.pricing .faqPage .viewAll a {
    color: #ff5215;
    font-size: 23px;
    font-weight: 600
}

.pricing .faqPage .viewAll a img {
    margin-left: 5px
}

.requestPage .leftSide {
    margin: 7px auto
}

.requestPage .leftSide .m-auto {
    width: 100%
}

.contactUspopup .leftSide {
    padding: 30px 20px 35px 45px
}

.contactUspopup .form-input {
    margin: 0 0 10px;
    padding: 0 40px 0 0
}

.contactUspopup .form-input label {
    width: 100%;
    color: #626262;
    margin-bottom: 0
}

.contactUspopup .form-input input {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #ccc;
    color: #626262
}

.contactUspopup .form-input input:focus {
    outline: 0
}

.contactUspopup .form-input textarea {
    height: 30px;
    border: 0;
    border-bottom: 1px solid #ccc;
    width: 100%
}

.contactUspopup .form-input textarea:focus {
    outline: 0
}

.contactUspopup button.subBtn {
    background: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 30px;
    text-transform: uppercase;
    padding: .6rem 20px;
    letter-spacing: .8px;
    font-size: 17px;
    margin-top: 20px;
    background: #000
}

.contactUspopup button.subBtn:hover {
    background-color: #fff;
    color: #ff5215;
    border-color: #ff5215
}

.contactUspopup .modal-dialog {
    min-width: 700px
}

.contactUspopup .modal-content {
    border: 0;
    border-radius: 0
}

.contactUspopup .modal-body {
    padding: 0
}

.contactUspopup .modal-body .close {
    line-height: 10px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9;
    font-size: 30px
}

.contactUspopup .bgimg {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
    padding: 35px 10px
}

.contactUspopup .bgimg .popup-h1 {
    font-size: 25px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase
}

.contactUspopup .bgimg p {
    font-size: 15px;
    color: #fff
}

.errorPage {
    overflow: hidden;
    position: relative
}

.errorPage .contactbg1 {
    position: absolute;
    left: -265px;
    top: 40%;
    bottom: 0;
    transform: translateY(-50%);
    z-index: -1
}

.errorPage .contactbg1 img {
    max-width: 500px
}

.errorPage .contactbg2 {
    position: absolute;
    right: -309px;
    top: 40%;
    bottom: 0;
    transform: translateY(-50%);
    z-index: -1
}

.errorPage .contactbg2 img {
    max-width: 500px
}

.errorPage .container-fluid {
    padding: 50px 190px
}

.errorPage .container-fluid .card {
    box-shadow: 0 1px 10px #ddd;
    border: 0;
    border-radius: 0;
    padding: 50px
}

.errorPage .container-fluid .card .card-img-top img {
    width: 100%;
    max-width: 430px
}

.errorPage .container-fluid .card .card-body {
    padding: 0
}

.errorPage .container-fluid .card .card-body h1 {
    color: #051441;
    font-size: 45px;
    font-weight: 900
}

.errorPage .container-fluid .card .card-body p {
    color: #3a3a3a;
    font-size: 20px
}

.errorPage .container-fluid .card .card-body a {
    background: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 30px;
    text-transform: uppercase;
    margin: 25px;
    display: inline-block;
    font-size: 18px;
    font-weight: 600
}

.errorPage .container-fluid .card .card-body a:hover {
    background-color: #fff;
    color: #ff5215;
    border-color: #ff5215
}

.thankyouPage .container-fluid .card {
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    padding: 50px
}

.thankyouPage .container-fluid .card .card-img-top {
    margin: auto;
    margin-bottom: 25px;
    width: 90px;
    height: 90px
}

.thankyouPage .container-fluid .card .card-img-top img {
    width: 100%
}

.thankyouPage .container-fluid .card .card-body .card-title {
    font-size: 45px;
    font-weight: 900;
    color: #000
}

.thankyouPage .container-fluid .card .card-body p {
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 5px
}

.thankyouPage .container-fluid .card .card-body a {
    margin: 25px 5px 0;
    background: #ff5215;
    color: #fff;
    border: 0 solid #fff;
    border-radius: 5px;
    padding: 10px 30px;
    display: inline-block;
    font-weight: 600
}

.userimgModal .modal-dialog {
    max-width: 900px
}

.userimgModal .modal-dialog .modal-content {
    border-radius: 0;
    background-color: transparent;
    border: 0
}

.userimgModal .modal-dialog .modal-content .modal-header {
    padding: 0;
    border: 0
}

.userimgModal .modal-dialog .modal-content .modal-header .close {
    position: absolute;
    right: 10px;
    z-index: 9;
    top: 3px;
    opacity: 1;
    color: #fff;
    padding: 0
}

.userimgModal .modal-dialog .modal-content .modal-body {
    text-align: center;
    padding-bottom: 50px
}

.userimgModal .modal-dialog .modal-content .modal-body img {
    margin: auto
}

.videoModal .modal-content {
    text-align: center;
    border: 0;
    border-radius: 0;
    background-color: transparent
}

.videoModal .modal-content .close {
    position: absolute;
    right: 10px;
    z-index: 9;
    top: 3px;
    opacity: 1;
    color: #fff
}

.videoModal .modal-content .modal-body {
    padding: 2rem
}

.videoModal .modal-content .modal-body iframe {
    margin: auto;
    width: 100%;
    min-height: 400px;
    max-height: 450px
}

.howWork .bannerSection {
    padding: 0 80px 0;
    height: 80vh
}

.howWork .bannerSection .row {
    height: 100%
}

.howWork .bannerSection .bannerImg {
    background-image: url(../png/banner1.png);
    background-position: center right;
    background-size: auto;
    background-repeat: no-repeat
}

.howWork .bannerSection .bannerContent {
    margin: auto 0;
    background: #fff
}

.howWork .bannerSection h1 {
    color: #000;
    font-size: 56px;
    font-weight: 600
}

.howWork .bannerSection p {
    font-size: 22px
}

.howWork .bannerSection .bannerDot {
    position: relative;
    display: inline-block;
    height: 100%
}

.howWork .bannerSection .bannerDot:before {
    position: absolute;
    content: "";
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 16px solid;
    background-color: #ff9b78;
    border-color: #ffe5dc;
    top: 0;
    border-radius: 50%;
    outline: 20px solid #fff
}

.howWork .bannerSection .bannerDot:after {
    position: absolute;
    content: "";
    width: 45px;
    height: 50%;
    border-left: 0 dashed #b5acf1;
    top: 51px;
    left: 20px;
    z-index: -1
}

.howWork .mainSec {
    margin-top: 120px
}

.howWork .mainSec .container-fluid {
    padding: 0 95px 0 195px !important
}

.howWork .mainSec .card {
    border: 0;
    margin-bottom: 50px
}

.howWork .mainSec .card .card-img-top {
    width: 100%;
    height: 70px;
    display: inline-block;
    max-width: 100%;
    max-height: 70px
}

.howWork .mainSec .card .card-img-top .sprite-img {
    background-image: url(../png/sprite-works.png);
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1
}

.howWork .mainSec .card .card-img-top .sprite-img.sprite-img1 {
    background-position: -1px 0
}

.howWork .mainSec .card .card-img-top .sprite-img.sprite-img1:before {
    background-color: #b5acf1;
    border-color: #f1f0fc;
    top: -80px;
    outline: 5px solid #fff
}

.howWork .mainSec .card .card-img-top .sprite-img.sprite-img2 {
    background-position: -51px 0
}

.howWork .mainSec .card .card-img-top .sprite-img.sprite-img2:before {
    background-color: #fba2a2;
    border-color: #fee7e7;
    left: -120px
}

.howWork .mainSec .card .card-img-top .sprite-img.sprite-img3 {
    background-position: -101px 0
}

.howWork .mainSec .card .card-img-top .sprite-img.sprite-img3:before {
    background-color: #8bb3fd;
    border-color: #e1ebff;
    left: -120px
}

.howWork .mainSec .card .card-img-top .sprite-img.sprite-img4 {
    background-position: -151px 0;
    position: unset
}

.howWork .mainSec .card .card-img-top .sprite-img.sprite-img4:before {
    background-color: #f1b988;
    border-color: #fcf2e9;
    right: 25px
}

.howWork .mainSec .card .card-img-top .sprite-img.sprite-img5 {
    background-position: -201px 0
}

.howWork .mainSec .card .card-img-top .sprite-img.sprite-img5:before {
    background-color: #76d5fe;
    border-color: #e6f7ff;
    right: -80px;
    outline: 20px solid #fff
}

.howWork .mainSec .card .card-img-top .sprite-img.sprite-img6 {
    background-position: -251px 0
}

.howWork .mainSec .card .card-img-top .sprite-img.sprite-img6:before {
    background-color: #7dd5c7;
    border-color: #eff6ee;
    left: -75px;
    outline: 20px solid #fff
}

.howWork .mainSec .card .card-img-top .sprite-img.sprite-img7 {
    background-position: -351px 0;
    margin: auto
}

.howWork .mainSec .card .card-img-top .sprite-img.sprite-img7:before {
    background-color: transparent;
    border-color: transparent
}

.howWork .mainSec .card .card-img-top .sprite-img.sprite-img8 {
    background-position: -401px 0;
    margin: auto
}

.howWork .mainSec .card .card-img-top .sprite-img.sprite-img8:before {
    background-color: #b5acf1;
    border-color: #f1f0fc;
    top: -80px;
    left: 0
}

.howWork .mainSec .card .card-img-top .sprite-img:before {
    position: absolute;
    content: "";
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 16px solid;
    z-index: 1
}

.howWork .mainSec .card .card-body {
    padding: 0
}

.howWork .mainSec .card .card-body .card-title {
    color: #000;
    font-size: 27px;
    font-weight: 600
}

.howWork .mainSec .card .card-body .card-text {
    color: #3a3a3a;
    font-size: 18px;
    line-height: 2
}

.howWork .mainSec .leftSec .card {
    width: 80%
}

.howWork .mainSec .rightSec {
    padding-left: 50px
}

.howWork .mainSec .rightSec .card {
    width: 80%
}

.howWork .mainSec .workSection1 .leftSec {
    padding-left: 30px;
    position: relative
}

.howWork .mainSec .workSection1 .leftSec:before {
    width: auto;
    height: 1px;
    border-top: 2px dashed #fba2a2;
    position: absolute;
    top: 25px;
    left: 90px;
    right: 85px;
    content: "";
    z-index: 1
}

.howWork .mainSec .workSection1 .leftSec .card {
    padding-top: 80px
}

.howWork .mainSec .workSection1 .leftSec .card .card-img-top:after {
    position: absolute;
    content: "";
    width: 95px;
    height: 100%;
    border-left: 2px dashed #b5acf1;
    border-bottom-left-radius: 20px;
    border-bottom: 2px dashed #b5acf1;
    top: -93%;
    left: -110px;
    z-index: -1
}

.howWork .mainSec .workSection1 .rightSec:before {
    content: "";
    position: absolute;
    width: 1px;
    height: auto;
    bottom: 25px;
    top: 65px;
    left: -50px;
    border-left: 2px dashed #8bb3fd
}

.howWork .mainSec .workSection2 .rightSec {
    position: relative
}

.howWork .mainSec .workSection2 .rightSec:before {
    content: "";
    position: absolute;
    width: 1px;
    height: auto;
    top: 60px;
    bottom: 25px;
    left: -50px;
    border-left: 2px dashed #f1b988
}

.howWork .mainSec .workSection3 .leftSec {
    position: relative
}

.howWork .mainSec .workSection3 .leftSec .card {
    position: unset
}

.howWork .mainSec .workSection3 .leftSec:before {
    position: absolute;
    content: "";
    height: auto;
    width: 6%;
    border-right: 2px dashed #76d5fe;
    border-bottom: 2px dashed #76d5fe;
    border-bottom-right-radius: 30px;
    right: 53px;
    top: 60px;
    bottom: -2px
}

.howWork .mainSec .workSection3 .rightSec {
    position: relative
}

.howWork .mainSec .workSection3 .rightSec:before {
    position: absolute;
    content: "";
    height: autp;
    width: 6%;
    border-left: 2px dashed #7dd5c7;
    border-bottom: 2px dashed #7dd5c7;
    border-bottom-left-radius: 30px;
    left: -42px;
    z-index: -1;
    top: 60px;
    bottom: -2px
}

.howWork .mainSec .workSection4 .container-fluid {
    padding: 0 70px
}

.howWork .mainSec .workSection4 .leftSec .card {
    width: 100%;
    height: 100%;
    padding-top: 100px
}

.howWork .mainSec .workSection4 .midSec {
    padding: 0 50px 0 40px
}

.howWork .mainSec .workSection4 .midSec .card-img-top {
    position: relative;
    height: 85%
}

.howWork .mainSec .workSection4 .midSec .card-img-top .boxCommon {
    width: 39.5%;
    height: 100%;
    border-radius: 30px
}

.howWork .mainSec .workSection4 .midSec .card-img-top .boxCommon.boxLeft {
    border: 2px dashed #76d5fe;
    border-right: 0;
    border-top-right-radius: 0;
    float: left;
    border-bottom-right-radius: 0
}

.howWork .mainSec .workSection4 .midSec .card-img-top .boxCommon.boxRight {
    width: 37%;
    border: 2px dashed #7dd5c7;
    border-left: 0;
    border-top-left-radius: 0;
    float: right;
    border-bottom-left-radius: 0
}

.howWork .mainSec .workSection4 .midSec .card-img-top .overallDiv {
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: -40px;
    left: 52%;
    transform: translateX(-60%);
    z-index: 1;
    outline: 20px solid #fff
}

.howWork .mainSec .workSection4 .midSec .card-img-top .sprite-img {
    width: 100px;
    height: 100px;
    position: absolute;
    z-index: 1;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    box-shadow: 0 1px 25px #ddd
}

.howWork .mainSec .workSection4 .midSec .card-img-top .sprite-img:before {
    background-image: url(../png/sprite-works.png);
    background-repeat: no-repeat;
    content: "";
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: auto;
    background-position: -300px 0
}

.howWork .mainSec .workSection4 .rightSec {
    padding-left: 0
}

.howWork .mainSec .workSection4 .rightSec .card {
    width: 100%;
    height: 100%;
    padding-top: 100px
}

.howWork .workSection5 .midSec .card {
    width: 93%;
    padding-top: 100px;
    margin: 0 auto 0 0
}

.howWork .workSection5 .midSec .card .card-img-top:before {
    position: absolute;
    content: "";
    height: 95px;
    width: 2px;
    border-left: 2px dashed #ffcf56;
    top: -6px
}

.howWork .workSection6 .leftSec img {
    margin-top: -70px
}

.howWork .workSection6 .midSec .card {
    width: 93%;
    padding-top: 100px;
    margin: 100px auto 0 0
}

.howWork .workSection6 .midSec .card .card-img-top:before {
    position: absolute;
    content: "";
    height: 95px;
    width: 2px;
    border-left: 2px dashed #b5acf1;
    top: -90px
}

.howWork .workSection6 .rightSec {
    padding-top: 220px
}

.howWork .workSection7 {
    padding-top: 150px;
    padding-right: 120px;
    position: relative;
    margin-bottom: 180px
}

.howWork .workSection7:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -100px;
    top: auto;
    height: 350px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-image: url(../png/formbg.png)
}

.howWork .workSection7 .formSec {
    background: #fff;
    box-shadow: 0 1px 10px #ddd;
    padding: 40px 55px;
    position: relative;
    z-index: 1;
    margin: 7px auto
}

.howWork .workSection7 .formSec:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 120px;
    top: -140px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 2px dashed #b5acf1
}

.howWork .workSection7 .formSec .formHead {
    text-align: center
}

.howWork .workSection7 .formSec .formHead h2 {
    color: #000;
    font-size: 27px;
    font-weight: 600
}

.howWork .workSection7 .formSec .formHead p {
    color: #3a3a3a;
    font-size: 18px;
    line-height: 2
}

.howWork .workSection7 .formSec .leftSide .form-input {
    margin: 0 0 30px
}

.howWork .workSection7 .formSec .leftSide form {
    text-align: center
}

.howWork .workSection7 .formSec .leftSide label {
    width: 100%;
    color: #626262;
    text-align: left
}

.howWork .workSection7 .formSec .leftSide input,
.howWork .workSection7 .formSec .leftSide textarea {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #ccc;
    color: #626262
}

.howWork .workSection7 .formSec .leftSide button {
    background: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 30px;
    text-transform: uppercase;
    padding: .6rem 20px;
    letter-spacing: .8px;
    font-size: 17px;
    width: 210px;
    position: relative
}

.howWork .workSection7 .formSec .leftSide button:hover {
    background-color: #fff;
    color: #ff5215;
    border-color: #ff5215
}

.howWork .workSection7 .formSec .leftSide button img {
    float: right;
    margin: 3px 0 0 4px;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
    display: none;
    max-width: 20px;
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -10px
}

.whitePaper .Headings {
    margin: 0 auto 50px;
    padding: 50px 10px 30px
}

.whitePaper .Headings h1 {
    color: #000;
    font-size: 50px;
    position: relative;
    font-weight: 900;
    padding-bottom: 4px
}

.whitePaper .Headings h2 {
    color: #000;
    font-size: 50px;
    position: relative;
    font-weight: 900;
    padding-bottom: 4px
}

.whitePaper .Headings p {
    font-size: 18px;
    font-weight: 400;
    max-width: 900px;
    color: #222;
    line-height: 1.5;
    margin: 30px auto 10px;
    font-weight: 400 !important
}

.whitePaper .Headings a {
    background-color: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 30px;
    font-size: 16px
}

.whitePaper .Headings a:hover {
    background: #fff;
    border-color: #ff5215;
    color: #ff5215
}

.whitePaper .Headings h1 {
    font-weight: 500
}

.whitePaper .Headings h1 span {
    color: #ff5215
}

.whitePaper.pageCommon {
    margin: 100px 0 0
}

.whitePaper.pageCommon .container-fluid {
    padding: 0 65px
}

.whitePaper .LeftSec img {
    max-width: 100%
}

.whitePaper .midSec {
    padding-top: 30px
}

.whitePaper .midSec h2 {
    color: #051441;
    font-size: 22px
}

.whitePaper .midSec ul {
    padding: 0;
    list-style: none;
    margin-top: 35px
}

.whitePaper .midSec ul li {
    position: relative;
    padding-left: 40px;
    font-size: 20px;
    color: #333;
    margin: 13px 0
}

.whitePaper .midSec ul li:before {
    content: "";
    position: absolute;
    left: 0;
    width: 20px;
    height: 25px;
    background-image: url(../webp/sprite.webp);
    background-position: -472px -192px;
    background-repeat: no-repeat;
    top: 4px
}

.whitePaper .rightSec {
    padding-top: 30px
}

.whitePaper .rightSec h2 {
    font-size: 24px;
    color: #000
}

.whitePaper .rightSec form {
    margin: 30px 0 0
}

.whitePaper .rightSec form input {
    background-color: #f9f9f9;
    padding: 10px 25px;
    border-color: transparent;
    width: 100%;
    margin: 10px 0;
    font-size: 17px
}

.whitePaper .rightSec form .btn {
    background: linear-gradient(to right, #f58030, #fd5a1a);
    color: #fff;
    border: 0 solid #fff;
    border-radius: 0;
    font-weight: 500;
    font-size: 22px;
    padding: 7px 30px;
    margin-top: 50px;
    margin-right: 0;
    display: inline-block !important;
    overflow: hidden;
    width: 100%
}

.whitePaper .otherResources .Headings {
    margin-bottom: 20px
}

.whitePaper .otherResources .container-fluid {
    padding: 0 150px
}

.whitePaper .otherResources .card {
    border: 0;
    text-align: center
}

.whitePaper .otherResources .card .card-img-top {
    max-width: 70px;
    margin: auto
}

.whitePaper .otherResources .card .card-title {
    font-size: 23px;
    color: #000;
    font-weight: 600
}

.whitePaper .otherResources .card p {
    font-size: 18px;
    color: #000
}

.whitePaper .preFooter {
    background: #fedba8;
    position: relative;
    margin-top: 80px
}

.whitePaper .preFooter .Headings {
    margin-bottom: 0;
    padding: 50px 10px
}

.whitePaper .preFooter .Headings h2 {
    color: #000;
    font-weight: 500
}

.whitePaper .preFooter .Headings a {
    background: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 30px;
    text-transform: uppercase;
    border: 1px solid #ff5215
}

.whitePaper .preFooter .Headings a:hover {
    background-color: #fff;
    color: #ff5215;
    border-color: #ff5215
}

.whitePaper .preFooter .Headings a:hover {
    background: 0 0
}

.whitePaper .preFooter .sectionBefore {
    position: absolute;
    left: 110px;
    right: auto;
    top: 0;
    bottom: auto
}

.whitePaper .preFooter .sectionBefore .layerTab {
    position: absolute;
    width: 110px;
    height: 90px;
    background-color: #f8d29b;
    left: 110px;
    top: 80px;
    transform: rotate(-40deg)
}

.whitePaper .preFooter .sectionBefore:before {
    position: absolute;
    content: "";
    width: 160px;
    height: 130px;
    background-image: radial-gradient(#212121 0, transparent 0), radial-gradient(#fe9157 15%, transparent 0);
    background-position: left bottom;
    background-size: 13px 13px;
    opacity: .8;
    transform: rotate(-40deg);
    top: 40px;
    z-index: 1
}

.whitePaper .preFooter .sectionAfter {
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    bottom: auto
}

.whitePaper .preFooter .sectionAfter .layerTab {
    position: absolute;
    width: 110px;
    height: 90px;
    background-color: #f8d29b;
    right: 110px;
    top: 70px;
    transform: rotate(-40deg)
}

.whitePaper .preFooter .sectionAfter:before {
    position: absolute;
    content: "";
    width: 160px;
    height: 130px;
    background-image: radial-gradient(#212121 0, transparent 0), radial-gradient(#fe9157 15%, transparent 0);
    background-position: left bottom;
    background-size: 13px 13px;
    opacity: .8;
    transform: rotate(-40deg);
    top: 30px;
    right: 170px;
    z-index: 1
}

.animating-img img {
    display: none
}

.animating-img img.active {
    display: block;
    animation: fadeIn ease .4s
}

.pl-6 {
    padding-left: 60px !important
}

.pr-6 {
    padding-right: 60px !important
}

.quickFacts .bdr-small {
    position: relative
}

.quickFacts .bdr-small:not(:last-child):after {
    content: "";
    position: absolute;
    width: 1px;
    height: 200px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #eee
}

.quick-fact-widget {
    transition: .2s all;
    border-radius: 10px;
    padding: 15px
}

.quick-fact-widget h4 {
    color: #000;
    font-weight: 600
}

.testi-youtube {
    padding: 30px !important;
    border-radius: 10px !important;
    background-color: #fff;
    box-shadow: inset 0 0 0 25px #fff, -1px -1px 7px 1px #97979754
}

.quick-icon-img {
    position: relative
}

.quick-icon-img .hang-img {
    position: absolute;
    top: -10px;
    right: 50px;
    width: 80px;
    height: 80px;
    z-index: -1;
    opacity: .1;
    transform: rotate(-45deg)
}

.pad-40 {
    padding: 50px !important
}

.mr-6 {
    margin-right: 60px
}

.ml-6 {
    margin-left: 60px
}

.container-fluid {
    padding: 0 95px !important
}

.mat-100 {
    margin-top: 140px
}

.mat-80 {
    margin-top: 80px
}

.testi-head {
    position: relative
}

.testi-head .lead {
    font-size: 30px
}

.quote-img {
    position: absolute;
    top: -15px;
    left: -40px;
    z-index: -1;
    width: 60px
}

.testimonial-widget h5 {
    color: #000;
    font-weight: 600;
    font-size: 26px
}

.testimonial-widget .prof {
    font-size: 20px
}

.playBtn {
    width: 38px;
    border: 2px solid #ff5215;
    height: 38px;
    border-radius: 50%;
    margin: auto;
    position: relative;
    cursor: pointer;
    transition: background-color 250ms linear
}

.playBtn:before {
    position: absolute;
    content: "";
    border-top: 7px solid transparent;
    border-right: 7px solid transparent;
    border-left: 12px solid #ff5215;
    border-bottom: 7px solid transparent;
    top: 10px;
    left: 13px
}

.playBtn:hover {
    background: #ff5215 !important
}

.playBtn:hover:before {
    border-left: 12px solid #fff
}

.section-pad {
    padding: 100px 0
}

.testimonial-widget {
    background-color: #f3f3f3
}

.testimonial-widget h2 {
    color: #000;
    font-size: 48px
}

.videoLink {
    cursor: pointer;
    color: #ff5215
}

.videoLink div {
    display: inline-block
}

.videoLink span {
    display: inline-block;
    position: relative;
    top: -14px;
    left: 5px;
    text-decoration: underline;
    font-weight: 700
}

.emran-img {
    z-index: 1;
    position: relative
}

.play-btn {
    opacity: .8;
    cursor: pointer
}

.testi-modal button.close {
    background-color: #ff5215
}

.testi-modal .close {
    position: absolute;
    float: right;
    font-size: 20px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    top: -20px;
    border-radius: 40px;
    right: -20px;
    background-color: #ff5215;
    color: #fff;
    text-shadow: none;
    opacity: 1
}

.testi-modal .close:not(:disabled):not(.disabled):hover {
    opacity: 1
}

.testi-modal .modal-content {
    background-color: transparent
}

.common-btn-style {
    background-color: #ff5215;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 30px;
    font-size: 16px
}

.common-btn-style:hover {
    background: #fff;
    border-color: #ff5215;
    color: #ff5215
}

.orange {
    color: #ff5215
}

.foodpanda-bg {
    background-color: #f6f5f5
}

.badge-text {
    background-color: #fff0dc;
    padding: 12px 15px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 50px;
    color: #ff5215;
    margin-bottom: 30px;
    display: inline-block
}

.section-title .heading {
    font-weight: 600
}

.section-title .h1 {
    font-size: 56px
}

.section-title h2 {
    font-size: 50px
}

.section-title h3 {
    font-size: 36px
}

.sub-head {
    color: #ff5215;
    font-size: 24px;
    font-weight: 600
}

.demo-list li {
    display: inline-block;
    position: relative;
    margin-bottom: 30px
}

.demo-list li:before {
    display: inline-block;
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #ff5215;
    position: absolute;
    top: 10px;
    left: -40px
}

.delight-section-tab-div .nav-tabs .nav-item {
    margin-bottom: 50px
}

.delight-section-tab-div .nav-tabs .nav-link {
    color: #222;
    border-radius: 50px;
    border: 1px solid #f7f7f7;
    box-shadow: 0 10px 20px -5px #ff521521 !important;
    padding: 20px;
    height: 100%
}

.delight-section-tab-div .nav-tabs .nav-link.active {
    border-color: #ff5215
}

.delight-section-tab-div .nav-tabs .nav-link .number {
    display: block;
    width: 30px;
    height: 30px;
    background: #ff5215;
    color: #fff;
    border-radius: 50%;
    margin: 0 auto 8px;
    font-weight: 800;
    font-size: 24px;
    line-height: 1.14
}

.delight-section-tab-div .nav-tabs .nav-link h5 {
    color: #ff5215;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px
}

.text-link,
.text-link:hover {
    color: #ff5215;
    font-size: 20px;
    font-weight: 700
}

.absolute-img-container img {
    width: 100%;
    object-fit: cover
}

.how-it-work-list li {
    margin-bottom: 20px
}

.work-div {
    background-color: #fafafa;
    border-radius: 30px;
    border: 1px solid #f3f3f3
}

.how-it-work-number-list {
    padding-left: 90px
}

.how-it-work-number-list li {
    background-color: #f3f3f3;
    border-radius: 30px;
    padding: 8px 10px 8px 25px;
    margin-bottom: 20px;
    counter-increment: number-list-count;
    position: relative
}

.how-it-work-number-list li:before {
    content: counter(number-list-count);
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #373756;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 2;
    position: absolute;
    left: -50px;
    top: 2px;
    font-size: 20px
}

.how-it-work-number-list li:not(:last-child):after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 100%;
    background-color: #373756;
    position: absolute;
    left: -30px;
    top: 35px
}

.how-it-work-number-list li span {
    background: url(../webp/ubereats-sprite.webp) no-repeat -20px -195px;
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    left: -105px;
    top: 2px
}

.how-it-work-number-list li span.signup {
    background-position: -20px -195px
}

.how-it-work-number-list li span.restaurant {
    background-position: -85px -195px
}

.how-it-work-number-list li span.order-confirmation {
    background-position: -148px -195px
}

.how-it-work-number-list li span.food-preparation {
    background-position: -210px -195px
}

.how-it-work-number-list li span.delivery-providers {
    background-position: -266px -195px
}

.how-it-work-number-list li span.order-delivered {
    background-position: -326px -195px
}

.rounded-xl {
    border-radius: 20px
}

.gallery-widget {
    font-size: 14px;
    position: relative;
    transition: .3s;
    line-height: 25px
}

.gallery-widget img {
    filter: contrast(.5);
    transition: .3s;
    object-fit: cover
}

.gallery-widget-float {
    position: absolute;
    top: 50%;
    padding: 20px;
    text-align: center;
    color: #fff;
    opacity: 0;
    transition: .3s;
    font-size: 20px;
    line-height: 1.5
}

.gallery-widget:hover .gallery-widget-float {
    transform: translateY(-50%);
    opacity: 1
}

.gallery-widget:hover img {
    filter: brightness(.5)
}

.demo-section {
    position: relative;
    overflow: hidden;
    background-color: #e8eff5;
    z-index: 0
}

.demo-section:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    top: 0;
    right: 0;
    transform: rotate(135.5deg) translate(-116%, 0) scale(2.5);
    border-radius: 0 40% 0 51%;
    z-index: -1
}

.demo-media .media-image {
    width: 75px;
    height: 75px;
    border-radius: 10px;
    background: url(../png/sprite.png) no-repeat top center;
    background-size: 800px
}

.demo-media .media-image.online-ordering {
    background-position: -610px -125px
}

.demo-media .media-image.digital-ordering {
    background-position: -672px -125px
}

.demo-form .custom-select,
.demo-form .form-control {
    height: 45px
}

.demo-form .custom-select:focus,
.demo-form .form-control:focus {
    border-color: #ff5215;
    outline: 0;
    box-shadow: none
}

.demo-form .time-btn {
    line-height: 1.9
}

.demo-form .time-btn.active,
.demo-form .time-btn:hover {
    background-color: #ff5215;
    border-color: #ff5215 !important;
    color: #fff;
    box-shadow: 0 8px 10px -2px #ff52155e
}

.demo-form .custom-checkbox .custom-control-label::before {
    border-radius: 2px
}

.demo-form .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #ff5215;
    background-color: #ff5215
}

.demo-form .custom-control-input:focus~.custom-control-label::before {
    box-shadow: none
}

#datepicker-container .datepicker {
    width: 100%;
    min-height: 250px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    border: 0
}

#datepicker-container .datepicker .datepicker-days,
#datepicker-container .datepicker table {
    width: 100%;
    height: 100%
}

#datepicker-container .datepicker td,
#datepicker-container .datepicker th {
    text-align: center;
    width: 50px;
    height: 40px
}

#datepicker-container .datepicker-dropdown::after,
#datepicker-container .datepicker-dropdown::before {
    content: none
}

#datepicker-container .datepicker table tr td span.active,
#datepicker-container .datepicker table tr td span.active.disabled,
#datepicker-container .datepicker table tr td span.active.disabled:hover,
#datepicker-container .datepicker table tr td span.active:hover,
#datepicker-container .datepicker table tr td.active,
#datepicker-container .datepicker table tr td.active.disabled,
#datepicker-container .datepicker table tr td.active.disabled:hover,
#datepicker-container .datepicker table tr td.active:hover {
    background-image: none
}

#datepicker-container .datepicker table tr td span.active.active,
#datepicker-container .datepicker table tr td span.active.disabled,
#datepicker-container .datepicker table tr td span.active.disabled.active,
#datepicker-container .datepicker table tr td span.active.disabled.disabled,
#datepicker-container .datepicker table tr td span.active.disabled:active,
#datepicker-container .datepicker table tr td span.active.disabled:hover,
#datepicker-container .datepicker table tr td span.active.disabled:hover.active,
#datepicker-container .datepicker table tr td span.active.disabled:hover.disabled,
#datepicker-container .datepicker table tr td span.active.disabled:hover:active,
#datepicker-container .datepicker table tr td span.active.disabled:hover:hover,
#datepicker-container .datepicker table tr td span.active.disabled:hover[disabled],
#datepicker-container .datepicker table tr td span.active.disabled[disabled],
#datepicker-container .datepicker table tr td span.active:active,
#datepicker-container .datepicker table tr td span.active:hover,
#datepicker-container .datepicker table tr td span.active:hover.active,
#datepicker-container .datepicker table tr td span.active:hover.disabled,
#datepicker-container .datepicker table tr td span.active:hover:active,
#datepicker-container .datepicker table tr td span.active:hover:hover,
#datepicker-container .datepicker table tr td span.active:hover[disabled],
#datepicker-container .datepicker table tr td span.active[disabled],
#datepicker-container .datepicker table tr td.active.active,
#datepicker-container .datepicker table tr td.active.disabled,
#datepicker-container .datepicker table tr td.active.disabled.active,
#datepicker-container .datepicker table tr td.active.disabled.disabled,
#datepicker-container .datepicker table tr td.active.disabled:active,
#datepicker-container .datepicker table tr td.active.disabled:hover,
#datepicker-container .datepicker table tr td.active.disabled:hover.active,
#datepicker-container .datepicker table tr td.active.disabled:hover.disabled,
#datepicker-container .datepicker table tr td.active.disabled:hover:active,
#datepicker-container .datepicker table tr td.active.disabled:hover:hover,
#datepicker-container .datepicker table tr td.active.disabled:hover[disabled],
#datepicker-container .datepicker table tr td.active.disabled[disabled],
#datepicker-container .datepicker table tr td.active:active,
#datepicker-container .datepicker table tr td.active:hover,
#datepicker-container .datepicker table tr td.active:hover.active,
#datepicker-container .datepicker table tr td.active:hover.disabled,
#datepicker-container .datepicker table tr td.active:hover:active,
#datepicker-container .datepicker table tr td.active:hover:hover,
#datepicker-container .datepicker table tr td.active:hover[disabled],
#datepicker-container .datepicker table tr td.active[disabled] {
    background-color: #ff5215
}

.delivery-iconsec-div {
    width: 75px;
    height: 75px;
    display: block;
    margin: auto;
    background: url(../webp/ubereats-sprite.webp) no-repeat top center;
    background-position: 0 0
}

.delivery-iconsec-div.setup {
    background-position: -587px -98px
}

.delivery-iconsec-div.deliver {
    background-position: -660px -98px
}

.delivery-iconsec-div.improve {
    background-position: -742px -98px
}

.delivery-iconsec-div.easy-sign-up {
    background-position: -827px -98px
}

.delivery-iconsec-div.nearby-search {
    background-position: -985px -98px
}

.delivery-iconsec-div.pay-online {
    background-position: -1148px -98px
}

.delivery-iconsec-div.go-mobile {
    background-position: -903px -98px
}

.delivery-iconsec-div.track-orders {
    background-position: -1067px -98px
}

.delivery-iconsec-div.schedule-orders {
    background-position: -1228px -98px
}

.blogpopup .modal-lg {
    max-width: 700px
}

.blogpopup .modal-content {
    background: url(../png/blog-modal-bg.png) no-repeat bottom right/cover;
    color: #fff
}

.blogpopup .modal-content .modal-body {
    padding: 40px
}

.blogpopup .modal-content .modal-body button.close {
    color: #fff;
    opacity: 1;
    position: relative;
    font-size: 2rem
}

.blogpopup .modal-content .modal-body .info-text {
    font-size: 18px
}

.blogpopup .modal-content .modal-body .modal-head {
    color: #24940f;
    margin-bottom: 40px;
    font-size: 35px
}

.blogpopup .modal-content .modal-body .modal-list-head {
    font-size: 20px
}

.blogpopup .modal-content .modal-body .modal-list {
    font-size: 18px;
    padding-left: 20px
}

.blogpopup .modal-content .modal-body .modal-list li {
    margin-bottom: 5px
}

.blogpopup .modal-content .modal-body .modal-list li::marker {
    color: #24940f;
    font-size: 20px;
    line-height: 10px
}

.blogpopup .modal-content .modal-body .form-div {
    margin-top: 40px
}

.blogpopup .modal-content .modal-body .form-div label {
    font-size: 16px
}

.blogpopup .modal-content .modal-body .form-div .form-control {
    font-size: 16px
}

.blogpopup .modal-content .modal-body .form-div .submit-btn,
.blogpopup .modal-content .modal-body .form-div .submit-btn:hover {
    font-size: 16px;
    color: #fff;
    background-color: #ff5215;
    border-color: #ff5215
}

.blogpopup .modal-content .modal-body .no-thanks-link {
    text-decoration: underline
}

.blogpopup .modal-content .modal-body .no-thanks-link:hover {
    color: #fff
}

.manualSection .parentManual .admin-pre {
    background: #ebf1fb;
    border-radius: 10px;
    margin: 20px
}

.manualSection .parentManual .yes.active,
.manualSection .parentManual .yes:hover {
    color: #5eb583
}

.manualSection .parentManual .no.active,
.manualSection .parentManual .no:hover {
    color: #e67367
}

.manualSection .parentManual .no p.active,
.manualSection .parentManual .no p:hover {
    color: #e67367
}

.manualSection .parentManual .no a,
.manualSection .parentManual .yes a {
    display: inline-flex;
    cursor: pointer
}

.manualSection .parentManual .no p,
.manualSection .parentManual .yes p {
    margin-left: 10px;
    cursor: pointer
}

.manualSection .parentManual .no,
.manualSection .parentManual .yes {
    margin-left: 40px;
    cursor: pointer
}

.manualSection .parentManual .no,
.manualSection .parentManual .yes {
    border-radius: 23px;
    background: azure;
    width: 30px;
    height: 30px
}

.manualSection .parentManual .no svg,
.manualSection .parentManual .yes svg {
    margin-left: 7px;
    margin-top: 6px
}

.manualSection .parentManual .cta-sale {
    color: #ff5215;
    cursor: pointer;
    font-weight: 600
}

.landing-script-suf .how-work-suf .card {
    border: 0;
    box-shadow: 0 .25rem 3rem rgba(0, 0, 0, .15);
    border-radius: 30px
}

.landing-script-suf .how-work-suf .card:hover {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
}

.landing-script-suf .card-1 {
    margin-left: auto
}

.landing-script-suf .free-demo .bg {
    background: #fdfcfc
}

.landing-script-suf .how-work-suf .mb-6 {
    margin-bottom: 1rem !important
}

.landing-script-suf .landing-script {
    background: url(https://res.cloudinary.com/pofi-technologies-pvt-ltd/image/upload/v1625834656/Shopurfood/script-banner_nxhoo9.webp) no-repeat center center/cover;
    padding: 100px 0 50px;
    min-height: 50vh;
    display: flex;
    align-items: center
}

.landing-script-suf .landing-script .videoLink span {
    text-decoration: none
}

.landing-script-suf .landing-script .animatedPlayBtn {
    animation: none
}

.landing-script-suf .landing-script .playBtn {
    border: 2px solid #fff;
    background: #fff
}

.landing-script-suf .feature-suf h2,
.landing-script-suf .how-work-suf h2,
.landing-script-suf .why-suf h2 {
    color: #000;
    font-size: 28px;
    font-weight: 700;
    padding-bottom: 4px;
    text-align: center
}

.landing-script-suf .how-work-suf .spriteImg,
.landing-script-suf .why-suf .spriteImg {
    width: 80px;
    height: 80px;
    display: inline-block
}

.landing-script-suf .how-work-suf .spriteImg {
    margin: 0 auto;
    display: block
}

.landing-script-suf .why-suf .spriteImg.convenience {
    background-position: 3px -274px
}

.landing-script-suf .why-suf .spriteImg.integrated {
    background-position: -93px -274px
}

.landing-script-suf .why-suf .spriteImg.commission-free {
    background-position: -188px -274px
}

.landing-script-suf .why-suf .spriteImg.available {
    background-position: -283px -274px
}

.landing-script-suf .how-work-suf .spriteImg.ordering-platform {
    background-position: -376px -274px
}

.landing-script-suf .how-work-suf .spriteImg.add-restaurant {
    background-position: -472px -274px
}

.landing-script-suf .how-work-suf .spriteImg.delivery-partners {
    background-position: -567px -274px
}

.landing-script-suf .how-work-suf .spriteImg.insights {
    background-position: -661px -274px
}

.landing-script-suf .how-work-suf .spriteImg.create-menu {
    background-position: 3px -363px
}

.landing-script-suf .how-work-suf .spriteImg.orders-online {
    background-position: -93px -363px
}

.landing-script-suf .how-work-suf .spriteImg.online-payments {
    background-position: -188px -363px
}

.landing-script-suf .how-work-suf .spriteImg.track-deliveries {
    background-position: -283px -363px
}

.landing-script-suf .feature-suf {
    background: #f8f8f8
}

.landing-script-suf .feature-suf .heading-sm {
    font-size: 26px;
    color: #ff5215
}

.landing-script-suf .feature-suf ul {
    list-style: none;
    position: relative
}

.landing-script-suf .feature-suf ul li:before {
    position: absolute;
    background-repeat: no-repeat;
    content: "";
    width: 20px;
    height: 20px;
    left: -35px;
    top: 4px;
    background-image: url(../webp/sprite.webp);
    background-position: -632px -193px
}

.landing-script-suf .feature-suf ul li {
    position: relative;
    margin: 5px 0
}

.landing-script-suf .cta-le,
.landing-script-suf .cta-le a:hover {
    color: #ff5215 !important;
    font-size: 20px;
    font-weight: 700
}

.landing-script-suf .mob-order .row-reverse {
    flex-direction: row-reverse
}

.landing-script-suf .brand-suf {
    padding: 50px 0;
    background: linear-gradient(25deg, #ff790b, #ffba81);
    background: url(https://res.cloudinary.com/pofi-technologies-pvt-ltd/image/upload/v1626077953/Shopurfood/food-ordering-platform_xsdypt.webp) no-repeat center center/cover
}

.landing-script-suf .brand-suf .card {
    border-radius: 2.25rem;
    border: 0
}

.landing-script-suf .brand-widget {
    margin-bottom: 20px
}

.landing-script-suf .brand-widget h4 {
    font-size: 22px
}

.landing-script-suf .brand-widget p {
    color: #666;
    font-size: 18px
}

.landing-script-suf .brand-suf .row-sec {
    background: #fff;
    border-radius: 20px;
    padding: 15px
}

.landing-script-suf .brand-head {
    font-size: 24px
}

@media (min-width:320px) and (max-width:480px) {
    .adminDashboard .mobileBanner .bgImg {
        height: 33vh;
        margin-top: 0
    }

    .whitePaper.pageCommon .container-fluid {
        padding: 0 15px
    }

    .whitePaper .Headings {
        margin: 0 auto 0 !important;
        padding: 20px 10px 20px
    }

    .whitePaper .LeftSec {
        text-align: center
    }

    .whitePaper .LeftSec img {
        width: 100%
    }

    .whitePaper .otherResources {
        margin-top: 30px
    }

    .whitePaper .otherResources .card {
        margin-bottom: 15px
    }

    .whitePaper .preFooter {
        margin-top: 20px
    }

    .whitePaper .preFooter .sectionAfter,
    .whitePaper .preFooter .sectionBefore {
        display: none
    }

    .howWork .bannerSection {
        padding: 10px 25px 10px;
        height: 260px;
        text-align: center
    }

    .howWork .bannerSection h1 {
        font-size: 30px
    }

    .howWork .bannerSection .bannerContent {
        margin: auto
    }

    .howWork .bannerSection .bannerImg {
        display: none
    }

    .howWork .bannerSection .bannerDot {
        display: none
    }

    .howWork .mainSec {
        margin-top: 0
    }

    .howWork .mainSec .container-fluid {
        padding: 0 20px 0 !important
    }

    .howWork .mainSec .card {
        margin-bottom: 65px !important
    }

    .howWork .mainSec .card .card-text {
        line-height: 1.5 !important
    }

    .howWork .mainSec .card .card-img-top .sprite-img::after,
    .howWork .mainSec .card .card-img-top .sprite-img::before {
        display: none
    }

    .howWork .mainSec .card-img-top {
        max-height: unset !important;
        height: 65px !important
    }

    .howWork .mainSec .card-img-top .sprite-img {
        background-color: #fff;
        outline: 3px solid #fff
    }

    .howWork .mainSec .mobileDiv {
        position: relative;
        height: auto;
        display: inline-block
    }

    .howWork .mainSec .mobileDiv:after,
    .howWork .mainSec .mobileDiv:before {
        content: "";
        position: absolute;
        width: 2px;
        height: 90%;
        border-left: 2px dashed
    }

    .howWork .mainSec .mobileDiv:before {
        top: -45px
    }

    .howWork .mainSec .mobileDiv:after {
        bottom: 0
    }

    .howWork .mainSec .mobileDiv.mobileDiv1:after,
    .howWork .mainSec .mobileDiv.mobileDiv1:before {
        border-color: #b5acf1
    }

    .howWork .mainSec .mobileDiv.mobileDiv2:after,
    .howWork .mainSec .mobileDiv.mobileDiv2:before {
        border-color: #fba2a2
    }

    .howWork .mainSec .mobileDiv.mobileDiv3:after,
    .howWork .mainSec .mobileDiv.mobileDiv3:before {
        border-color: #8bb3fd
    }

    .howWork .mainSec .mobileDiv.mobileDiv4:after,
    .howWork .mainSec .mobileDiv.mobileDiv4:before {
        border-color: #f1b988
    }

    .howWork .mainSec .mobileDiv.mobileDiv5:after,
    .howWork .mainSec .mobileDiv.mobileDiv5:before {
        border-color: #76d5fe
    }

    .howWork .mainSec .mobileDiv.mobileDiv6:after,
    .howWork .mainSec .mobileDiv.mobileDiv6:before {
        border-color: #7dd5c7
    }

    .howWork .mainSec .mobileDiv.mobileDiv7:after,
    .howWork .mainSec .mobileDiv.mobileDiv7:before {
        border-color: #ffcf56
    }

    .howWork .mainSec .mobileDiv.mobileDiv8:after,
    .howWork .mainSec .mobileDiv.mobileDiv8:before {
        border-color: #b5acf1
    }

    .howWork .mainSec .leftSec,
    .howWork .mainSec .rightSec {
        padding: 0 15px !important;
        text-align: center
    }

    .howWork .mainSec .leftSec:after,
    .howWork .mainSec .leftSec:before,
    .howWork .mainSec .rightSec:after,
    .howWork .mainSec .rightSec:before {
        display: none !important
    }

    .howWork .mainSec .leftSec img,
    .howWork .mainSec .rightSec img {
        max-width: 100%;
        margin: 0 auto 50px
    }

    .howWork .mainSec .leftSec img.d-sm-none.d-xs-none,
    .howWork .mainSec .rightSec img.d-sm-none.d-xs-none {
        display: none
    }

    .howWork .mainSec .leftSec .card,
    .howWork .mainSec .rightSec .card {
        width: 100%;
        text-align: center !important;
        padding-top: 0 !important
    }

    .howWork .mainSec .leftSec .card .card-img-top:after,
    .howWork .mainSec .leftSec .card .card-img-top:before,
    .howWork .mainSec .rightSec .card .card-img-top:after,
    .howWork .mainSec .rightSec .card .card-img-top:before {
        display: none !important
    }

    .howWork .mainSec .leftSec .card .card-img-top .sprite-img,
    .howWork .mainSec .rightSec .card .card-img-top .sprite-img {
        margin: auto;
        float: none !important;
        position: relative
    }

    .howWork .mainSec .leftSec .card .card-img-top .sprite-img:before,
    .howWork .mainSec .leftSec .card .card-img-top .sprite-imgafter,
    .howWork .mainSec .rightSec .card .card-img-top .sprite-img:before,
    .howWork .mainSec .rightSec .card .card-img-top .sprite-imgafter {
        content: "";
        position: absolute
    }

    .howWork .mainSec .leftSec .card .card-body .card-title,
    .howWork .mainSec .rightSec .card .card-body .card-title {
        font-size: 24px
    }

    .howWork .mainSec .rowReverse {
        flex-direction: column-reverse
    }

    .howWork .mainSec .workSection4 .midSec {
        display: none
    }

    .howWork .mainSec .workSection4 .midSec .card-img-top::after,
    .howWork .mainSec .workSection4 .midSec .card-img-top::before {
        display: none
    }

    .howWork .mainSec .workSection5 .midSec .card,
    .howWork .mainSec .workSection6 .midSec .card {
        padding-top: 0;
        margin-bottom: 50px;
        margin-top: 0;
        width: 100%
    }

    .howWork .mainSec .workSection5 .midSec .card .card-img-top:after,
    .howWork .mainSec .workSection5 .midSec .card .card-img-top:before,
    .howWork .mainSec .workSection6 .midSec .card .card-img-top:after,
    .howWork .mainSec .workSection6 .midSec .card .card-img-top:before {
        display: none
    }

    .howWork .mainSec .workSection7 {
        padding: 0 15px;
        margin: 0
    }

    .howWork .mainSec .workSection7:before {
        display: none
    }

    .howWork .mainSec .workSection7 .formSec {
        padding: 20px
    }

    .howWork .mainSec .workSection7 .formSec:before {
        display: none
    }

    .howWork .mainSec .workSection7 .formSec .formHead {
        padding: 0
    }

    .howWork .mainSec .workSection7 .formSec .formHead h2 {
        font-size: 25px
    }

    .quickFacts.homeContainer::before {
        width: 90% !important;
        height: 10% !important
    }

    header .dropdown-menu {
        opacity: unset;
        display: none
    }

    header.bannerHead.headstyle {
        height: auto
    }

    header.bannerHead.headstyle:before {
        display: none
    }

    header .navbar-nav .dropdown-menu .dropdown-item {
        padding-left: 10px;
        padding-right: 10px
    }

    .homeDiscover section.discoverSection.DiscoverimgRight::after {
        display: none
    }

    .homeDiscover section.discoverSection h2,
    .homeDiscover section.discoverSection h3 {
        color: #051441;
        font-size: 26px;
        font-weight: 600;
        margin: 0 0 15px
    }

    .homePage .homeDiscover section.discoverSection h2,
    .homePage .homeDiscover section.discoverSection h3,
    .mobileOrdering .homeDiscover section.discoverSection h2,
    .mobileOrdering .homeDiscover section.discoverSection h3,
    .productPage .homeDiscover section.discoverSection h2,
    .productPage .homeDiscover section.discoverSection h3 {
        text-align: center
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .icon_shape {
        position: absolute;
        margin: auto
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection h3 {
        margin: 65px 0 15px
    }

    .adminDashboard.orderingCommon .homeDiscover section.discoverSection,
    .webOrdering.orderingCommon .homeDiscover section.discoverSection {
        margin-top: 70px !important;
        margin-bottom: 50px !important
    }

    .adminDashboard.orderingCommon .homeDiscover section.discoverSection .card-h2,
    .adminDashboard.orderingCommon .homeDiscover section.discoverSection h3,
    .webOrdering.orderingCommon .homeDiscover section.discoverSection .card-h2,
    .webOrdering.orderingCommon .homeDiscover section.discoverSection h3 {
        margin: 0 0 20px;
        text-align: center
    }

    .adminDashboard.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto .card-h2,
    .webOrdering.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto .card-h2 {
        margin: 15px 0 20px;
        font-size: 27px
    }

    .adminDashboard.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul,
    .webOrdering.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul {
        margin-top: 0
    }

    .adminDashboard.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul li,
    .webOrdering.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul li {
        margin: 0 0 10px
    }

    .adminDashboard.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul li h3,
    .webOrdering.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul li h3 {
        padding-left: 10px
    }

    .adminDashboard.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul li p,
    .webOrdering.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul li p {
        padding-left: 0
    }

    .adminDashboard.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul.powerUL p,
    .webOrdering.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul.powerUL p {
        padding-left: 20px
    }

    .homePage .homeDiscover section.discoverSection {
        margin: 0;
        padding: 0;
        max-height: inherit
    }

    .homePage .homeDiscover section.discoverSection.DiscoverimgLeft .discoverText .margin-auto::after {
        content: none
    }

    .homePage .homeDiscover section.discoverSection .discoverText .margin-auto {
        text-align: center;
        min-height: auto
    }

    .homePage .homeDiscover section.discoverSection.DiscoverimgRight .discoverText .margin-auto::before {
        content: none
    }

    .homePage .homeCustomer {
        margin: 10px 0 0
    }

    .homePage .homeCustomer .card .card-body {
        padding: 0 0 30px
    }

    .homePage .homeCustomer .card .card-body .card-title {
        font-size: 25px
    }

    .homePage .homeCustomer .card .card-body p {
        max-width: 100%;
        font-size: 18px
    }

    .homeCustomer {
        padding-bottom: 5px !important
    }

    .headerContainer {
        padding: 0 10px !important
    }

    .headerContainer .navbar .navbar-toggler {
        float: right;
        margin: 5px 0
    }

    .headerContainer .headCollapse {
        width: 100%
    }

    .homeBanner {
        padding: 10px;
        background-position: left
    }

    .homeBanner .bgGradientBanner {
        bottom: 0
    }

    .homeBanner .bgGradientBanner::after {
        content: none
    }

    .homeBanner .bgGradientBanner::before {
        height: 80px
    }

    .homeBanner .bgGradientBanner .layerTab {
        width: 60%
    }

    .homeBanner .bannerImg {
        margin: 10px 0 20px
    }

    .homeBanner .bannerContent {
        padding: 0 22px;
        text-align: center
    }

    .homeBanner .bannerContent h1 {
        font-size: 32px;
        text-align: center
    }

    .homeBanner .bannerContent h1 br {
        display: none
    }

    .homeBanner .bannerContent p {
        font-size: 20px;
        width: 100%;
        text-align: center;
        margin: 25px 0
    }

    .homeBanner .bannerContent .bannerSearch input {
        min-width: 100%
    }

    .homeBanner .bannerContent .bannerSearch button {
        width: auto;
        margin: 20px auto !important
    }

    .homeBanner .bannerContent .bannerSearch .how-it-works-div {
        text-align: center
    }

    .homeBanner .bannerContent .bannerSearch .how-it-works-div .howitsBtn {
        margin: 20px 0 0;
        font-size: 20px
    }

    .homeContainer.container-fluid {
        padding: 30px 20px !important
    }

    .Headings h1 {
        font-size: 32px !important
    }

    .Headings h2 {
        font-size: 30px !important
    }

    .Headings p {
        font-size: 18px
    }

    .contactUspopup .modal-body .close {
        color: #fff;
        opacity: 1
    }

    .webOrdering .mobileBanner .bannerContent .bgImg {
        height: auto;
        min-height: 162px;
        background-position: center;
        margin: 20px 0
    }

    .mobileOrdering.orderingCommon .divider {
        margin: 10px 0 30px
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection.AppWork h3 {
        margin: 10px 0
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection.AppWork h3.active {
        display: block
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection.AppWork h3 .fading-img {
        top: 15px
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection.AppWork .videoLink {
        display: block
    }

    .adminDashboard .divider {
        margin: 5px 0 35px
    }

    .homeDiscover section.discoverSection .SetAllListing {
        margin: 25px 0 10px !important
    }

    .homeDiscover section.discoverSection .discoverText {
        margin: 10px 0 10px;
        text-align: center
    }

    .homeDiscover section.discoverSection .discoverText .icon_shape {
        display: none
    }

    .homeDiscover section.discoverSection .discoverText h2,
    .homeDiscover section.discoverSection .discoverText h3 {
        font-size: 25px
    }

    .homeDiscover section.discoverSection .discoverText p {
        font-size: 18px
    }

    .homeDiscover section.discoverSection .discoverText a {
        font-size: 18px
    }

    .homeDiscover section.discoverSection.DiscoverimgRight .row {
        flex-direction: column-reverse
    }

    .homeDiscover section.discoverSection.DiscoverimgRight .discoverText {
        display: inline-block;
        margin: 10px 0 10px
    }

    .homeDiscover section.discoverSection.DiscoverimgRight .mobile.imgRight-0 {
        height: auto
    }

    .quickFacts.homeContainer {
        padding: 30px 20px
    }

    .quickFacts.homeContainer .Headings {
        margin-bottom: 20px
    }

    .quickFacts.homeContainer .card {
        text-align: center
    }

    .quickFacts.homeContainer .card .card-img-top {
        margin: 20px auto
    }

    .quickFacts.homeContainer .card .card-body .card-title {
        font-size: 25px
    }

    .quickFacts.homeContainer .card .card-body p {
        font-size: 18px
    }

    .quickFacts.homeContainer .card.mt-5 {
        margin: 2rem 0 !important
    }

    .homeBlog .card.viewAll p {
        font-size: 18px
    }

    .homeVideo {
        min-height: 600px;
        background-position: center
    }

    .homeVideo .Headings {
        margin: 0 auto 0
    }

    .homeVideo .videoBlock {
        padding: 30px 0 0
    }

    .homeVideo::after {
        content: none
    }

    .homeVideo .bgTab {
        text-align: center;
        overflow: hidden;
        height: 200px;
        box-shadow: inset 0 0 0 15px #fff, -1px -1px 7px 1px #97979754;
        border-radius: 10px
    }

    .homeVideo .bgTab::before {
        left: 47%;
        bottom: 6px;
        height: 3px
    }

    .homeVideo .bgTab::after {
        top: 5px;
        width: 6px;
        height: 6px
    }

    .homeVideo .bgTab img {
        height: calc(100% - 30px);
        margin: 15px 0;
        width: calc(100% - 30px)
    }

    .homeVideo .bgTab #video-section {
        height: calc(100% - 30px);
        margin: 15px;
        width: calc(100% - 30px)
    }

    .homeVideo .videoCaption h3 {
        font-size: 25px
    }

    .homeVideo .videoCaption p {
        font-size: 18px
    }

    .homeVideo .videoNav {
        position: relative;
        top: 20px;
        right: 0;
        text-align: center
    }

    .homeVideo .videoNav ul {
        display: inline-block;
        margin: auto
    }

    .homeVideo .videoNav ul li {
        float: left
    }

    .homeVideo .videoNav .video-bar {
        height: 2px;
        width: 80px
    }

    .homeVideo .videoNav .c100 {
        margin: 0 50px
    }

    .homeVideo .videoNav .navPrev:after {
        height: 2px;
        width: 80px;
        top: 14px;
        left: 45px
    }

    .homeBlog .card {
        margin: 25px 0;
        transform: none !important;
        top: 0 !important
    }

    .homeBlog .card.viewAll .card-body {
        text-align: center
    }

    .homePage .discoverText a {
        font-size: 20px !important
    }

    footer .container-fluid.homeContainer {
        padding: 30px !important
    }

    footer .footerCols {
        margin: 0;
        padding-bottom: 20px
    }

    footer .footerCols .foot-h3 {
        pointer-events: unset;
        font-size: 16px !important;
        margin: 0;
        font-weight: 600 !important;
        line-height: 1.5;
        cursor: pointer
    }

    footer .footerCols .foot-h3 i {
        float: right
    }

    footer .footerCols .foot-h3:before {
        background-color: transparent;
        top: -1px
    }

    footer .footerCols ul {
        margin: 0;
        padding-top: 10px
    }

    .pageCommon .container-fluid {
        padding: 0 20px
    }

    .caseStudy .Headings p {
        width: 100%;
        max-width: 100%;
        font-size: 18px
    }

    .detailHead h1 {
        font-size: 27px !important
    }

    .caseStudyInner {
        padding-top: 0
    }

    .caseStudyInner .detailHead h1 {
        margin-top: 0
    }

    .caseStudyInner .card .card-img-top {
        height: 200px
    }

    .caseStudyInner .card .card-body h3.subTitle {
        font-size: 23px
    }

    .caseStudyInner .card .card-body ul li h3.subTitle {
        font-size: 19px
    }

    .caseStudyInner .cardRight.mt-5 {
        margin: 0 0 1rem !important
    }

    .caseStudyInner .cardRight.mt-5 .card-body {
        padding: 0
    }

    .blog-page .container-fluid {
        padding-left: 15px;
        padding-right: 15px
    }

    .blog-page .section1 {
        margin: 20px 0
    }

    .blog-page .section1 .scaling-effect {
        margin: 0 0 30px
    }

    .blog-page .section1 .img-content h2 {
        font-size: 20px
    }

    .blog-page .section1 .section1-img1 .scaling-effect {
        height: 400px !important
    }

    .blog-page .section1 .section1-img2 .scaling-effect {
        height: 220px !important
    }

    .blog-page .section1 .section1-img4 .scaling-effect {
        height: 220px !important;
        margin: 0 0 30px
    }

    .blog-page .section2 .scaling-effect {
        margin: 0 0 20px;
        height: 220px
    }

    .blog-detail .detailHead h1 {
        margin-top: 0
    }

    .blog-detail .card .card-img-top {
        height: 100%
    }

    .blog-detail .card .card-body {
        width: 100%
    }

    .blog-detail .social-icons {
        margin: 10px 0 0 0;
        border-bottom: 2px solid #ff5215;
        border-right: 0
    }

    .blog-detail .social-icons ul li {
        float: left;
        margin: 10px 15px
    }

    .blog-detail .social-icons ul li:first-child {
        margin-left: 0
    }

    .blog-detail .social-icons ul li:last-child {
        margin: 10px 0 10px 20px
    }

    .blog-detail .menu-item ul li {
        margin-top: 7px
    }

    .blog-detail .user-sec {
        text-align: center
    }

    .blog-detail .user-sec .user-img {
        float: none;
        margin: auto
    }

    .blog-detail .user-sec .user-content {
        width: 100%;
        margin: 27px 0 0
    }

    .blog-detail .blogForm.mt-5 {
        margin-top: 0 !important
    }

    .productPage .divider {
        margin: 30px 0 30px
    }

    .productPage .Headings {
        margin-bottom: 20px
    }

    .productPage.pageCommon {
        margin: 120px 0 45px
    }

    .productPage .homeDiscover section.discoverSection {
        padding: 0;
        margin: 0
    }

    .productPage .homeDiscover section.discoverSection h2 {
        margin: 0
    }

    .productPage .homeDiscover section.discoverSection .discoverText {
        margin: 0
    }

    .productPage .homeDiscover section.discoverSection .discoverText .margin-auto {
        text-align: center
    }

    .productPage .homeDiscover section.discoverSection .discoverText h2 {
        margin-top: 10px
    }

    .productPage .homeDiscover section.discoverSection.DiscoverimgLeft::before,
    .productPage .homeDiscover section.discoverSection.DiscoverimgRight::after {
        display: none
    }

    .adminDashboard .mobileBanner .bannerContent a,
    .mobileOrdering .mobileBanner .bannerContent a,
    .orderingCommon .Headings a,
    .webOrdering .mobileBanner .bannerContent a {
        display: block;
        width: 70%;
        margin: 10px auto 0
    }

    .webOrdering .divider {
        margin: 5px 0 35px
    }

    .webOrdering.orderingCommon .exploreMore {
        padding: 0
    }

    .cmsPage h2 {
        font-size: 21px
    }

    .thankyouPage .container-fluid .card {
        padding: 30px 0
    }

    .faqPage .card {
        padding: 5px 0
    }

    .faqPage .card .card-header .mb-0>a {
        font-size: 18px;
        font-weight: 600;
        padding-right: 30px
    }

    .faqPage .card .card-body {
        font-size: 18px
    }

    .faqPage.cmsPage .Headings {
        margin: 30px auto
    }

    .orderingCommon .Headings p {
        width: 100%;
        font-size: 18px
    }

    .orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul li h5:before {
        font-size: 10px;
        line-height: 2
    }

    .orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto.ulCheck ul li p {
        display: inline-block
    }

    .orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto .card {
        width: 100%;
        margin: 10px 0;
        text-align: center
    }

    .orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto.fourCard .card {
        margin: 20px 0 !important
    }

    .orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto.ulCheck ul li {
        width: 100%
    }

    .orderingCommon .homeDiscover section.discoverSection.DiscoverimgLeft .container-fluid,
    .orderingCommon .homeDiscover section.discoverSection.DiscoverimgRight .container-fluid {
        padding: 0 15px
    }

    .pricing.pageCommon {
        margin: 80px 0 40px
    }

    .pricing .container-fluid {
        padding: 0 20px !important
    }

    .pricing .pricingTable.container {
        padding: 0
    }

    .pricing .pricingTable .marginAuto {
        display: block
    }

    .pricing .pricingTable .card {
        padding: 1rem 0;
        margin: 10px 0
    }

    .pricing .pricingTable .card .card-header small {
        font-size: 14px
    }

    .pricing .pricingTable .card .card-header h4 {
        font-size: 27px
    }

    .pricing .pricingTable .card .card-body ul li {
        font-size: 18px
    }

    .pricing .moreCommon {
        padding: 0 10px;
        margin: 50px 0
    }

    .pricing .moreCommon .Headings p {
        max-width: 100%
    }

    .pricing .moreCommon .row.moreRow {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 0
    }

    .pricing .moreCommon .row.moreRow .col-6 {
        max-width: 100%
    }

    .pricing .moreCommon .row.moreRow .col-6.img {
        grid-column: 1/3;
        grid-row: 5/6
    }

    .pricing .moreCommon .row.moreRow .card-footer {
        grid-row: 6/6;
        grid-column: 1/3
    }

    .pricing .moreCommon .card {
        margin: 0 0 5px
    }

    .pricing .moreCommon .card .card-body {
        padding: 10px 5px
    }

    .pricing .moreCommon .card .card-body p {
        font-size: 18px
    }

    .pricing .moreCommon .card-footer h2 {
        font-size: 20px
    }

    .cmsPage p {
        font-size: 18px
    }

    .cmsPage .ulStyle li {
        font-size: 18px
    }

    .aboutus .about-content .cardImg::before {
        display: none
    }

    .aboutus .header-bg {
        background-position: 30% 80%;
        padding: 73px 0
    }

    .aboutus .abtCnt {
        padding: 0 15px
    }

    .aboutus .header-bg h1 {
        font-size: 25px
    }

    .aboutus .about-content h2 {
        font-size: 27px;
        width: 99%
    }

    .aboutus .about-content h2 .before {
        margin-right: 6px;
        top: 3px
    }

    .aboutus .about-content h2 .after {
        top: 3px;
        margin-left: 10px
    }

    .aboutus .about-content p {
        font-size: 18px
    }

    .aboutus .about-content img {
        max-width: 100%;
        margin: auto;
        max-height: 100%
    }

    .aboutus h3 {
        font-size: 23px
    }

    .aboutus .client-section ul li {
        display: block;
        margin: 0;
        padding: 0 0 20px
    }

    .aboutus .client-section ul li .client-logo {
        margin: auto
    }

    .aboutus .support-section {
        margin-top: 20px;
        position: relative
    }

    .aboutus .support-section .img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 94px;
        height: 94px
    }

    .aboutus .support-section .content {
        width: 70%
    }

    .aboutus .support-section .content p {
        font-size: 18px
    }

    .aboutus .about-content {
        padding-bottom: 40px;
        padding-top: 40px
    }

    .aboutus .about-content .about-img {
        background-size: cover;
        height: 180px
    }

    .aboutus .client-section {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .aboutus .client-section ul {
        margin: 30px 0 10px
    }

    .errorPage .container-fluid .card {
        padding: 30px 25px
    }

    .mobileOrdering.orderingCommon .homeDiscover {
        padding: 0 0 20px
    }

    .mobileOrdering.orderingCommon .homeDiscover .Headings {
        margin: 30px 0 0
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection {
        margin: 0;
        width: 100%;
        padding: 0
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree {
        height: 50px;
        text-align: center
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul {
        margin: auto;
        width: max-content
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li {
        min-width: 67px;
        margin: 0 8px
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li .liImg {
        width: 50px;
        height: 50px;
        padding: 0;
        line-height: 2.4;
        text-align: center
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li .liImg img {
        width: 50%;
        margin: auto;
        height: 20px
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li .liImg:before {
        width: 35px;
        left: 48px
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li .liImg:after {
        width: 35px;
        right: 48px
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .discoverThree .discoverText {
        margin-top: 0;
        margin-bottom: 0
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .discoverThree .discoverText .margin-auto {
        max-width: 100%;
        text-align: center
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .discoverThree.clkImgAni .discoverText .margin-auto {
        min-height: max-content;
        margin: 20px auto 0
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .discoverText .icon_shape {
        display: block;
        margin: auto;
        left: 0 !important
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto {
        margin: 0 0 0;
        text-align: center
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .animating-img {
        height: 450px !important
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .animating-img img {
        height: 100% !important;
        left: 0 !important;
        max-width: 100%;
        width: auto !important
    }

    .mobileOrdering .bgImg {
        height: auto !important;
        min-height: 406px
    }

    .contactus .Headings p {
        font-size: 18px
    }

    .contactus .equal-sec {
        padding: 25px 20px 30px
    }

    .contactus .rightSide h3 {
        font-size: 15px
    }

    .contactus .rightSide h2 {
        font-size: 25px
    }

    .contactus .rightSide h5 {
        letter-spacing: .5px
    }

    .requestPage .rightSide {
        display: none
    }

    .quickFacts.homeContainer .Headings p {
        font-size: 18px
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection {
        display: block;
        height: auto
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection.DiscoverimgLeft .container-fluid,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection.DiscoverimgLeft .container-fluid,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection.DiscoverimgLeft .container-fluid {
        padding: 0 15px
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection.DiscoverimgRight .container-fluid,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection.DiscoverimgRight .container-fluid,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection.DiscoverimgRight .container-fluid {
        padding: 0 15px
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText h3,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .discoverText h3,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .discoverText h3 {
        margin-top: 0
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText .margin-auto,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .discoverText .margin-auto,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .discoverText .margin-auto {
        max-width: 100%
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText .margin-auto ul li h5,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .discoverText .margin-auto ul li h5,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .discoverText .margin-auto ul li h5 {
        font-size: 21px
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText .margin-auto .card,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .discoverText .margin-auto .card,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .discoverText .margin-auto .card {
        min-height: auto
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText .margin-auto .card .card-img-top,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .discoverText .margin-auto .card .card-img-top,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .discoverText .margin-auto .card .card-img-top {
        margin: 20px auto
    }

    .orderingCommon.adminDashboard .Headings,
    .orderingCommon.webOrdering .Headings {
        padding-bottom: 40px
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection {
        margin: 0 0 0;
        padding: 0
    }

    .orderingCommon.adminDashboard .exploreMore .Headings,
    .orderingCommon.webOrdering .exploreMore .Headings {
        margin: 0 auto 20px
    }

    .contactUspopup .modal-dialog {
        min-width: 80% !important
    }

    .contactUspopup .bgimg {
        background: #fc601d !important
    }

    .videoModal .modal-content .modal-body iframe {
        min-height: 150px
    }

    .mvideo.myvideo {
        width: 100%;
        height: auto;
        top: -15px;
        position: absolute;
        left: 0
    }

    .userManual ul.left_side_tabs {
        margin: 0;
        display: block;
        width: 100%
    }

    .userManual ul.left_side_tabs li {
        float: none;
        text-align: center
    }

    .userManual ul.left_side_tabs li a {
        margin: 7px 6px;
        min-width: 80%;
        font-size: 15px;
        padding: 10px 6px
    }

    .userManual .bgColor .container-fluid .list {
        display: none
    }

    .userManual .bgColor .container-fluid .manualSection .parentManual:first-child .manualArea {
        padding-top: 30px
    }

    .userManual .bgColor .container-fluid .manualSection .parentManual:last-child .manualArea {
        padding-bottom: 30px
    }

    .userManual .bgColor .container-fluid .manualSection .manualArea {
        padding: 10px 0;
        min-height: auto;
        border-bottom: 0
    }

    .userManual .bgColor .container-fluid .manualSection .manualArea .manualContent {
        width: 100%
    }

    .userManual .bgColor .container-fluid .manualSection .manualArea .manualImg {
        width: 100%;
        padding: 0;
        margin-top: 5px;
        text-align: center
    }

    .userManual .bgColor .container-fluid .manualSection .manualArea .manualImg img {
        pointer-events: none;
        margin: auto
    }

    .userManual .userimgModal {
        display: none
    }

    .blog-detail .card .wp-block-image img {
        width: 100%
    }

    .caseStudyInner .card .card-body p,
    .caseStudyInner .cardRight .card-body p {
        font-size: 18px
    }

    .userManual .bgColor .container-fluid .manualSection .manualArea .manualContent ul li {
        font-size: 18px
    }

    .userManual ul.left_side_tabs {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 0
    }

    .userManual ul.left_side_tabs li:last-child {
        grid-column: 1/3;
        grid-row: 3/3
    }

    .userManual ul.left_side_tabs li:last-child a {
        width: 95%
    }

    .userManual ul.left_side_tabs li a {
        margin: 5px 6px;
        min-width: 90%;
        padding: 10px 6px;
        font-size: 17px;
        border-radius: 5px
    }

    .bottomBanner .bannerContent h4 {
        font-size: 37px;
        text-align: center
    }
}

@media (max-height:568px) {
    .homeBanner {
        height: 90vh
    }

    .homeBanner .bannerContent h1 {
        font-size: 30px
    }
}

@media screen and (max-width:991px) {
    .blogpopup .modal-content {
        background-position-x: left
    }

    .blogpopup .modal-content .modal-body {
        padding: 20px
    }

    .blogpopup .modal-content .modal-body .info-text {
        font-size: 18px
    }

    .blogpopup .modal-content .modal-body .modal-head {
        font-size: 30px
    }

    .blogpopup .modal-content .modal-body .modal-list-head {
        font-size: 20px
    }

    .blogpopup .modal-content .modal-body .modal-list {
        font-size: 18px
    }

    .blogpopup .modal-content .modal-body .form-div {
        margin-top: 30px
    }

    .blogpopup .modal-content .modal-body .form-div .form-control {
        font-size: 16px
    }

    .blogpopup .modal-content .modal-body .form-div .submit-btn,
    .blogpopup .modal-content .modal-body .form-div .submit-btn:hover {
        font-size: 16px
    }

    .headerContainer .navbar .freeDemo-btn-style {
        position: absolute;
        top: 15px;
        right: 60px
    }

    .orderingCommon .exploreMore .Headings h2 {
        font-size: 25px !important
    }

    .orderingCommon .exploreMore .card {
        margin-top: 10px
    }

    .orderingCommon .exploreMore .card .card-img {
        left: 50%;
        top: 14px;
        transform: translateX(-50%);
        min-width: 100px;
        height: 100px;
        width: 100px;
        padding: 30px 0 35px !important;
        text-align: center
    }

    .orderingCommon .exploreMore .card .card-body {
        text-align: center;
        max-width: 100%;
        margin-top: 10px
    }

    .orderingCommon .exploreMore .card .card-body h3,
    .orderingCommon .exploreMore .card .card-body h4,
    .orderingCommon .exploreMore .card .card-body h5 {
        font-size: 20px
    }

    .orderingCommon .exploreMore .card .card-body p {
        font-size: 18px
    }

    .adminDashboard .homeDiscover section.discoverSection.DiscoverimgLeft:after,
    .adminDashboard .homeDiscover section.discoverSection.DiscoverimgLeft:before,
    .adminDashboard .homeDiscover section.discoverSection.DiscoverimgRight:after,
    .adminDashboard .homeDiscover section.discoverSection.DiscoverimgRight:before,
    .mobileOrdering .homeDiscover section.discoverSection.DiscoverimgLeft:after,
    .mobileOrdering .homeDiscover section.discoverSection.DiscoverimgLeft:before,
    .mobileOrdering .homeDiscover section.discoverSection.DiscoverimgRight:after,
    .mobileOrdering .homeDiscover section.discoverSection.DiscoverimgRight:before,
    .webOrdering .homeDiscover section.discoverSection.DiscoverimgLeft:after,
    .webOrdering .homeDiscover section.discoverSection.DiscoverimgLeft:before,
    .webOrdering .homeDiscover section.discoverSection.DiscoverimgRight:after,
    .webOrdering .homeDiscover section.discoverSection.DiscoverimgRight:before {
        display: none
    }

    .adminDashboard .exploreMore .card-img .icon,
    .mobileOrdering .exploreMore .card-img .icon,
    .webOrdering .exploreMore .card-img .icon {
        margin: auto
    }
}

@media (min-width:481px) and (max-width:767px) {
    .whitePaper.pageCommon .container-fluid {
        padding: 0 55px
    }

    .whitePaper .Headings {
        margin: 0 auto 0 !important;
        padding: 20px 10px 20px
    }

    .whitePaper .LeftSec {
        text-align: center
    }

    .whitePaper .LeftSec img {
        max-width: 100%
    }

    .whitePaper .otherResources {
        margin-top: 30px
    }

    .whitePaper .otherResources .card {
        margin-bottom: 15px
    }

    .whitePaper .preFooter {
        margin-top: 20px
    }

    .whitePaper .preFooter .sectionAfter,
    .whitePaper .preFooter .sectionBefore {
        display: none
    }

    .howWork .bannerSection {
        padding: 10px 25px 10px;
        height: 250px;
        text-align: center
    }

    .howWork .bannerSection h1 {
        font-size: 45px
    }

    .howWork .bannerSection .bannerContent {
        margin: auto
    }

    .howWork .bannerSection .bannerImg {
        display: none
    }

    .howWork .bannerSection .bannerDot {
        display: none
    }

    .howWork .mainSec {
        margin-top: 0
    }

    .howWork .mainSec .container-fluid {
        padding: 0 20px 0 !important
    }

    .howWork .mainSec .card {
        margin-bottom: 65px !important
    }

    .howWork .mainSec .card .card-text {
        line-height: 1.5 !important
    }

    .howWork .mainSec .card-img-top {
        max-height: unset !important;
        height: 65px !important
    }

    .howWork .mainSec .card-img-top .sprite-img {
        background-color: #fff;
        outline: 3px solid #fff
    }

    .howWork .mainSec .mobileDiv {
        position: relative;
        height: auto;
        display: inline-block
    }

    .howWork .mainSec .mobileDiv:after,
    .howWork .mainSec .mobileDiv:before {
        content: "";
        position: absolute;
        width: 2px;
        height: 90%;
        border-left: 2px dashed
    }

    .howWork .mainSec .mobileDiv:before {
        top: -50px
    }

    .howWork .mainSec .mobileDiv:after {
        bottom: 0
    }

    .howWork .mainSec .mobileDiv.mobileDiv1:after,
    .howWork .mainSec .mobileDiv.mobileDiv1:before {
        border-color: #b5acf1
    }

    .howWork .mainSec .mobileDiv.mobileDiv2:after,
    .howWork .mainSec .mobileDiv.mobileDiv2:before {
        border-color: #fba2a2
    }

    .howWork .mainSec .mobileDiv.mobileDiv3:after,
    .howWork .mainSec .mobileDiv.mobileDiv3:before {
        border-color: #8bb3fd
    }

    .howWork .mainSec .mobileDiv.mobileDiv4:after,
    .howWork .mainSec .mobileDiv.mobileDiv4:before {
        border-color: #f1b988
    }

    .howWork .mainSec .mobileDiv.mobileDiv5:after,
    .howWork .mainSec .mobileDiv.mobileDiv5:before {
        border-color: #76d5fe
    }

    .howWork .mainSec .mobileDiv.mobileDiv6:after,
    .howWork .mainSec .mobileDiv.mobileDiv6:before {
        border-color: #7dd5c7
    }

    .howWork .mainSec .mobileDiv.mobileDiv7:after,
    .howWork .mainSec .mobileDiv.mobileDiv7:before {
        border-color: #ffcf56
    }

    .howWork .mainSec .mobileDiv.mobileDiv8:after,
    .howWork .mainSec .mobileDiv.mobileDiv8:before {
        border-color: #b5acf1
    }

    .howWork .mainSec .card .card-img-top .sprite-img::after,
    .howWork .mainSec .card .card-img-top .sprite-img::before {
        display: none
    }

    .howWork .mainSec .leftSec,
    .howWork .mainSec .rightSec {
        padding: 0 15px !important;
        text-align: center
    }

    .howWork .mainSec .leftSec:after,
    .howWork .mainSec .leftSec:before,
    .howWork .mainSec .rightSec:after,
    .howWork .mainSec .rightSec:before {
        display: none !important
    }

    .howWork .mainSec .leftSec img,
    .howWork .mainSec .rightSec img {
        max-width: 100%;
        margin: 0 auto 50px
    }

    .howWork .mainSec .leftSec img.d-sm-none.d-xs-none,
    .howWork .mainSec .rightSec img.d-sm-none.d-xs-none {
        display: none
    }

    .howWork .mainSec .leftSec .card,
    .howWork .mainSec .rightSec .card {
        width: 100%;
        text-align: center !important;
        padding-top: 0 !important
    }

    .howWork .mainSec .leftSec .card .card-img-top:after,
    .howWork .mainSec .leftSec .card .card-img-top:before,
    .howWork .mainSec .rightSec .card .card-img-top:after,
    .howWork .mainSec .rightSec .card .card-img-top:before {
        display: none !important
    }

    .howWork .mainSec .leftSec .card .card-img-top .sprite-img,
    .howWork .mainSec .rightSec .card .card-img-top .sprite-img {
        margin: auto;
        float: none !important;
        position: relative;
        z-index: 1
    }

    .howWork .mainSec .leftSec .card .card-img-top .sprite-img:before,
    .howWork .mainSec .leftSec .card .card-img-top .sprite-imgafter,
    .howWork .mainSec .rightSec .card .card-img-top .sprite-img:before,
    .howWork .mainSec .rightSec .card .card-img-top .sprite-imgafter {
        display: none !important
    }

    .howWork .mainSec .leftSec .card .card-body .card-title,
    .howWork .mainSec .rightSec .card .card-body .card-title {
        font-size: 24px
    }

    .howWork .mainSec .rowReverse {
        flex-direction: column-reverse
    }

    .howWork .mainSec .workSection4 .midSec {
        display: none
    }

    .howWork .mainSec .workSection4 .midSec .card-img-top::after,
    .howWork .mainSec .workSection4 .midSec .card-img-top::before {
        display: none
    }

    .howWork .mainSec .workSection5 .midSec .card,
    .howWork .mainSec .workSection6 .midSec .card {
        padding-top: 0;
        margin-bottom: 50px;
        margin-top: 0;
        width: 100%
    }

    .howWork .mainSec .workSection5 .midSec .card .card-img-top:after,
    .howWork .mainSec .workSection5 .midSec .card .card-img-top:before,
    .howWork .mainSec .workSection6 .midSec .card .card-img-top:after,
    .howWork .mainSec .workSection6 .midSec .card .card-img-top:before {
        display: none
    }

    .howWork .mainSec .workSection7 {
        padding: 0 15px;
        margin: 0
    }

    .howWork .mainSec .workSection7:before {
        display: none
    }

    .howWork .mainSec .workSection7 .formSec {
        padding: 20px
    }

    .howWork .mainSec .workSection7 .formSec:before {
        display: none
    }

    .howWork .mainSec .workSection7 .formSec .formHead {
        padding: 0
    }

    .howWork .mainSec .workSection7 .formSec .formHead h2 {
        font-size: 25px
    }

    .quickFacts.homeContainer::before {
        width: 80% !important;
        height: 30% !important
    }

    header .dropdown-menu {
        opacity: unset;
        display: none
    }

    header.bannerHead.headstyle {
        height: auto
    }

    header.bannerHead.headstyle .menuIcon {
        top: 15px
    }

    header .navbar-nav .dropdown-menu {
        min-width: auto;
        transform: none;
        position: relative !important;
        top: 0 !important
    }

    header .navbar-nav .dropdown-menu .dropdown-item span.float-right {
        width: 88%
    }

    header .navbar-nav .dropdown-menu:before {
        left: 6%
    }

    header.bannerHead.headstyle::before {
        content: none
    }

    .pageCommon .container-fluid {
        padding: 0 35px
    }

    .orderingCommon.adminDashboard .Headings,
    .orderingCommon.webOrdering .Headings {
        margin: 0 auto 0
    }

    .headerContainer {
        padding: 0 10px !important
    }

    .headerContainer .navbar {
        padding: 10px 5px 0 !important
    }

    .headerContainer .navbar .navbar-toggler {
        float: right;
        margin: 5px 0
    }

    .headerContainer .headCollapse {
        width: 100%
    }

    .homeDiscover section.discoverSection h2,
    .homeDiscover section.discoverSection h3 {
        color: #051441;
        font-size: 24px;
        font-weight: 600;
        margin: 0 0 15px;
        text-align: center
    }

    .homePage .homeDiscover section.discoverSection .discoverText,
    .mobileOrdering .homeDiscover section.discoverSection .discoverText,
    .productPage .homeDiscover section.discoverSection .discoverText {
        text-align: center
    }

    .homePage .homeDiscover section.discoverSection h2,
    .homePage .homeDiscover section.discoverSection h3,
    .mobileOrdering .homeDiscover section.discoverSection h2,
    .mobileOrdering .homeDiscover section.discoverSection h3,
    .productPage .homeDiscover section.discoverSection h2,
    .productPage .homeDiscover section.discoverSection h3 {
        text-align: center
    }

    .videoModal .modal-content .close {
        margin: 0
    }

    .mobileOrdering .divider {
        margin: 10px 0 30px
    }

    .mobileOrdering .homeDiscover section.discoverSection h3 {
        margin: 20px 0 15px
    }

    .adminDashboard .homeDiscover section.discoverSection .discoverText h2,
    .webOrdering .homeDiscover section.discoverSection .discoverText h2 {
        font-size: 27px;
        margin: 15px 0 20px
    }

    .adminDashboard .homeDiscover section.discoverSection .discoverText.clkImgAni .card,
    .webOrdering .homeDiscover section.discoverSection .discoverText.clkImgAni .card {
        margin: 10px 10px 30px !important
    }

    .adminDashboard .homeDiscover section.discoverSection .discoverText ul li,
    .webOrdering .homeDiscover section.discoverSection .discoverText ul li {
        text-align: center
    }

    .adminDashboard .homeDiscover section.discoverSection .discoverText ul li p,
    .webOrdering .homeDiscover section.discoverSection .discoverText ul li p {
        padding-left: 0 !important
    }

    .adminDashboard .homeDiscover section.discoverSection .discoverText .powerUL li p,
    .webOrdering .homeDiscover section.discoverSection .discoverText .powerUL li p {
        padding-left: 25px !important;
        text-align: left
    }

    .homeBanner {
        padding: 10px;
        height: 500px
    }

    .homeBanner .bgGradientBanner::after {
        content: none
    }

    .homeBanner .bgGradientBanner::before {
        height: 80px
    }

    .homeBanner .bgGradientBanner .layerTab {
        width: 60%
    }

    .homeBanner .layerBottom {
        display: none
    }

    .homeBanner .bannerContent {
        padding: 0 25px;
        top: 53%
    }

    .homeBanner .bannerContent h1 {
        font-size: 38px
    }

    .homeBanner .bannerContent p {
        font-size: 20px;
        width: 100%
    }

    .homeBanner .bannerContent .bannerSearch input {
        max-width: 250px;
        min-width: 250px
    }

    .homeBanner .bannerContent .bannerSearch button {
        margin-left: 15px
    }

    .homeBanner .bannerImg {
        margin: 10px 0 20px
    }

    .homeContainer.container-fluid {
        padding: 20px 20px 30px
    }

    .homeContainer.container-fluid .card .card-body {
        padding: 20px
    }

    .homeContainer.container-fluid .card .card-body .card-title {
        font-size: 17px
    }

    .homeContainer.container-fluid .card .card-body p {
        font-size: 18px
    }

    .Headings h1,
    .Headings h2 {
        font-size: 30px !important
    }

    .Headings p {
        font-size: 18px !important
    }

    .homeCustomer {
        padding-bottom: 30px !important
    }

    .homePage .homeDiscover section.discoverSection {
        max-height: inherit
    }

    .homePage .homeDiscover section.discoverSection.DiscoverimgLeft .discoverText .margin-auto {
        min-height: auto
    }

    .homeDiscover section.discoverSection {
        margin: 0;
        padding: 10px 0
    }

    .homeDiscover section.discoverSection.DiscoverimgLeft .discoverText .margin-auto::after {
        content: none
    }

    .homeDiscover section.discoverSection.DiscoverimgRight .discoverText .margin-auto::before {
        content: none
    }

    .homeDiscover section.discoverSection .icon_shape {
        display: block;
        margin: auto
    }

    .homeDiscover section.discoverSection .discoverText {
        margin: 20px 0 0
    }

    .homeDiscover section.discoverSection .discoverText .icon_shape {
        display: none
    }

    .homeDiscover section.discoverSection .discoverText .icon_shape {
        margin: auto;
        left: 0 !important
    }

    .homeDiscover section.discoverSection .discoverText h2,
    .homeDiscover section.discoverSection .discoverText h3 {
        font-size: 20px
    }

    .homeDiscover section.discoverSection .discoverText p {
        font-size: 18px
    }

    .homeDiscover section.discoverSection.DiscoverimgLeft:after,
    .homeDiscover section.discoverSection.DiscoverimgLeft:before {
        display: none
    }

    .homeDiscover section.discoverSection.DiscoverimgRight:after,
    .homeDiscover section.discoverSection.DiscoverimgRight:before {
        display: none
    }

    .homeDiscover section.discoverSection.DiscoverimgRight .row {
        flex-direction: column-reverse
    }

    .homeDiscover section.discoverSection.DiscoverimgRight .discoverText {
        display: inline-block;
        margin: 0 auto
    }

    .orderingCommon .exploreMore {
        padding: 10px 0
    }

    .webOrdering .mobileBanner .bannerContent .bgImg {
        background-position: center;
        margin: 20px 0
    }

    .webOrdering.orderingCommon .exploreMore {
        padding: 0 0 15px
    }

    .webOrdering.orderingCommon .exploreMore .Headings {
        margin: 0 auto 20px
    }

    .quickFacts.homeContainer .Headings {
        margin: 30px 0
    }

    .quickFacts.homeContainer .card.mt-5 {
        margin-top: 10px !important
    }

    .quickFacts.homeContainer .card {
        margin: 10px 0;
        min-height: 330px;
        text-align: center
    }

    .quickFacts.homeContainer .card .card-img-top {
        margin: 20px auto
    }

    .quickFacts.homeContainer .card .card-body {
        padding: 20px
    }

    .quickFacts.homeContainer .card .card-body .card-title {
        font-size: 20px
    }

    .quickFacts.homeContainer .card .card-body p {
        font-size: 18px
    }

    .pageCommon.productPage {
        margin: 120px 0 20px
    }

    .pageCommon.productPage .Headings {
        margin-bottom: 20px
    }

    .pageCommon.productPage .divider {
        margin: 30px 0
    }

    .pageCommon.productPage .homeDiscover section.discoverSection.DiscoverimgLeft::before,
    .pageCommon.productPage .homeDiscover section.discoverSection.DiscoverimgRight::after {
        display: none
    }

    .pageCommon.productPage .homeDiscover {
        padding: 0
    }

    .pageCommon.productPage .homeDiscover section.discoverSection {
        padding: 0;
        margin: 0
    }

    .pageCommon.productPage .homeDiscover section.discoverSection h2 {
        margin: 0 auto 5px
    }

    .pageCommon.productPage .homeDiscover section.discoverSection .discoverText {
        margin: 0
    }

    .pageCommon.productPage .homeDiscover section.discoverSection .discoverText .margin-auto {
        max-width: 90%;
        display: block;
        margin: 0 auto
    }

    .homeVideo.homeContainer {
        background-position: left;
        padding-top: 50px;
        min-height: 800px
    }

    .homeVideo.homeContainer .videoCaption {
        margin: 0 0
    }

    .homeVideo.homeContainer .bgTab {
        overflow: hidden;
        width: 500px;
        height: 360px;
        text-align: center;
        margin: auto;
        box-shadow: inset 0 0 0 15px #fff, -1px -1px 7px 1px #97979754;
        border-radius: 10px
    }

    .homeVideo.homeContainer .bgTab::before {
        left: 47%;
        bottom: 6px;
        height: 3px
    }

    .homeVideo.homeContainer .bgTab::after {
        top: 5px;
        width: 6px;
        height: 6px
    }

    .homeVideo.homeContainer .bgTab img {
        height: calc(100% - 30px);
        margin: 15px 0;
        width: calc(100% - 30px)
    }

    .homeVideo.homeContainer .bgTab #video-section {
        height: calc(100% - 30px);
        margin: 15px;
        width: calc(100% - 30px)
    }

    .homeVideo.homeContainer .videoNav {
        position: relative;
        top: 20px;
        right: 0;
        text-align: center
    }

    .homeVideo.homeContainer .videoNav ul {
        display: inline-block;
        margin: auto
    }

    .homeVideo.homeContainer .videoNav ul li {
        float: left
    }

    .homeVideo.homeContainer .videoNav .video-bar {
        height: 2px;
        width: 80px
    }

    .homeVideo.homeContainer .videoNav .c100 {
        margin: 0 50px
    }

    .homeVideo.homeContainer .videoNav .navPrev:after {
        height: 2px;
        width: 80px;
        top: 14px;
        left: 45px
    }

    .homeBlog .blogSmilar {
        width: 100%
    }

    .homeBlog .card {
        margin: 25px 0
    }

    .homeBlog .card .card-img-top {
        max-width: 100%;
        height: auto;
        margin: auto
    }

    .homeBlog .card .card-body {
        width: 100%
    }

    .homeBlog .card.viewAll .card-body {
        width: 100%;
        text-align: center
    }

    footer .container-fluid.homeContainer {
        padding: 30px
    }

    footer .footerCols {
        margin: 0;
        padding-bottom: 20px
    }

    footer .footerCols .foot-h3 {
        pointer-events: unset;
        font-size: 16px;
        margin: 0;
        cursor: pointer
    }

    footer .footerCols .foot-h3 i {
        float: right
    }

    footer .footerCols .foot-h3:before {
        background-color: transparent
    }

    footer .footerCols ul {
        margin: 0;
        padding-top: 10px
    }

    .caseStudy .Headings p {
        max-width: 100%
    }

    .caseStudy .card .card-body {
        font-size: 16px
    }

    .detailHead h1 {
        font-size: 27px !important
    }

    .caseStudyInner span.float-right.mt-5 {
        margin-top: 0 !important
    }

    .caseStudyInner .cardRight.mt-5 {
        margin: 0 0 1rem !important
    }

    .caseStudyInner .cardRight.mt-5 .card-body {
        padding: 0
    }

    .blog-page .container-fluid {
        padding-left: 35px;
        padding-right: 35px
    }

    .blog-page .section1 .scaling-effect {
        margin: 0 0 30px
    }

    .blog-page .section1 .section1-img1 .scaling-effect {
        height: 450px !important
    }

    .blog-page .section2 .scaling-effect {
        margin: 0 0 20px;
        height: 220px
    }

    .blog-detail .detailHead h1 {
        margin-top: 0
    }

    .blog-detail .card .card-img-top {
        height: 100%
    }

    .blog-detail .card .card-body {
        width: 100%
    }

    .blog-detail .social-icons {
        margin: 10px 0 0 0;
        border-bottom: 2px solid #ff5215;
        border-right: 0
    }

    .blog-detail .social-icons ul li {
        float: left;
        margin: 10px 15px
    }

    .blog-detail .social-icons ul li:first-child {
        margin-left: 0
    }

    .blog-detail .social-icons ul li:last-child {
        margin: 10px 0 10px 20px
    }

    .blog-detail .menu-item ul li {
        margin: 10px 10px 10px 0
    }

    .blog-detail .user-sec {
        text-align: center
    }

    .blog-detail .user-sec .user-img {
        float: none;
        margin: auto
    }

    .blog-detail .user-sec .user-content {
        width: 100%;
        margin: 27px 0 0
    }

    .blog-detail .blogForm.mt-5 {
        margin-top: 0 !important
    }

    .blog-detail .ourBlogs .ourblogContent {
        width: 74%
    }

    .faqPage .card {
        padding: 5px 0
    }

    .faqPage .card .mb-0>a {
        padding-right: 20px
    }

    .faqPage.cmsPage .Headings {
        margin: 30px auto
    }

    .orderingCommon .Headings p {
        width: 100%;
        font-size: 18px !important
    }

    .orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto .card {
        width: 46%
    }

    .orderingCommon .homeDiscover section.discoverSection.DiscoverimgLeft .container-fluid,
    .orderingCommon .homeDiscover section.discoverSection.DiscoverimgRight .container-fluid {
        padding: 0 15px
    }

    .orderingCommon .exploreMore .card {
        margin-top: 10px
    }

    .orderingCommon .exploreMore .card .card-img {
        left: 50%;
        top: 14px;
        transform: translateX(-50%);
        min-width: 100px;
        height: 100px;
        width: 100px;
        padding: 30px 0 35px !important;
        text-align: center
    }

    .orderingCommon .exploreMore .card .card-body {
        max-width: 100%;
        margin-top: 10px
    }

    .adminDashboard .exploreMore .card-img .icon,
    .mobileOrdering .exploreMore .card-img .icon,
    .webOrdering .exploreMore .card-img .icon {
        margin: auto
    }

    .pricing .pricingTable .marginAuto {
        display: block
    }

    .pricing .pricingTable .card {
        padding: 1rem 0;
        margin: 10px 0
    }

    .pricing .moreCommon {
        padding: 0 10px
    }

    .pricing .moreCommon .Headings p {
        max-width: 100%
    }

    .pricing .moreCommon .row.moreRow {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 0
    }

    .pricing .moreCommon .row.moreRow .col-6 {
        max-width: 100%
    }

    .pricing .moreCommon .row.moreRow .col-6.img {
        grid-column: 1/3;
        grid-row: 5/6
    }

    .pricing .moreCommon .row.moreRow .card-footer {
        grid-row: 6/6;
        grid-column: 1/3
    }

    .pricing .moreCommon .card {
        margin: 0 0 5px
    }

    .pricing .moreCommon .card-footer h2 {
        font-size: 20px
    }

    .aboutus .header-bg {
        padding: 83px 0
    }

    .aboutus .about-content {
        padding: 30px 0
    }

    .aboutus .abtCnt {
        padding: 0 15px
    }

    .aboutus .header-bg h1 {
        font-size: 32px
    }

    .aboutus .about-content h2 {
        font-size: 32px
    }

    .aboutus .about-content h2 .after,
    .aboutus .about-content h2 .before {
        top: 0
    }

    .aboutus .about-content .cardImg:before {
        display: none
    }

    .aboutus .about-content .cardImg img {
        margin: auto;
        max-height: 100%
    }

    .aboutus .client-section {
        padding: 20px 0
    }

    .aboutus .client-section ul {
        margin: 20px 0 10px
    }

    .aboutus .client-section ul li {
        display: block;
        margin: 0;
        padding: 0 0 20px
    }

    .aboutus .client-section ul li .client-logo {
        margin: auto
    }

    .aboutus .support-section {
        margin-top: 30px
    }

    .aboutus .support-section .content {
        width: 71%
    }

    .mobileOrdering.orderingCommon .homeDiscover {
        padding: 0 0 20px
    }

    .mobileOrdering.orderingCommon .homeDiscover .Headings {
        margin: 0
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection {
        width: 100%;
        padding: 10px 0
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection.AppWork h3 {
        position: relative;
        top: -13px
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection.AppWork h3.active {
        display: block;
        margin: 0 0 5px
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree {
        height: 50px;
        display: inline-block;
        width: auto;
        margin: auto
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li {
        min-width: 80px;
        margin: 0 8px
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li .liImg {
        width: 50px;
        height: 50px;
        padding: 0;
        line-height: 2.4;
        text-align: center
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li .liImg img {
        width: 50%;
        margin: auto;
        height: 20px
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li .liImg:before {
        width: 30px;
        left: 45px
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li .liImg:after {
        width: 30px;
        right: 45px
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .discoverThree {
        text-align: center
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .discoverThree .discoverText {
        margin-top: 0;
        text-align: left
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .discoverThree .discoverText .margin-auto {
        max-width: 100%
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .discoverThree.clkImgAni .discoverText .margin-auto {
        margin: 20px auto 0
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .discoverText .icon_shape {
        display: block
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto {
        margin: 15px 0 0;
        display: block;
        text-align: center
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .animating-img {
        height: 450px !important
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .animating-img img {
        height: 100% !important;
        left: 0 !important;
        max-width: 100%;
        width: auto !important;
        top: 0 !important
    }

    .mobileOrdering .bgImg {
        height: 100vh
    }

    .mobileOrdering .mobileBanner .bannerContent {
        padding: 0 40px;
        text-align: center;
        left: 0
    }

    .mobileOrdering .mobileBanner .bannerContent h1 {
        font-size: 30px
    }

    .mobileOrdering .mobileBanner .bannerContent p {
        font-size: 18px
    }

    .contactus .Headings p {
        font-size: 18px !important
    }

    .contactus .rightSide h2 {
        font-size: 30px
    }

    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection {
        margin-bottom: 0
    }

    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .discoverText {
        margin: 0 auto 0
    }

    .adminDashboard .powerUL li {
        width: 100% !important
    }

    .orderingCommon.adminDashboard .divider,
    .orderingCommon.webOrdering .divider {
        margin: 10px 0 25px
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection {
        padding: 10px 0 0;
        margin-top: 50px !important;
        margin-bottom: 50px !important
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .discoverText {
        margin-top: 0
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText .margin-auto ul,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .discoverText .margin-auto ul {
        margin-top: 0
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText .margin-auto ul li,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .discoverText .margin-auto ul li {
        margin-top: 0
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection {
        display: block;
        height: auto
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .container-fluid,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .container-fluid,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .container-fluid {
        display: block
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection.DiscoverimgLeft .container-fluid,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection.DiscoverimgLeft .container-fluid,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection.DiscoverimgLeft .container-fluid {
        padding: 0 35px
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection.DiscoverimgRight .container-fluid,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection.DiscoverimgRight .container-fluid,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection.DiscoverimgRight .container-fluid {
        padding: 0 35px
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText h3,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .discoverText h3,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .discoverText h3 {
        margin-top: 0
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText .margin-auto,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .discoverText .margin-auto,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .discoverText .margin-auto {
        max-width: 100%;
        text-align: center
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText .margin-auto .card,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .discoverText .margin-auto .card,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .discoverText .margin-auto .card {
        min-height: 325px
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText .margin-auto .card .card-img-top,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .discoverText .margin-auto .card .card-img-top,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .discoverText .margin-auto .card .card-img-top {
        margin: 20px auto
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText .margin-auto.fourCard .card,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .discoverText .margin-auto.fourCard .card,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .discoverText .margin-auto.fourCard .card {
        min-height: 230px
    }

    .orderingCommon .exploreMore .Headings h2 {
        font-size: 25px
    }

    .orderingCommon .exploreMore .card .card-body {
        text-align: center
    }

    .orderingCommon .exploreMore .card .card-body h3,
    .orderingCommon .exploreMore .card .card-body h4,
    .orderingCommon .exploreMore .card .card-body h5 {
        font-size: 20px
    }

    .contactUspopup .modal-body .close {
        color: #fff;
        opacity: 1
    }

    .contactUspopup .modal-dialog {
        min-width: 80% !important
    }

    .contactUspopup .bgimg {
        background: #fc601d;
        background-image: none !important
    }

    .videoModal .modal-content .modal-body iframe {
        min-height: 250px
    }

    .mvideo.myvideo {
        width: 100%;
        height: auto;
        top: -15px;
        position: absolute;
        left: 0
    }

    .userManual ul.left_side_tabs {
        margin: 0
    }

    .userManual ul.left_side_tabs li a {
        margin: 2px 6px;
        font-size: 16px;
        padding: 7px 6px
    }

    .userManual .modal-dialog .modal-content .modal-body img {
        width: 100%
    }

    .userManual .bgColor .container-fluid .list {
        display: none
    }

    .userManual .bgColor .container-fluid .manualSection .parentManual:first-child .manualArea {
        padding-top: 30px
    }

    .userManual .bgColor .container-fluid .manualSection .parentManual:last-child .manualArea {
        padding-bottom: 30px
    }

    .userManual .bgColor .container-fluid .manualSection .manualArea {
        padding: 10px;
        min-height: auto;
        border-bottom: 0
    }

    .userManual .bgColor .container-fluid .manualSection .manualArea .manualContent {
        width: 100%
    }

    .userManual .bgColor .container-fluid .manualSection .manualArea .manualImg {
        width: 100%;
        pointer-events: none;
        text-align: center;
        margin-top: 5px;
        padding: 0
    }

    .userManual .bgColor .container-fluid .manualSection .manualArea .manualImg .img {
        margin: auto
    }

    .userManual ul.left_side_tabs {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 0;
        float: none;
        width: 100%;
        overflow-x: hidden
    }

    .userManual ul.left_side_tabs li:last-child {
        grid-column: 2/3;
        grid-row: 2/3
    }

    .userManual ul.left_side_tabs li:last-child a {
        width: 85%
    }

    .userManual ul.left_side_tabs li a {
        margin: 5px 6px;
        min-width: 95%;
        padding: 10px 6px;
        border-radius: 5px
    }

    .requestPage .rightSide {
        display: none
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .blogpopup .modal-content {
        background-position-y: center
    }

    .blogpopup .modal-content .modal-body .form-div {
        margin-top: 60px
    }

    .webOrdering .mobileBanner .bannerContent .bgImg {
        height: 30vh;
        background-position: center;
        margin: 20px 0
    }

    .adminDashboard .mobileBanner .bgImg {
        height: 34vh;
        margin: 30px 0
    }

    .whitePaper.pageCommon .container-fluid {
        padding: 0 25px
    }

    .whitePaper .Headings {
        margin: 0 auto 20px !important;
        padding: 20px 10px 20px
    }

    .whitePaper .LeftSec {
        text-align: center
    }

    .whitePaper .LeftSec img {
        max-width: 100%
    }

    .whitePaper .midSec {
        padding-top: 20px
    }

    .whitePaper .rightSec {
        display: inline-block;
        min-width: 60%
    }

    .whitePaper .otherResources {
        margin-top: 30px
    }

    .whitePaper .otherResources .container-fluid {
        padding: 0 15px
    }

    .whitePaper .otherResources .card {
        margin-bottom: 15px
    }

    .whitePaper .preFooter {
        margin-top: 20px
    }

    .whitePaper .preFooter .sectionAfter,
    .whitePaper .preFooter .sectionBefore {
        display: none
    }

    .caseStudy .card .card-body {
        min-height: 118px
    }

    p {
        font-size: 15px !important
    }

    header .dropdown-menu {
        opacity: unset;
        display: none
    }

    header .navbar-nav .dropdown-menu {
        min-width: auto;
        transform: none;
        position: relative !important;
        top: 0 !important
    }

    header .navbar-nav .dropdown-menu .dropdown-item span.float-right {
        width: 88%
    }

    header .navbar-nav .dropdown-menu:before {
        left: 6%
    }

    .pageCommon .container-fluid {
        padding: 0 40px
    }

    .headerContainer {
        padding: 0 10px !important
    }

    .headerContainer .navbar {
        padding: 15px 5px
    }

    .headerContainer .navbar .navbar-toggler {
        float: right;
        margin: 5px 0
    }

    .headerContainer .headCollapse {
        width: auto
    }

    .homeCustomer .card .card-body {
        padding: 1.25rem 0
    }

    .homeContainer.container-fluid {
        padding: 40px 20px 0
    }

    .Headings h1,
    .Headings h2 {
        font-size: 30px !important
    }

    .Headings p {
        font-size: 15px !important
    }

    .homeCustomer .card .card-body .card-title {
        font-size: 15px
    }

    .homeCustomer .card .card-body p {
        font-size: 13px
    }

    .homePage .homeDiscover section.discoverSection.DiscoverimgRight .discoverText {
        display: flex
    }

    .homePage .homeDiscover section.discoverSection .discoverText .margin-auto {
        max-width: 80%
    }

    .homePage .homeDiscover section.discoverSection.DiscoverimgLeft .discoverText .margin-auto {
        min-height: auto
    }

    .productPage.pageCommon {
        margin: 120px 0 40px
    }

    .orderingCommon .homeDiscover section.discoverSection.DiscoverimgLeft::before {
        content: none
    }

    .webOrdering.orderingCommon .exploreMore {
        padding: 0 0 10px
    }

    .homePage .homeDiscover section.discoverSection {
        max-height: inherit
    }

    .homePage .homeDiscover section.discoverSection .discoverText h2,
    .homePage .homeDiscover section.discoverSection .discoverText h3 {
        margin-top: 0
    }

    .homeDiscover section.discoverSection {
        min-height: auto;
        padding: 5px 0;
        margin: 0 0
    }

    .homeDiscover section.discoverSection .mobile.imgRight-0 {
        min-height: auto;
        height: auto
    }

    .homeDiscover section.discoverSection .SetAllListing {
        margin: 70px 0 20px !important
    }

    .homeDiscover section.discoverSection .discoverText {
        margin: 20px 0
    }

    .homeDiscover section.discoverSection .discoverText .icon_shape {
        display: none;
        margin: auto;
        left: 0 !important
    }

    .homeDiscover section.discoverSection .discoverText h2,
    .homeDiscover section.discoverSection .discoverText h3 {
        font-size: 32px
    }

    .homeDiscover section.discoverSection .discoverText .margin-auto ul li .card-h3 {
        text-align: left
    }

    .homeDiscover section.discoverSection .discoverText .margin-auto ul li.active .card-h3 {
        font-size: 18px
    }

    .homeDiscover section.discoverSection.DiscoverimgLeft .discoverText .margin-auto::after {
        content: none
    }

    .homeDiscover section.discoverSection.DiscoverimgRight .discoverText .margin-auto::before {
        content: none
    }

    .homeDiscover section.discoverSection.DiscoverimgRight:after,
    .homeDiscover section.discoverSection.DiscoverimgRight:before {
        display: none
    }

    .homeDiscover section.discoverSection.DiscoverimgRight .row {
        flex-direction: column-reverse
    }

    .homeDiscover section.discoverSection.DiscoverimgRight .discoverText {
        display: inline-block;
        margin: 30px 0
    }

    .quickFacts.homeContainer .card,
    .quickFacts.homeContainer .card.mt-5 {
        margin: 20px 0 !important
    }

    .quickFacts.homeContainer .card {
        min-height: 282px
    }

    .quickFacts.homeContainer .card .card-body .card-title {
        font-size: 20px
    }

    .quickFacts.homeContainer .card .card-body p {
        font-size: 14px
    }

    .homeVideo.homeContainer {
        background-position: left;
        padding-top: 50px
    }

    .homeVideo.homeContainer #video-section {
        margin: 22px auto 0;
        height: 283px
    }

    .homeVideo.homeContainer .bgTab {
        overflow: hidden;
        width: 500px;
        height: 360px;
        text-align: center;
        margin: auto;
        box-shadow: inset 0 0 0 15px #fff, -1px -1px 7px 1px #97979754;
        border-radius: 10px
    }

    .homeVideo.homeContainer .bgTab::before {
        left: 49%;
        bottom: 6px
    }

    .homeVideo.homeContainer .bgTab::after {
        top: 5px;
        width: 6px;
        height: 6px
    }

    .homeVideo.homeContainer .bgTab img {
        height: calc(100% - 30px);
        margin: 15px 0;
        width: calc(100% - 30px)
    }

    .homeVideo.homeContainer .bgTab #video-section {
        height: calc(100% - 30px);
        margin: 15px;
        width: calc(100% - 30px)
    }

    .homeVideo.homeContainer .videoNav {
        position: relative;
        top: 20px;
        right: 0;
        text-align: center
    }

    .homeVideo.homeContainer .videoNav ul {
        display: inline-block;
        margin: auto
    }

    .homeVideo.homeContainer .videoNav ul li {
        float: left
    }

    .homeVideo.homeContainer .videoNav .video-bar {
        height: 2px;
        width: 80px
    }

    .homeVideo.homeContainer .videoNav .c100 {
        margin: 0 50px
    }

    .homeVideo.homeContainer .videoNav .navPrev:after {
        height: 2px;
        width: 80px;
        top: 14px;
        left: 45px
    }

    .homeBlog .card {
        margin: 20px 0
    }

    footer {
        margin-top: 20px
    }

    footer .container-fluid.homeContainer {
        padding: 0 20px !important
    }

    footer .footerCols .socialMedia ul li {
        margin: 10px 3px
    }

    footer .footerCols .socialMedia ul li a {
        width: 30px;
        height: 30px
    }

    .caseStudy .Headings p {
        max-width: 100%
    }

    .detailHead h1 {
        font-size: 29px !important
    }

    .caseStudyInner .cardRight.mt-5 {
        margin-top: 5rem !important
    }

    .blog-page .container-fluid {
        padding-left: 35px;
        padding-right: 35px
    }

    .blog-page .section1-img1 .scaling-effect {
        height: 450px !important;
        margin: 0 0 30px
    }

    .blog-page .section2 .scaling-effect {
        height: 200px
    }

    .blog-page .section2 .content {
        height: 50px;
        overflow: hidden
    }

    .blog-detail .detailHead h1 {
        margin-top: 0
    }

    .blog-detail .card .card-img-top {
        height: 100%
    }

    .blog-detail .card .card-body {
        width: 90%
    }

    .blog-detail .menu-item ul li {
        margin-right: 7px
    }

    .blog-detail .user-sec .user-content {
        width: 70%
    }

    .blog-detail .blogForm.mt-5 {
        margin-top: 20px !important
    }

    .blog-detail .blogForm form input {
        max-width: 50%;
        margin: auto;
        display: block
    }

    .blog-detail .ourBlogs .float-right {
        width: 65%
    }

    .blog-detail .ourBlogs .d-inline-block.blogSmilar {
        min-height: 140px
    }

    .blog-detail .ourBlogs ul li {
        margin: 0 0;
        float: left;
        width: 50%
    }

    .cmsPage .ulStyle li {
        font-size: 15px
    }

    .faqPage .card {
        padding: 5px 0
    }

    .faqPage .card .mb-0>a {
        font-size: 15px
    }

    .faqPage .card .card-body {
        font-size: 15px
    }

    .pricing .pricingTable .marginAuto .card {
        margin: auto;
        height: max-content;
        width: 100%
    }

    .pricing .pricingTable .card {
        padding: 1rem 0 0;
        margin: 10px 0
    }

    .pricing .pricingTable .card .card-body {
        padding: 10px
    }

    .pricing .pricingTable .card .card-body ul li {
        font-size: 15px
    }

    .pricing .moreCommon {
        padding: 0 10px
    }

    .pricing .moreCommon .Headings p {
        max-width: 70%
    }

    .pricing .moreCommon .card {
        margin: 0 0 5px
    }

    .pricing .moreCommon .card-footer h2 {
        font-size: 20px
    }

    .aboutus .header-bg h1 {
        font-size: 32px
    }

    .aboutus .abtCnt {
        padding: 0 15px
    }

    .aboutus .about-content {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .aboutus .about-content h2 {
        font-size: 31px
    }

    .aboutus .about-content h2 .after,
    .aboutus .about-content h2 .before {
        top: 0
    }

    .aboutus .about-content .about-img {
        height: 400px
    }

    .aboutus .about-content .cardImg {
        margin: 10px 0
    }

    .aboutus .about-content .cardImg:before {
        display: none
    }

    .aboutus .about-content .cardImg img {
        margin: auto;
        max-height: 100%
    }

    .aboutus .client-section {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .aboutus .client-section ul {
        margin-bottom: 0
    }

    .aboutus .client-section ul li {
        margin: 0;
        padding: 0 0 20px
    }

    .aboutus .support-section {
        margin-top: 40px;
        min-height: 210px;
        position: relative
    }

    .aboutus .support-section .img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .aboutus .support-section .content {
        width: 65%
    }

    .aboutus .support-section .content h3 {
        font-size: 23px
    }

    .contactus .Headings p {
        font-size: 18px !important
    }

    .contactus .rightSide h2 {
        font-size: 30px
    }

    .homePage .homeDiscover section.discoverSection .discoverText,
    .mobileOrdering .homeDiscover section.discoverSection .discoverText {
        text-align: center
    }

    .productPage .homeDiscover section.discoverSection {
        padding: 0;
        margin: 0
    }

    .productPage .homeDiscover section.discoverSection .discoverText {
        margin: 0
    }

    .productPage .homeDiscover section.discoverSection.DiscoverimgLeft::before,
    .productPage .homeDiscover section.discoverSection.DiscoverimgRight::after {
        display: none
    }

    .pageCommon.productPage .divider {
        margin: 33px 0 13px
    }

    .pageCommon.productPage .homeDiscover section.discoverSection .discoverText .margin-auto {
        max-width: 80%;
        display: block;
        text-align: center
    }

    .orderingCommon .Headings {
        margin: 0 auto 0
    }

    .orderingCommon .Headings p {
        width: 100%
    }

    .orderingCommon.adminDashboard .Headings,
    .orderingCommon.webOrdering .Headings {
        padding-bottom: 30px !important;
        margin: 0 auto 20px !important
    }

    .orderingCommon.adminDashboard .divider,
    .orderingCommon.webOrdering .divider {
        margin: 15px 0 35px
    }

    .orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto .card {
        width: 45%
    }

    .orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto .card .card-body {
        padding: 10px
    }

    .orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto .card .card-body h4 {
        font-size: 15px
    }

    .orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto.fourCard .card {
        min-height: 170px !important;
        margin: 10px 10px !important
    }

    .orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto.ulCheck ul li {
        width: 100%;
        margin: 0
    }

    .orderingCommon .homeDiscover section.discoverSection.DiscoverimgLeft .container-fluid,
    .orderingCommon .homeDiscover section.discoverSection.DiscoverimgRight .container-fluid {
        padding: 0 15px
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection {
        display: block;
        height: auto
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .container-fluid,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .container-fluid,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .container-fluid {
        display: block
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection.DiscoverimgLeft .container-fluid,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection.DiscoverimgLeft .container-fluid,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection.DiscoverimgLeft .container-fluid {
        padding: 0 35px
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection.DiscoverimgRight .container-fluid,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection.DiscoverimgRight .container-fluid,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection.DiscoverimgRight .container-fluid {
        padding: 0 35px
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText h3,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .discoverText h3,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .discoverText h3 {
        margin-top: 0
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText .margin-auto,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .discoverText .margin-auto,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .discoverText .margin-auto {
        max-width: 100%;
        width: 100%
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText .margin-auto.ulCheck ul.powerUL li p,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .discoverText .margin-auto.ulCheck ul.powerUL li p,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .discoverText .margin-auto.ulCheck ul.powerUL li p {
        padding-left: 0 !important;
        display: inline-block
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText .margin-auto.ulCheck ul.powerUL li p:before,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .discoverText .margin-auto.ulCheck ul.powerUL li p:before,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .discoverText .margin-auto.ulCheck ul.powerUL li p:before {
        left: -30px
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText .margin-auto .card,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .discoverText .margin-auto .card,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .discoverText .margin-auto .card {
        min-height: 240px
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText .margin-auto .card .card-img-top,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .discoverText .margin-auto .card .card-img-top,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .discoverText .margin-auto .card .card-img-top {
        margin: 20px auto
    }

    .orderingCommon .exploreMore .Headings h2 {
        font-size: 25px
    }

    .orderingCommon .exploreMore .card .card-body h3,
    .orderingCommon .exploreMore .card .card-body h4,
    .orderingCommon .exploreMore .card .card-body h5 {
        font-size: 20px
    }

    .orderingCommon .exploreMore .Headings {
        margin: 0 0 20px !important
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection {
        padding: 0;
        margin-top: 50px;
        margin-bottom: 50px !important
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText.animating-li,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .discoverText.animating-li {
        margin-bottom: 0
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText .margin-auto ul li,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .discoverText .margin-auto ul li {
        margin-bottom: 0
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText .margin-auto.ulCheck ul.powerUL li p,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .discoverText .margin-auto.ulCheck ul.powerUL li p {
        padding-left: 35px !important
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText .margin-auto.ulCheck ul.powerUL li p::before,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .discoverText .margin-auto.ulCheck ul.powerUL li p::before {
        left: 0
    }

    .mobileOrdering.orderingCommon .homeDiscover {
        padding: 0 0 20px
    }

    .mobileOrdering.orderingCommon .homeDiscover .Headings {
        margin: 0
    }

    .mobileOrdering.orderingCommon .homeDiscover .Headings.marginTop {
        margin-top: 25px
    }

    .mobileOrdering.orderingCommon .homeDiscover .divider {
        margin: 20px 0
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection {
        width: 100%;
        padding: 0
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection.DiscoverimgLeft:before {
        content: none
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .clkImgAni {
        position: relative;
        top: 0
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree {
        height: 50px;
        margin: auto
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul {
        display: inline-block
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li {
        min-width: 80px;
        margin: 0 8px
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li .liImg {
        width: 50px;
        height: 50px;
        padding: 0;
        line-height: 2.4;
        text-align: center
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li .liImg img {
        width: 50%;
        margin: auto;
        height: 20px
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li .liImg:before {
        width: 30px;
        left: 45px
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li .liImg:after {
        width: 30px;
        right: 45px
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .discoverThree {
        text-align: center
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .discoverThree .discoverText {
        margin-top: 0;
        text-align: left
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .discoverThree .discoverText .margin-auto {
        max-width: 100%
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .discoverThree .discoverText .margin-auto .txtAni {
        width: 100%;
        padding: 0 10px;
        left: 0;
        text-align: center
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .discoverText {
        margin: 10px 0
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .discoverText .icon_shape {
        display: block
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto {
        margin: 85px 0 0;
        display: block
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .animating-img {
        height: 450px !important
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .animating-img img {
        height: 100% !important;
        left: 0 !important;
        max-width: 100%;
        width: auto !important
    }

    .mobileOrdering .mobileBanner {
        height: 560px
    }

    .mobileOrdering .mobileBanner .bannerContent {
        padding: 0 30px;
        left: 0
    }

    .mobileOrdering .mobileBanner .bannerContent h1 {
        font-size: 30px
    }

    .mobileOrdering .mobileBanner .bannerContent p {
        font-size: 15px
    }

    .mobileOrdering .mobileBanner .bgImg {
        height: 60vh
    }

    footer .footerCols h3 {
        padding-left: 19px
    }

    footer .footerCols ul a {
        word-break: break-all;
        font-size: 14px
    }

    .videoModal .modal-dialog {
        max-width: 710px
    }

    .videoModal .modal-content .modal-body iframe {
        width: 630px;
        min-height: 370px
    }

    .mvideo.myvideo {
        width: 100%;
        height: auto;
        top: 0;
        position: absolute;
        left: 0
    }

    .userManual .modal-dialog .modal-content {
        background: 0 0
    }

    .userManual .modal-dialog .modal-content .modal-body img {
        width: auto;
        max-width: 100%
    }

    .userManual ul.left_side_tabs {
        margin: 0
    }

    .userManual ul.left_side_tabs li a {
        margin: 2px 6px;
        font-size: 16px;
        padding: 7px 6px;
        min-width: 140px
    }

    .userManual .bgColor .container-fluid .list {
        display: none
    }

    .requestPage .rightSide {
        display: none
    }
}

@media (min-width:768px) and (max-width:991px) {
    .homeBanner .bannerContent img {
        max-width: 80% !important
    }

    .howWork .bannerSection {
        height: 290px;
        padding: 0 80px 0
    }

    .howWork .bannerSection .bannerImg {
        background-size: contain;
        background-position: center
    }

    .howWork .bannerSection .bannerContent {
        margin: auto 0
    }

    .howWork .bannerSection h1 {
        font-size: 40px
    }

    .howWork .bannerSection .bannerDot {
        display: none
    }

    .howWork .mainSec {
        margin-top: 0
    }

    .howWork .mainSec .container-fluid {
        padding: 0 100px 0 !important
    }

    .howWork .mainSec .card {
        margin-bottom: 65px !important
    }

    .howWork .mainSec .card .card-text {
        line-height: 1.5 !important
    }

    .howWork .mainSec .card-img-top {
        max-height: unset !important;
        height: 65px !important
    }

    .howWork .mainSec .card-img-top .sprite-img {
        background-color: #fff;
        outline: 3px solid #fff
    }

    .howWork .mainSec .mobileDiv {
        position: relative;
        height: auto;
        display: inline-block
    }

    .howWork .mainSec .mobileDiv:after,
    .howWork .mainSec .mobileDiv:before {
        content: "";
        position: absolute;
        width: 2px;
        height: 90%;
        border-left: 2px dashed
    }

    .howWork .mainSec .mobileDiv:before {
        top: -50px
    }

    .howWork .mainSec .mobileDiv:after {
        bottom: 0
    }

    .howWork .mainSec .mobileDiv.mobileDiv1:after,
    .howWork .mainSec .mobileDiv.mobileDiv1:before {
        border-color: #b5acf1
    }

    .howWork .mainSec .mobileDiv.mobileDiv2:after,
    .howWork .mainSec .mobileDiv.mobileDiv2:before {
        border-color: #fba2a2
    }

    .howWork .mainSec .mobileDiv.mobileDiv3:after,
    .howWork .mainSec .mobileDiv.mobileDiv3:before {
        border-color: #8bb3fd
    }

    .howWork .mainSec .mobileDiv.mobileDiv4:after,
    .howWork .mainSec .mobileDiv.mobileDiv4:before {
        border-color: #f1b988
    }

    .howWork .mainSec .mobileDiv.mobileDiv5:after,
    .howWork .mainSec .mobileDiv.mobileDiv5:before {
        border-color: #76d5fe
    }

    .howWork .mainSec .mobileDiv.mobileDiv6:after,
    .howWork .mainSec .mobileDiv.mobileDiv6:before {
        border-color: #7dd5c7
    }

    .howWork .mainSec .mobileDiv.mobileDiv7:after,
    .howWork .mainSec .mobileDiv.mobileDiv7:before {
        border-color: #ffcf56
    }

    .howWork .mainSec .mobileDiv.mobileDiv8:after,
    .howWork .mainSec .mobileDiv.mobileDiv8:before {
        border-color: #b5acf1
    }

    .howWork .mainSec .card .card-img-top .sprite-img::after,
    .howWork .mainSec .card .card-img-top .sprite-img::before {
        display: none
    }

    .howWork .mainSec .leftSec,
    .howWork .mainSec .rightSec {
        padding: 0 15px !important;
        text-align: center
    }

    .howWork .mainSec .leftSec:after,
    .howWork .mainSec .leftSec:before,
    .howWork .mainSec .rightSec:after,
    .howWork .mainSec .rightSec:before {
        display: none !important
    }

    .howWork .mainSec .leftSec img,
    .howWork .mainSec .rightSec img {
        max-width: 100%;
        margin: 0 auto 50px
    }

    .howWork .mainSec .leftSec .card,
    .howWork .mainSec .rightSec .card {
        width: 100%;
        text-align: center !important;
        padding-top: 0 !important
    }

    .howWork .mainSec .leftSec .card .card-img-top:after,
    .howWork .mainSec .leftSec .card .card-img-top:before,
    .howWork .mainSec .rightSec .card .card-img-top:after,
    .howWork .mainSec .rightSec .card .card-img-top:before {
        display: none !important
    }

    .howWork .mainSec .leftSec .card .card-img-top .sprite-img,
    .howWork .mainSec .rightSec .card .card-img-top .sprite-img {
        margin: auto;
        float: none !important;
        position: relative;
        z-index: 1
    }

    .howWork .mainSec .leftSec .card .card-img-top .sprite-img:before,
    .howWork .mainSec .leftSec .card .card-img-top .sprite-imgafter,
    .howWork .mainSec .rightSec .card .card-img-top .sprite-img:before,
    .howWork .mainSec .rightSec .card .card-img-top .sprite-imgafter {
        display: none !important
    }

    .howWork .mainSec .leftSec .card .card-body .card-title,
    .howWork .mainSec .rightSec .card .card-body .card-title {
        font-size: 24px
    }

    .howWork .mainSec .rowReverse {
        flex-direction: column-reverse
    }

    .howWork .mainSec .workSection4 .midSec {
        display: none
    }

    .howWork .mainSec .workSection4 .midSec .card-img-top::after,
    .howWork .mainSec .workSection4 .midSec .card-img-top::before {
        display: none
    }

    .howWork .mainSec .workSection5 .midSec .card,
    .howWork .mainSec .workSection6 .midSec .card {
        padding-top: 0;
        margin-bottom: 50px;
        margin-top: 0;
        width: 100%
    }

    .howWork .mainSec .workSection5 .midSec .card .card-img-top:after,
    .howWork .mainSec .workSection5 .midSec .card .card-img-top:before,
    .howWork .mainSec .workSection6 .midSec .card .card-img-top:after,
    .howWork .mainSec .workSection6 .midSec .card .card-img-top:before {
        display: none
    }

    .howWork .mainSec .workSection7 {
        padding: 0 15px;
        margin: 0
    }

    .howWork .mainSec .workSection7:before {
        display: none
    }

    .howWork .mainSec .workSection7 .formSec {
        padding: 20px
    }

    .howWork .mainSec .workSection7 .formSec:before {
        display: none
    }

    .howWork .mainSec .workSection7 .formSec .formHead {
        padding: 0
    }

    .howWork .mainSec .workSection7 .formSec .formHead h2 {
        font-size: 25px
    }

    .homeBanner {
        padding: 20px
    }

    .homeBanner .bgGradientBanner::after {
        content: none
    }

    .homeBanner .bgGradientBanner::before {
        height: 100px;
        transform: skew(15deg, -4deg)
    }

    .homeBanner .bgGradientBanner .layerTab {
        width: 60%
    }

    .homeBanner .layerBottom {
        display: none
    }

    .homeBanner .bannerContent h1 {
        font-size: 35px
    }

    .homeBanner .bannerContent p {
        font-size: 18px !important
    }

    .homeBanner .bannerContent .bannerSearch input {
        min-width: 210px
    }

    .homeBanner .bannerImg {
        top: 0;
        height: auto;
        margin: 0
    }

    .homeDiscover section.discoverSection {
        padding: 0
    }

    .homeDiscover section.discoverSection h2,
    .homeDiscover section.discoverSection h3 {
        color: #051441;
        font-size: 20px;
        font-weight: 600;
        margin: 0
    }

    .orderingCommon .homeDiscover section.discoverSection .discoverText {
        margin-bottom: 25px
    }

    .orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto .card {
        margin-bottom: 2px
    }

    .orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul {
        margin: 10px 0 0
    }

    .orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul li p {
        margin-bottom: 0
    }

    .homePage .homeDiscover section.discoverSection h2,
    .homePage .homeDiscover section.discoverSection h3,
    .mobileOrdering .homeDiscover section.discoverSection h2,
    .mobileOrdering .homeDiscover section.discoverSection h3,
    .productPage .homeDiscover section.discoverSection h2,
    .productPage .homeDiscover section.discoverSection h3 {
        text-align: center
    }

    .productPage.pageCommon .divider {
        margin: 35px 0 33px
    }

    .adminDashboard.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto,
    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto,
    .webOrdering.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto {
        max-width: 80%
    }

    .adminDashboard.orderingCommon .homeDiscover section.discoverSection.DiscoverimgRight .discoverText,
    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection.DiscoverimgRight .discoverText,
    .webOrdering.orderingCommon .homeDiscover section.discoverSection.DiscoverimgRight .discoverText {
        display: flex
    }

    .adminDashboard.orderingCommon .divider,
    .webOrdering.orderingCommon .divider {
        margin: 30px 0 30px
    }

    .adminDashboard.orderingCommon .homeDiscover section.discoverSection .discoverText,
    .webOrdering.orderingCommon .homeDiscover section.discoverSection .discoverText {
        margin-bottom: 0
    }

    .adminDashboard.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul li,
    .webOrdering.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul li {
        margin: 0 auto 20px
    }

    .adminDashboard.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul li:last-child,
    .webOrdering.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul li:last-child {
        margin: 0 auto 0
    }

    .adminDashboard.orderingCommon .homeDiscover section.discoverSection .card-h2,
    .adminDashboard.orderingCommon .homeDiscover section.discoverSection h3,
    .webOrdering.orderingCommon .homeDiscover section.discoverSection .card-h2,
    .webOrdering.orderingCommon .homeDiscover section.discoverSection h3 {
        margin: 0 0 25px;
        text-align: center
    }

    .adminDashboard.orderingCommon .exploreMore .Headings,
    .webOrdering.orderingCommon .exploreMore .Headings {
        padding-top: 30px;
        margin-bottom: 0 !important
    }

    .mobileOrdering.orderingCommon .homeDiscover .divider {
        margin: 10px 0
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto {
        margin: auto
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .icon_shape {
        margin: 25px auto;
        display: block
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .discoverThree .discoverText .margin-auto {
        margin: 20px auto 0
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection.AppWork h3 {
        margin: 3px 0 0;
        position: relative;
        top: -13px
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection.AppWork h3.active {
        display: block
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection h3 {
        margin: 15px 0 10px
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .animating-img img {
        height: 95% !important;
        top: 0 !important
    }

    .userManual .bgColor .container-fluid .manualSection .manualArea {
        min-height: auto;
        border-bottom: 0
    }

    .userManual .bgColor .container-fluid .manualSection .manualArea .manualContent {
        width: 70%
    }

    .userManual .bgColor .container-fluid .manualSection .manualArea .manualImg {
        width: 30%;
        padding: 10px
    }

    .userimgModal .modal-dialog .modal-content .modal-header .close {
        right: 35px
    }
}

@media (min-width:992px) and (max-width:1023px) {
    .howWork .bannerSection {
        height: 350px;
        padding: 40px 80px 0
    }

    .howWork .bannerSection .bannerImg {
        background-size: contain;
        background-position: center
    }

    .howWork .bannerSection .bannerContent {
        margin: auto 0
    }

    .howWork .bannerSection h1 {
        font-size: 40px
    }

    .howWork .mainSec .container-fluid {
        padding: 0 20px 0 109px
    }

    .howWork .mainSec .workSection1 .leftSec .card .card-img-top::after {
        left: -20px
    }

    .howWork .mainSec img {
        width: 100%
    }

    .howWork .mainSec .workSection4 .container-fluid {
        padding: 0 20px
    }

    .howWork .mainSec .workSection7 .formSec {
        padding: 40px
    }

    header .navbar-nav .dropdown-menu {
        position: absolute !important;
        opacity: 1;
        top: 40px !important;
        left: -100%;
        pointer-events: auto;
        will-change: transform, opacity;
        transition-property: transform, opacity, -webkit-transform;
        transition-duration: .75s;
        min-width: 360px
    }

    header .navbar-nav .dropdown-menu:before {
        left: 45%
    }

    .homePage .homeDiscover section.discoverSection {
        margin: 5px 0
    }

    .homeBanner {
        padding: 20px;
        height: 580px
    }

    .homeBanner .bgGradientBanner::after {
        content: none
    }

    .homeBanner .bgGradientBanner::before {
        height: 100px;
        transform: skew(15deg, -4deg)
    }

    .homeBanner .bgGradientBanner .layerTab {
        width: 60%
    }

    .homeBanner .layerBottom {
        display: none
    }

    .homeBanner .bannerContent {
        top: 56%;
        left: 7%
    }

    .homeBanner .bannerContent h1 {
        font-size: 35px
    }

    .homeBanner .bannerContent p {
        font-size: 18px !important
    }

    .homeBanner .bannerContent .bannerSearch input {
        min-width: 210px
    }

    .homeDiscover section.discoverSection.DiscoverimgRight .row {
        flex-direction: inherit
    }

    .requestPage .rightSide {
        display: block
    }

    .aboutus .support-section {
        min-height: 185px
    }

    .aboutus .support-section .content {
        width: 70%
    }

    .homePage .homeDiscover section.discoverSection .discoverText {
        text-align: left
    }

    .quickFacts.homeContainer .card .card-body {
        min-height: 225px
    }

    .userManual .bgColor .container-fluid .list {
        display: block;
        max-width: 25%
    }

    .userManual .bgColor .container-fluid .list .card .card-header {
        padding: 10px 20px
    }

    .userManual .bgColor .container-fluid .list .card .card-header h2 {
        line-height: 18px
    }

    .userManual .bgColor .container-fluid .manualSection .manualArea .manualContent {
        width: 70%
    }

    .userManual .bgColor .container-fluid .manualSection .manualArea .manualImg {
        width: 30%
    }

    .pageCommon.productPage .homeDiscover section.discoverSection .discoverText .margin-auto {
        text-align: left
    }

    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection.AppWork {
        min-height: auto
    }

    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .discoverText {
        text-align: left
    }

    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .discoverText .icon_shape {
        margin: 0;
        left: 15px !important
    }

    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .discoverThree {
        text-align: left;
        margin: auto
    }

    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .discoverThree .discoverText .margin-auto .txtAni {
        text-align: left
    }

    .blog-detail .blogForm form input {
        max-width: 100%
    }

    .blog-detail .menu-item ul li a {
        font-size: 15px !important;
        padding: 5px 10px
    }

    .blog-detail .ourBlogs h3 {
        margin-bottom: 15px
    }

    .blog-detail .ourBlogs ul li {
        width: 100%;
        margin: 5px 0
    }

    .blog-detail .ourBlogs .blogImg {
        width: 100%
    }

    .blog-detail .ourBlogs .ourblogContent {
        width: 100%;
        margin-left: 0;
        margin-top: 10px
    }

    .aboutus .about-content .cardImg {
        max-height: 450px;
        margin: auto
    }

    .aboutus .about-content .cardImg:before {
        display: block;
        width: 45%;
        height: 80%;
        top: -20px
    }

    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection {
        margin: 20px 0
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText .margin-auto .card {
        min-height: 275px
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText .margin-auto.fourCard .card {
        min-height: 200px !important
    }

    .productPage .homeDiscover section.discoverSection {
        padding: 20px 0
    }

    .blog-page .section1 {
        margin: 20px 0
    }

    .blog-page .section1-img1 .scaling-effect {
        height: 550px !important;
        margin: 0 0 10px
    }

    .pageCommon.caseStudy {
        margin-bottom: 50px
    }

    footer .container-fluid.homeContainer {
        padding: 30px 20px 15px
    }
}

@media screen and (min-width:992px) {
    .blogpopup .modal-content .modal-body button.close {
        top: -30px;
        right: -20px
    }

    .sub-para {
        width: 80%;
        margin: auto
    }

    .delight-section-tab-div {
        margin-top: 100px
    }

    .absolute-img-container {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .LangDropdown .dropdown-menu .dropdown-item {
        padding: .2rem 15px !important
    }

    header .navbar-expand-lg .navbar-nav .dropdown-menu.product_type_dropdown {
        min-width: 100%;
        position: fixed;
        top: 66px
    }

    header.headstyle .navbar-expand-lg .navbar-nav .dropdown-menu.product_type_dropdown {
        top: 54px
    }

    header .navbar-expand-lg .navbar-nav .dropdown-menu.product_type_dropdown:before {
        left: 494px
    }

    .bannerHead.headstyle .headerContainer .navbar a.navbar-brand {
        padding: 8px 0 8px
    }

    .headerContainer .navbar .headCollapse ul li a.nav-link {
        padding: 1rem 15px 1rem 25px
    }

    .product_type_dropdown .restaurants-type-block {
        min-height: 175px;
        padding-top: 15px
    }

    .homeBanner .positionedImg {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        text-align: center
    }

    .appWorkImg {
        height: 90vh
    }

    .appWorkImg img {
        height: 100%
    }
}

@media (min-width:1024px) and (max-width:1199px) {
    .appWorkImg {
        height: 50vh
    }

    .headerContainer .navbar .headCollapse ul li a.nav-link {
        padding: 1rem 12px
    }

    .adminDashboard .mobileBanner,
    .mobileOrdering .mobileBanner,
    .webOrdering .mobileBanner {
        height: 50vh
    }

    header .navbar-expand-lg .navbar-nav .dropdown-menu.product_type_dropdown:before {
        left: 250px
    }

    .webOrdering .mobileBanner .bannerContent .bgImg {
        height: 30vh;
        background-position: center;
        margin: 20px 0
    }

    .whitePaper.pageCommon .container-fluid {
        padding: 0 25px
    }

    .whitePaper .Headings {
        margin: 0 auto 20px !important;
        padding: 20px 10px 20px
    }

    .whitePaper .LeftSec {
        text-align: center
    }

    .whitePaper .LeftSec img {
        max-width: 100%
    }

    .whitePaper .midSec {
        padding-top: 20px
    }

    .whitePaper .otherResources {
        margin-top: 30px
    }

    .whitePaper .otherResources .Headings {
        margin: 20px 0 !important
    }

    .whitePaper .otherResources .container-fluid {
        padding: 0 15px
    }

    .whitePaper .preFooter {
        margin-top: 40px
    }

    .whitePaper .preFooter .Headings {
        margin-bottom: 0 !important
    }

    .howWork .bannerSection {
        padding: 40px 80px 0;
        height: 400px
    }

    .howWork .bannerSection .bannerImg {
        background-size: contain
    }

    .howWork .bannerSection h1 {
        font-size: 45px
    }

    .howWork .mainSec {
        margin-top: 50px
    }

    .howWork .mainSec .container-fluid {
        padding: 0 5px 0 85px
    }

    .howWork .mainSec .workSection1 .leftSec {
        padding-left: 40px
    }

    .howWork .mainSec .workSection1 .leftSec .card .card-img-top:after {
        height: 52%;
        top: -44%;
        left: -10px
    }

    .howWork .mainSec .workSection3 .leftSec::before {
        width: 4%
    }

    .howWork .mainSec .workSection3 .rightSec::before {
        width: 4%
    }

    .howWork .mainSec .workSection4 .container-fluid {
        padding: 0 15px
    }

    .homeDiscover section.discoverSection.DiscoverimgRight::after {
        background-position: 290% 0
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection.DiscoverimgRight::after {
        right: -10%;
        top: 10%
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection.DiscoverimgLeft::before {
        left: -10%;
        top: -10%
    }

    .orderingCommon .homeDiscover section.discoverSection.DiscoverimgLeft::before {
        left: -40%
    }

    .headerContainer.container-fluid {
        padding: 0 56px !important
    }

    p {
        font-size: 16px !important
    }

    .pageCommon .container-fluid {
        padding: 0 40px
    }

    .homeDiscover section.discoverSection.DiscoverimgLeft .discoverText .margin-auto {
        min-height: auto
    }

    .bottomBanner,
    .homeBanner {
        height: auto;
        padding: 100px 50px 50px
    }

    .bottomBanner .bgGradientBanner::after,
    .homeBanner .bgGradientBanner::after {
        background-size: contain;
        bottom: -100px;
        width: 47%
    }

    .bottomBanner .bgGradientBanner::before,
    .homeBanner .bgGradientBanner::before {
        height: 100px;
        transform: skew(15deg, -4deg)
    }

    .bottomBanner .bgGradientBanner .layerTab,
    .homeBanner .bgGradientBanner .layerTab {
        width: 60%
    }

    .bottomBanner .layerBottom,
    .homeBanner .layerBottom {
        display: none
    }

    .bottomBanner .bannerContent h1,
    .homeBanner .bannerContent h1 {
        font-size: 30px
    }

    .bottomBanner .bannerContent p,
    .homeBanner .bannerContent p {
        font-size: 15px
    }

    .bottomBanner .bannerImg,
    .homeBanner .bannerImg {
        background-position: 100%;
        background-size: contain
    }

    .bottomBanner .bannerImg img,
    .homeBanner .bannerImg img {
        top: 17%
    }

    .Headings h1,
    .Headings h2 {
        font-size: 30px !important
    }

    .Headings p {
        font-size: 16px !important
    }

    .homeCustomer .card .card-body .card-title {
        font-size: 20px
    }

    .homeCustomer .card .card-body p {
        font-size: 14px
    }

    .homeDiscover section.discoverSection.DiscoverimgLeft .discoverText .margin-auto:after {
        content: none
    }

    .homeDiscover section.discoverSection.DiscoverimgRight .discoverText .margin-auto:before {
        content: none
    }

    .homeDiscover section.discoverSection .discoverText h2,
    .homeDiscover section.discoverSection .discoverText h3 {
        font-size: 23px
    }

    .homeDiscover section.discoverSection .discoverText p {
        font-size: 15px
    }

    .quickFacts.homeContainer {
        padding: 0 30px 50px
    }

    .quickFacts.homeContainer .card .card-body .card-title {
        font-size: 20px
    }

    .quickFacts.homeContainer .card .card-body p {
        font-size: 13px
    }

    .homeVideo {
        background-position: left
    }

    .homeVideo.homeContainer {
        background-position: left;
        padding-top: 50px;
        min-height: 800px
    }

    .homeVideo.homeContainer #video-section {
        margin: 22px auto 0;
        height: 283px
    }

    .homeVideo.homeContainer .bgTab {
        overflow: hidden;
        width: 500px;
        height: 360px;
        text-align: center;
        margin: auto;
        box-shadow: inset 0 0 0 15px #fff, -1px -1px 7px 1px #97979754;
        border-radius: 10px
    }

    .homeVideo.homeContainer .bgTab::before {
        left: 49%;
        bottom: 6px
    }

    .homeVideo.homeContainer .bgTab::after {
        top: 5px;
        width: 6px;
        height: 6px
    }

    .homeVideo.homeContainer .bgTab img {
        height: calc(100% - 30px);
        margin: 15px 0;
        width: calc(100% - 30px)
    }

    .homeVideo.homeContainer .bgTab #video-section {
        height: calc(100% - 30px);
        margin: 15px;
        width: calc(100% - 30px)
    }

    .homeBlog.homeContainer {
        padding: 20px 40px 40px
    }

    .homeBlog.homeContainer .card.viewAll h6 {
        font-size: 25px
    }

    .blog-detail .detailHead h1 {
        margin-top: 0
    }

    .blog-detail .card .card-body {
        width: 90%
    }

    .blog-detail .ourBlogs .blogImg {
        width: 90px;
        height: 90px
    }

    .blog-detail .ourBlogs .ourblogContent {
        margin-left: 6px
    }

    .blog-detail .ourBlogs .ourblogContent .blog-h2 {
        font-size: 15px
    }

    .productPage.pageCommon {
        margin: 120px 0 0
    }

    .productPage.pageCommon .homeDiscover {
        padding-bottom: 0
    }

    .productPage .homeDiscover section.discoverSection .imgRight-0 {
        min-height: 380px
    }

    .productPage .homeDiscover section.discoverSection {
        padding: 0;
        margin: 0;
        min-height: 330px
    }

    .productPage .homeDiscover section.discoverSection .discoverText {
        margin: 0
    }

    .productPage .homeDiscover section.discoverSection.DiscoverimgLeft::before,
    .productPage .homeDiscover section.discoverSection.DiscoverimgRight::after {
        display: none
    }

    .orderingCommon .homeDiscover section.discoverSection.DiscoverimgLeft .container-fluid {
        padding: 0 50px 0 0
    }

    .orderingCommon .homeDiscover section.discoverSection.DiscoverimgRight .container-fluid {
        padding: 0 0 0 50px
    }

    .orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto {
        margin: auto 20px
    }

    .orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto .card {
        width: 44%
    }

    .orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto .card .card-body {
        padding: 10px
    }

    .orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto.fourCard .card {
        width: 43%
    }

    .pageCommon.cmsPage {
        margin-bottom: 60px
    }

    .pricing.pageCommon {
        margin-bottom: 50px
    }

    .pricing .pricingTable .marginAuto .card {
        margin: auto;
        width: 100%;
        height: max-height
    }

    .pricing .pricingTable .card {
        padding: 1rem 0 0;
        margin: 10px 0
    }

    .pricing .pricingTable .card .card-body {
        padding: 15px
    }

    .pricing .moreCommon {
        margin: 40px 0 35px
    }

    .aboutus .header-bg h1 {
        font-size: 39px
    }

    .aboutus .about-content {
        padding-top: 50px;
        padding-bottom: 20px
    }

    .aboutus .about-content img {
        max-width: 80%;
        margin: auto;
        max-height: 100%
    }

    .aboutus .about-content .cardImg {
        max-height: 420px;
        margin: auto
    }

    .aboutus .about-content .cardImg:before {
        width: 60%;
        height: 70%;
        left: 0;
        right: 0;
        top: 0;
        right: 0;
        margin: -30px 20px auto auto
    }

    .aboutus .about-content .abtCnt {
        padding: 0 15px
    }

    .aboutus .about-content h2 {
        font-size: 32px
    }

    .aboutus .about-content h2 .before {
        margin-right: 10px
    }

    .aboutus h3 {
        font-size: 24px
    }

    .aboutus .client-section {
        padding-top: 30px
    }

    .aboutus .client-section ul {
        margin-bottom: 20px
    }

    .aboutus .client-section ul li {
        margin: 0 40px;
        padding: 0 0 20px
    }

    .aboutus .client-section ul li .client-logo {
        margin: auto
    }

    .aboutus .support-section {
        position: relative
    }

    .aboutus .support-section .img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .aboutus .support-section .content {
        width: 72%
    }

    .mobileOrdering.orderingCommon.pageCommon .Headings {
        margin: 0 auto 30px
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .clkImgAni {
        position: relative;
        top: -35px
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree {
        height: 50px;
        margin: auto
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li {
        min-width: 115px;
        margin: 0 8px
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li .liImg {
        width: 50px;
        height: 50px;
        padding: 0;
        line-height: 2.4;
        text-align: center
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li .liImg img {
        width: 50%;
        margin: auto;
        height: 20px
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li .liImg:before {
        width: 50px;
        left: 45px
    }

    .mobileOrdering.orderingCommon .homeDiscover section.discoverSection .iconThree ul li .liImg:after {
        width: 50px;
        right: 45px
    }

    .pageCommon.caseStudy {
        margin-bottom: 50px
    }

    .contactus .Headings p {
        font-size: 18px !important
    }

    .contactus .rightSide h2 {
        font-size: 30px
    }

    .contactus .equal-sec {
        padding: 40px 70px
    }

    .orderingCommon.adminDashboard .Headings,
    .orderingCommon.webOrdering .Headings {
        margin: 0 auto 20px
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection {
        padding: 0;
        margin-top: 50px;
        margin-bottom: 50px !important
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .imgRight-0,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .imgRight-0 {
        min-height: inherit
    }

    .orderingCommon.adminDashboard .Headings p,
    .orderingCommon.mobileOrdering .Headings p,
    .orderingCommon.webOrdering .Headings p {
        font-size: 16px !important
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection {
        display: block;
        height: auto
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .container-fluid,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .container-fluid,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .container-fluid {
        display: block
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection.DiscoverimgLeft .container-fluid,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection.DiscoverimgLeft .container-fluid,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection.DiscoverimgLeft .container-fluid {
        padding: 0 35px
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection.DiscoverimgRight .container-fluid,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection.DiscoverimgRight .container-fluid,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection.DiscoverimgRight .container-fluid {
        padding: 0 35px
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText h3,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .discoverText h3,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .discoverText h3 {
        margin-top: 0
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText .margin-auto,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .discoverText .margin-auto,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .discoverText .margin-auto {
        max-width: 100%
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText .margin-auto .card,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .discoverText .margin-auto .card,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .discoverText .margin-auto .card {
        min-height: 332px
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText .margin-auto .card .card-img-top,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .discoverText .margin-auto .card .card-img-top,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .discoverText .margin-auto .card .card-img-top {
        margin: 20px auto
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText .margin-auto.fourCard .card,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .discoverText .margin-auto.fourCard .card,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .discoverText .margin-auto.fourCard .card {
        min-height: 265px
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .discoverText .margin-auto.ulCheck ul li,
    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .discoverText .margin-auto.ulCheck ul li,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .discoverText .margin-auto.ulCheck ul li {
        width: 100%;
        margin: 0
    }

    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection {
        padding: 40px 0 0
    }

    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection.AppWork {
        min-height: 500px
    }

    footer .container-fluid.homeContainer {
        padding: 30px 40px
    }

    footer .footerCols ul li a {
        font-size: 14px
    }

    footer .footerCols .socialMedia ul li {
        margin: 10px 4px
    }

    footer .footerCols .socialMedia ul li a {
        padding: 4px 6px
    }

    .homeBlog .card-body {
        padding: 10px 5px
    }

    .homeBlog .card-body p {
        font-size: 16px
    }

    .caseStudy .card {
        min-height: 275px
    }

    .mvideo.myvideo {
        width: 100%;
        height: auto;
        top: 0;
        position: absolute;
        left: 0
    }

    .pageCommon.userManual ul.left_side_tabs {
        margin: 0
    }

    .pageCommon.userManual ul.left_side_tabs li a {
        font-size: 16px;
        padding: 15px 24px;
        min-width: 140px
    }

    .pageCommon.userManual .bgColor .container-fluid .list {
        max-width: 21%
    }

    .pageCommon.userManual .bgColor .container-fluid .list .card .card-header {
        padding: 10px 20px
    }

    .pageCommon.userManual .bgColor .container-fluid .list .card .card-header h2 {
        line-height: 18px
    }
}

@media screen and (min-width:1200px) and (max-width:1280px) {
    .homeBanner {
        height: 100vh
    }

    header .navbar-expand-lg .navbar-nav .dropdown-menu.product_type_dropdown:before {
        left: 387px
    }

    .howWork .bannerSection .bannerDot::after {
        border-left: 2px dashed #b5acf1
    }

    .howWork .mainSec .workSection4 .midSec .card-img-top .boxCommon {
        width: 41%
    }

    .homeDiscover section.discoverSection.DiscoverimgLeft::after {
        width: 45%;
        right: -1%;
        top: 8%
    }

    .homeDiscover section.discoverSection.DiscoverimgRight::before {
        width: 50%;
        top: 11%
    }

    .homeDiscover section.discoverSection.DiscoverimgRight::after {
        background-position: 160% 0
    }

    .pricing .pricingTable .card .card-body {
        padding: 0
    }

    .col-lg-5:last-child .card .card-body {
        padding-bottom: 53px
    }

    .homePage section.discoverSection.DiscoverimgLeft .discoverText .margin-auto:after {
        width: 400px;
        height: 400px;
        right: 21%;
        top: -25%
    }

    .homePage section.discoverSection.DiscoverimgRight .discoverText .margin-auto:before {
        width: 400px;
        height: 400px;
        left: 20%;
        top: -61px
    }

    .mobileOrdering .mobileBanner .bgImg {
        height: 70vh
    }

    .aboutus .client-section .container-fluid {
        padding: 0 45px
    }

    .blog-detail .ourBlogs .ourblogContent {
        width: 53%;
        margin-left: 6px
    }

    .orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto .card .card-body {
        min-height: 237px
    }

    .aboutus .about-content .cardImg {
        max-height: 420px;
        margin: auto
    }

    .aboutus .about-content .cardImg img {
        margin: auto;
        max-width: 80%
    }

    .aboutus .about-content .cardImg:before {
        width: 70%;
        height: 100%;
        left: 0;
        right: 0;
        top: 0;
        right: 0;
        margin: -35px 20px auto auto
    }
}

@media screen and (min-width:1440px) {
    header .navbar-expand-lg .navbar-nav .dropdown-menu.product_type_dropdown:before {
        left: 555px
    }
}

@media screen and (min-width:1520px) {
    .homeBanner .bannerImg #vid {
        top: 15%
    }

    .howWork .bannerSection .bannerDot::after {
        border-left: 2px dashed #b5acf1
    }

    .homeDiscover section.discoverSection.DiscoverimgLeft::after {
        right: 1%
    }

    .homeDiscover section.discoverSection.DiscoverimgRight::before {
        left: -5%
    }
}

@media screen and (min-width:1900px) {
    .delight-section-tab-div {
        margin-top: 200px
    }

    .banner-img {
        width: 40%
    }

    .dropdown:hover .dropdown-menu {
        top: 66px
    }

    header .navbar-expand-lg .navbar-nav .dropdown-menu.product_type_dropdown {
        top: 86px
    }

    header.headstyle .navbar-expand-lg .navbar-nav .dropdown-menu.product_type_dropdown {
        top: 75px
    }

    header .navbar-expand-lg .navbar-nav .dropdown-menu.product_type_dropdown:before {
        left: 760px
    }

    button.loader {
        width: auto !important
    }

    .pageCommon {
        margin: 110px 0
    }

    header.bannerHead.headstyle {
        height: 80px
    }

    header.bannerHead.headstyle .headerContainer .navbar {
        padding: 5px 0 0
    }

    .headerContainer .navbar a.navbar-brand img {
        min-width: 150px;
        width: 100%;
        height: auto;
        margin-top: 10px
    }

    .headerContainer .dropdown-menu .dropdown-submenu a {
        font-size: 18px
    }

    body {
        font-size: 21px
    }

    .Headings h1,
    .Headings h2 {
        font-size: 50px !important
    }

    .homeBanner {
        height: 115vh
    }

    .homeBanner .bannerContent h1 {
        font-size: 70px
    }

    .homeBanner .bannerContent p {
        font-size: 35px
    }

    .homeBanner .bannerContent .bannerSearch input {
        min-width: 450px
    }

    .homeBanner .bannerImg {
        height: 80vh
    }

    .homeBanner .bannerImg img {
        position: relative;
        top: 50%;
        transform: translateY(-50%)
    }

    .homeBanner .bgGradientBanner .layerTab {
        bottom: 17%
    }

    .homeBanner .bgGradientBanner::before {
        transform: skew(18deg, 4deg);
        transform-origin: bottom
    }

    .homeBanner .bgGradientBanner:after {
        width: 41%;
        bottom: -260px;
        background-size: contain
    }

    .homeBanner .layerBottom {
        bottom: 17%;
        height: 120px
    }

    .homePage .homeDiscover section.discoverSection {
        max-height: none
    }

    .homePage .homeDiscover section.discoverSection.DiscoverimgLeft .discoverText .margin-auto:after {
        width: 740px;
        height: 510px;
        right: -40%;
        top: 4.8%
    }

    .homePage .homeDiscover section.discoverSection.DiscoverimgRight .discoverText .margin-auto:before {
        width: 740px;
        height: 510px;
        left: -45%;
        top: 1%
    }

    .homePage .homeDiscover section.discoverSection.DiscoverimgRight:after {
        background-position: 120% 0
    }

    .homePage .homeDiscover section.discoverSection .animateImg.SocialMedia {
        right: -18%;
        max-width: 800px
    }

    .homePage .homeVideo {
        background-size: 100% 100%
    }

    .homePage .homeVideo .videoBlock {
        width: 55%
    }

    .homePage .homeVideo .bgTab {
        height: 550px
    }

    .homePage .homeVideo .Headings {
        margin: -50px auto 50px
    }

    .homePage .homeVideo .videoCaption h3 {
        font-size: 40px
    }

    .homePage .quickFacts.homeContainer {
        padding: 0 70px 150px
    }

    .homeBlog .card .card-img-top {
        height: auto
    }

    .Headings p,
    .aboutus .about-content p,
    .aboutus .support-section .content p,
    .blog-detail .card .card-body p,
    .blog-detail .user-sec .user-content .p,
    .blog-page .section2 .content,
    .caseStudy .Headings p,
    .caseStudyInner .card .card-body p,
    .cmsPage .Headings p,
    .cmsPage .ulStyle li,
    .cmsPage p,
    .contactus .rightSide h3,
    .faqPage .card .card-body,
    .faqPage h5,
    .headerContainer .navbar .headCollapse ul li a.nav-link,
    .homeBlog .card .card-body,
    .homeBlog .card.viewAll p,
    .homeCustomer .card .card-body p,
    .homeDiscover section.discoverSection .discoverText p,
    .homeVideo .videoCaption p,
    .mobileOrdering .mobileBanner .bannerContent p,
    .orderingCommon .Headings p,
    .orderingCommon .exploreMore .card .card-body p,
    .orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto .card .card-body p,
    .orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul li p,
    .orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul li span,
    .pricing .Headings p,
    .pricing .moreCommon .card .card-body p,
    .pricing .pricingTable .card .card-body ul li,
    .quickFacts.homeContainer .Headings p,
    .quickFacts.homeContainer .card .card-body p,
    .userManual .bgColor .container-fluid .list .card .card-header a,
    .userManual .bgColor .container-fluid .manualSection .manualArea .manualContent ul li,
    footer .footerCols a,
    header .dropdown-menu .dropdown-item span.float-right .head-h2 {
        font-size: 21px !important
    }

    .headerContainer .navbar .headCollapse ul li a.nav-link {
        font-size: 24px !important
    }

    .headerContainer .navbar .headCollapse ul li a.nav-link {
        padding: 1rem 25px
    }

    .caseStudy .card .card-body p,
    .faqPage .card .mb-0>a {
        font-size: 25px
    }

    .aboutus h3,
    .homeDiscover section.discoverSection .discoverText h2,
    .homeDiscover section.discoverSection .discoverText h3,
    .homePage .homeCustomer .card .card-body .card-title,
    .pricing .pricingTable .card .card-header h3,
    .quickFacts.homeContainer .card .card-body .card-title {
        font-size: 30px
    }

    .cmsPage h2 {
        font-size: 28px
    }

    .blog-detail .blogForm h3,
    .blog-detail .card .card-body,
    .blog-detail .card .card-body h3.subTitle,
    .blog-page .section1 .img-content h2,
    .blog-page .section2 h3,
    .cmsPage h3,
    .faqPage .card .mb-0>a .cmsPage .ulStyle li h3,
    .orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto .card .card-body .card-title,
    .orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul li h5,
    .userManual .bgColor .container-fluid .manualSection .manualArea .manualContent h2 {
        font-size: 26px
    }

    .blog-detail .ourBlogs .ourblogContent .blog-h2,
    .blog-detail .ourBlogs .ourblogContent h2 {
        font-size: 17px
    }

    .blog-detail .blogForm form button,
    .blog-detail .card .card-body a,
    .blog-page .section2 a,
    .caseStudy .card .card-body a,
    .caseStudy .card .card-body span,
    .caseStudyInner .card .card-body a,
    .contactus .leftSide button,
    .homeBanner .bannerContent .bannerSearch button,
    .homeDiscover section.discoverSection .discoverText a,
    .pricing .moreCommon .card-footer a,
    .pricing .pricingTable .card .card-footer a.btn {
        font-size: 20px !important
    }

    .userManual .bgColor .container-fluid .list .card .card-body ul li a {
        font-size: 19px
    }

    .pricing .pricingTable .card .card-header small {
        font-size: 17px
    }

    footer .footerCols .foot-h3 {
        font-size: 23px
    }

    footer .footerCols .socialMedia ul li a {
        line-height: 25px
    }

    .productPage .homeDiscover section.discoverSection .discoverText .margin-auto {
        max-width: 570px
    }

    .productPage .homeDiscover section.discoverSection.DiscoverimgLeft:before {
        top: 0;
        left: -20%
    }

    .productPage .homeDiscover section.discoverSection.DiscoverimgRight:after {
        right: -20%
    }

    .orderingCommon .homeDiscover section.discoverSection.DiscoverimgLeft:before {
        height: 100%;
        left: -20%;
        top: 0
    }

    .orderingCommon .homeDiscover section.discoverSection.DiscoverimgRight:after {
        height: 100%;
        right: -20%;
        top: 0
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection {
        height: 100%;
        min-height: 600px
    }

    .orderingCommon.adminDashboard .homeDiscover section.discoverSection .row,
    .orderingCommon.webOrdering .homeDiscover section.discoverSection .row {
        height: 100%
    }

    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .discoverThree .discoverText .margin-auto {
        min-width: 90%
    }

    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection .discoverText .margin-auto {
        max-width: 65%;
        width: 100%;
        margin: 85px auto
    }

    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection.DiscoverimgLeft:before {
        width: 700px;
        left: 0;
        top: -10%
    }

    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection.DiscoverimgLeft .discoverText .icon_shape {
        left: 19%
    }

    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection.DiscoverimgRight:after {
        width: 700px;
        right: 0;
        top: 20%
    }

    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection.DiscoverimgRight .discoverText .icon_shape {
        left: 19%
    }

    .orderingCommon.mobileOrdering .homeDiscover section.discoverSection.AppWork:before {
        background-position: center !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        width: 50%;
        top: 0
    }

    .orderingCommon .exploreMore .card .card-img {
        width: 100px
    }

    .orderingCommon .exploreMore .card.cardOne .card-img {
        padding: 30px 40px 30px
    }

    .orderingCommon .exploreMore .card.cardTwo .card-img {
        padding: 30px 38px 30px
    }

    .orderingCommon .exploreMore .card.cardThree .card-img {
        padding: 30px 36px 30px
    }

    .aboutus .header-bg h1 {
        font-size: 45px
    }

    .aboutus .container-fluid {
        padding: 0;
        max-width: 1400px
    }

    .aboutus .support-section {
        min-height: 178px
    }

    .caseStudyInner .card .card-body h3.subTitle {
        font-size: 27px
    }

    .caseStudyInner .card .card-body ul li h3.subTitle {
        font-size: 23px
    }

    .requestPage .rightSide {
        height: 555px
    }

    .blog-detail .menu-item ul li a {
        font-size: 19px !important
    }

    .contactus .rightSide p {
        line-height: 1
    }
}

@media only screen and (min-width:1029px) and (max-width:1519px) {
    .homeBanner .bannerImg #vid {
        top: 15%
    }
}

@media only screen and (min-width:992px) and (max-width:1023px) {
    .mat-100 {
        margin-top: 80px
    }
}

@media only screen and (min-width:992px) {
    .emran-img img {
        width: 80%;
        display: block;
        margin-left: auto;
        object-fit: contain
    }

    .aboutus .client-section ul {
        margin: 50px -20px
    }
}

@media (max-width:991px) {
    .product_type_dropdown .restaurants-type-block .restaurants-type-head {
        color: #fff;
        margin-left: 8px;
        font-weight: 500
    }

    .product_type_dropdown .restaurants-type-block .restaurants-type-icon,
    .product_type_dropdown .restaurants-type-block p {
        display: none
    }

    .bottomBanner,
    .homeBanner {
        padding: 100px 0 50px;
        text-align: center;
        height: auto
    }

    .bottomBanner .bannerContent,
    .homeBanner .bannerContent {
        position: static;
        top: auto;
        transform: none
    }

    .bottomBanner .bannerContent p,
    .homeBanner .bannerContent p {
        margin: 25px auto
    }

    .homeBanner .bannerContent img {
        max-width: 100%
    }

    .emran-img {
        margin-bottom: 80px
    }

    .mat-100 {
        margin-top: 50px
    }

    .pr-5 {
        padding-right: 0 !important
    }

    .aboutus .about-content .cardImg {
        margin: 50px 0 !important
    }

    .setAllinOne {
        position: relative;
        height: 380px
    }

    .playBut:before {
        animation: none
    }

    .homePage .discoverText.pr-5 {
        padding-right: 15px !important
    }

    .homePage .discoverText ul {
        text-align: left
    }

    .homeCustomer .Headings {
        padding-right: 15px
    }

    .homeCustomer .ListSection {
        padding-left: 15px;
        border-left: 0
    }

    .homeCustomer a {
        margin: 15px auto 0;
        background-color: #ff5215;
        color: #fff;
        border: 1px solid #fff;
        border-radius: 5px;
        text-transform: uppercase;
        font-weight: 600;
        padding: 10px 30px;
        font-size: 16px
    }

    .homeCustomer a:hover {
        background: #fff;
        border-color: #ff5215;
        color: #ff5215
    }

    .homeCustomer {
        text-align: center
    }

    .homeBlog.homeContainer {
        padding: 80px 0 60px
    }

    .contactus .leftSide button {
        left: 50%;
        position: relative;
        transform: translateX(-50%)
    }

    .SetAllListing ul {
        margin: 20px auto 0 !important;
        text-align: left
    }

    .powerUL {
        text-align: left;
        width: 271px;
        margin: 20px auto 0 !important
    }

    .webOrdering .mobileBanner {
        height: auto;
        margin: 100px 0 0
    }

    .webOrdering .mobileBanner .bannerContent div,
    .webOrdering .mobileBanner .container-fluid {
        top: auto;
        transform: none;
        position: relative
    }

    .webOrdering .mobileBanner .bannerContent {
        text-align: center
    }

    .webOrdering .mobileBanner .bannerContent h1 {
        font-size: 30px
    }

    .webOrdering .mobileBanner .bannerContent div {
        width: 100%
    }

    .adminDashboard .mobileBanner {
        height: auto;
        margin: 100px 0 0
    }

    .adminDashboard .mobileBanner .bannerContent div,
    .adminDashboard .mobileBanner .container-fluid {
        top: auto;
        transform: none;
        position: relative
    }

    .adminDashboard .mobileBanner .bannerContent {
        text-align: center
    }

    .adminDashboard .mobileBanner .bannerContent h1 {
        font-size: 30px
    }

    .adminDashboard .mobileBanner .bannerContent img {
        max-width: 100%;
        margin: 20px 0 30px
    }

    .adminDashboard .mobileBanner .bannerContent div {
        width: 100%
    }

    .mobileOrdering .mobileBanner {
        height: auto;
        margin: 100px 0 0
    }

    .mobileOrdering .mobileBanner .bannerContent div,
    .mobileOrdering .mobileBanner .container-fluid {
        top: auto;
        transform: none;
        position: relative
    }

    .mobileOrdering .mobileBanner .bannerContent {
        text-align: center
    }

    .mobileOrdering .mobileBanner .bannerContent h1 {
        font-size: 30px
    }

    .mobileOrdering .mobileBanner .bannerContent img {
        max-width: 100%;
        margin: 20px 0 30px
    }

    .mobileOrdering .mobileBanner .bannerContent div {
        width: 100%
    }

    .headerContainer .navbar .headCollapse {
        background: #ff5215;
        width: 100%;
        margin-top: 12px;
        overflow: scroll;
        max-height: calc(100vh - 70px)
    }

    .headerContainer .navbar .headCollapse ul {
        padding: 15px 5px
    }

    .headerContainer .navbar .headCollapse ul li a.nav-link {
        color: #fff
    }

    .headerContainer .navbar .headCollapse ul li a.nav-link.freeDemo {
        margin: 0 15px;
        display: inline-block
    }

    .productdropdown {
        display: block !important
    }

    .productdropdown .dropdown-item {
        padding: .25rem 0
    }

    header .dropdown-menu {
        left: 0 !important;
        background: 0 0 !important;
        min-width: auto !important;
        padding: 0 15px;
        box-shadow: none;
        transform: none !important;
        position: relative !important;
        top: 0 !important
    }

    header .dropdown-menu:before {
        display: none !important
    }

    header .dropdown-menu .dropdown-item span.float-left,
    header .dropdown-menu .dropdown-item span.float-right small {
        display: none !important
    }

    .dropDownFull,
    .dropdown-submenu:nth-child(2) {
        display: none
    }

    header .dropdown-menu .dropdown-submenu .head-h4 {
        display: none !important
    }

    header .dropdown-menu .dropdown-submenu a {
        padding: 5px 15px !important
    }

    .dropdown-submenu {
        width: 100%;
        border: 0
    }

    header .dropdown-menu .dropdown-item span.float-right {
        float: left !important
    }

    header .dropdown-menu .dropdown-item span.float-right .head-h2 {
        color: #fff !important;
        font-size: 17px;
        text-transform: uppercase;
        font-weight: 600
    }

    header .dropdown-menu .dropdown-item {
        color: #fff;
        font-size: 18px
    }

    header .navbar-nav .dropdown.active a:after {
        display: none !important
    }

    .orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul li span .icon {
        margin-right: 10px
    }

    .section-pad {
        padding: 50px 0
    }

    .banner-section,
    .demo-section {
        padding-top: 100px
    }

    .section-title .h1 {
        font-size: 32px
    }

    .section-title h2 {
        font-size: 26px
    }

    .badge-text {
        padding: 6px 15px;
        font-size: 12px;
        margin-bottom: 10px
    }

    .how-it-work-number-list li {
        padding: 8px 10px 8px 15px
    }
}

@media (max-width:767px) {
    .landing-script-suf .landing-script .heading {
        font-size: 32px
    }

    .landing-script-suf .landing-script .lead {
        font-size: 18px
    }

    .landing-script-suf .quick-fact-widget h4 {
        font-weight: 300
    }

    body {
        font-size: 16px
    }

    .banner-section {
        text-align: center
    }

    .container-fluid {
        padding: 0 15px !important
    }

    .headerContainer.container-fluid {
        padding: 0 0 !important
    }

    .headerContainer .navbar a.navbar-brand {
        margin-left: 15px
    }

    .emran-img:after {
        display: none
    }

    .homeDiscover section.discoverSection.DiscoverimgRight .discoverText {
        text-align: center !important
    }

    .orderingCommon .homeDiscover section.discoverSection .discoverText .margin-auto ul li .card-h3:before {
        left: auto !important;
        margin-left: -30px !important
    }

    .setAllinOne {
        position: relative;
        height: auto
    }

    footer {
        padding-top: 33px
    }
}

@media (max-width:575px) {
    .quickFacts .bdr-small:not(:last-child):after {
        display: none
    }

    .blogpopup .modal-content .modal-body {
        padding: 20px 10px
    }
}

@media (max-width:480px) {
    .setAllinOne {
        position: relative;
        height: 240px
    }
}

@media screen and (min-width:768px) {
    .banner-img {
        position: absolute;
        top: 0;
        left: 100%
    }

    .banner-section,
    .demo-section {
        padding: 150px 0
    }
}

@media screen and (min-width:1025px) {
    .banner-img {
        left: 125%
    }

    .landing-script-suf .landing-script .heading {
        font-size: 52px
    }

    .landing-script-suf .feature-suf h2,
    .landing-script-suf .how-work-suf h2,
    .landing-script-suf .why-suf h2 {
        font-size: 50px;
        font-weight: 900
    }

    .landing-script-suf .feature-suf h3 {
        font-size: 42px
    }

    .landing-script-suf .route-af:after {
        content: "";
        display: block;
        position: absolute;
        top: 100%;
        left: 50%;
        width: 0;
        border-left: 2px dashed #ff5215;
        height: 57%;
        z-index: 0;
        transform: translateX(-102%)
    }

    .landing-script-suf .route-2 {
        content: "";
        position: absolute;
        height: 2px;
        border-bottom: 2px dashed #ff5215;
        top: 50%;
        transform: translate(-14%, 50%);
        width: 309px;
        z-index: -1
    }

    .landing-script-suf .how-work-suf .mb-6 {
        margin-bottom: 10rem !important
    }

    .landing-script-suf .brand-suf {
        padding: 150px 0
    }

    .landing-script-suf .brand-suf .row-sec {
        padding: 40px
    }

    .landing-script-suf .brand-head {
        font-size: 30px
    }

    .landing-script-suf .route-row .card {
        position: relative;
        height: 100%
    }

    .landing-script-suf .route-row .card::after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 100%;
        width: 75%;
        height: 100%;
        border-radius: 0 50px;
        border-style: dashed;
        border-width: 2px 2px 0 0;
        border-color: #ff5215
    }

    .landing-script-suf .route-row .ml-auto .card {
        position: relative;
        top: 100%
    }

    .landing-script-suf .route-row .ml-auto .card::after {
        top: 50%;
        left: auto;
        right: 100%;
        border-width: 2px 0 0 2px;
        border-radius: 50px 0
    }

    .landing-script-suf .route-row:last-child .ml-auto .card::after {
        content: none
    }
}

@media screen and (max-width:475px) {
    .manualSection .parentManual .sm-mob {
        display: block !important
    }

    .manualSection .parentManual .no,
    .manualSection .parentManual .yes {
        margin: auto !important
    }

    .manualSection .parentManual .no {
        position: relative;
        top: 10px
    }
}

@media screen and (max-width:319px) {
    .landing-script-suf .demo-btn {
        display: grid !important;
        text-align: center !important;
        margin-bottom: 15px
    }
}

.WhatsappIcon-head {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(../webp/sprite.webp);
    background-position: -283px -226px;
    vertical-align: middle;
}

.WhatsappIcon-head {
    position: absolute;
    right: 174px;
    top: 13px;
}

@media(min-width:991px) {
    .WhatsappIcon-head {
        display: none;
    }
}

@media(max-width:346px) {
    .headerContainer .navbar a.navbar-brand img {
        width: 89px;
        height: 40px;
    }

    .WhatsappIcon-head {
        position: absolute;
        right: 169px;
    }

    .bannerHead.headstyle .headerContainer .navbar a.navbar-brand img {
        width: 85px;
        height: 44px;
    }
}

.banner-section.aboutus-section {
    background: url(https://res.cloudinary.com/pofi-technologies/image/upload/v1617346009/about us/pofi-about-us-banner_1_q0oyrr.webp) no-repeat center center / cover;
}

@media (min-width: 1200px) {
    .aboutus-section {
        min-height: calc(100vh - 64px);
    }
}

@media (min-width: 1200px) {
    .about-us-pofi h4 {
        font-size: 25px !important;
    }
}

.about-us-pofi .banner-section {
    /* min-height: auto; */
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    padding: 100px 0;
    margin-top: 64px;
}

.about-us-pofi .card-title {
    margin-bottom: 0.5rem;
    font-size: 26px;
    color: #000000;
}

.btn-style {
    font-size: 16px;
    font-weight: 700;
    padding: 12px 25px;
    border: none;
    background-color: #ffffff;
    color: #1089ff;
    border-radius: 50rem;
    text-transform: uppercase;
    box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 10%);
    min-height: 45px;
}

.triangle-shape {
    position: absolute;
    left: 0;
    top: 60%;
    width: 400px;
    height: 70vh;
    background-color: #f3f9fe;
    border-radius: 50px;
    transform: translate(-50%, -50%) rotate(45deg);
    z-index: -1;
}

.triangle-shape.right {
    left: auto;
    right: -42%;
}

.triangle-shape.orange {
    left: auto;
    right: 0;
    top: 0;
    /*height: 600px;*/
    background-color: #fff8f0;
    transform: translate(50%, 20%) rotate(45deg);
}

.triangle-shape.violet-bg {
    background-color: rgb(196 87 236 / 10%);
}

.triangle-shape.top {
    top: 25%;
}

.triangle-shape {
    position: absolute;
    left: 0;
    top: 60%;
    width: 400px;
    height: 70vh;
    background-color: #f3f9fe;
    border-radius: 50px;
    transform: translate(-50%, -50%) rotate(45deg);
    z-index: -1;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
}

.violet-ellipse {
    position: absolute;
    left: auto;
    right: 65%;
    top: -5%;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.triangle-shape.orange {
    left: auto;
    right: 0;
    top: 0;
    /* height: 600px; */
    background-color: #fff8f0;
    transform: translate(50%, 20%) rotate(45deg);
}

.orange-ellipse {
    position: absolute;
    top: 30%;
    left: 0;
    transform: translate(-55%, 0) rotate(-15deg) scaleX(-1);
}

.aboutus-timeline-section {
    color: #fff;
    background: url(https://res.cloudinary.com/pofi-technologies/image/upload/v1616156703/about us/pofi-story_akgvdo.webp) no-repeat center center / cover;
}

@media (min-width: 1200px) {
    .aboutus-timeline-section {
        margin-bottom: 150px;
    }
}

.aboutus-card {
    position: relative;
    margin-bottom: 15px;
}

@media (min-width: 1200px) {
    .aboutus-card {
        margin-bottom: -210px;
    }
}

.section-title .badge-blue {
    background-color: #e6f3ff;
    color: #1089ff;
}

.section-title .badge {
    border-radius: 30px;
    margin-bottom: 15px;
    padding: 10px 15px;
    font-size: 15px;
}

.badge {
    font-size: 12px;
    font-weight: 500;
}

.badge {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.slider-img {
    border: 4px solid rgb(16 137 255 / 50%);
    height: 215px;
    width: 215px;
    margin: auto;
    display: block;
}

.section-title .badge-pink {
    background-color: #f9e5eb;
    color: #C70039;
}

.event-img {
    object-fit: cover;
    height: 100%;
}

.events-link {
    position: absolute;
    bottom: 30px;
    right: 20px;
    text-transform: uppercase;
    border: 0;
    border-radius: 0;
    font-weight: 700;
    font-size: 12px;
    padding: 6px 12px;
    background-color: #1089ff;
    color: #ffffff;
}

.event-widget {
    position: relative;
    display: flex;
    justify-content: center;
    height: 100%;
    height: 240px;
}

.curved-link {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #c2c2c2;
}

.rounded-pill {
    border-radius: 50rem !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.ms-3 {
    margin-left: 1rem !important;
}

.g-2,
.gy-2 {
    --bs-gutter-y: 0.5rem;
}

.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem;
}

@media (max-width: 575px) {
    .slider-img {
        width: 100% !important;
        height: 175px !important;
    }
}

@media(max-width:767px) {
    .row-cols-2>* {
        flex: 0 0 auto;
        width: 50%;
    }

    .about-us-pofi .card-title {
        text-align: center;
    }

}

.about-us-pofi .carousel-img,
.about-us-pofi .slider-img {
    object-fit: cover;
    border-radius: 6px;
    width: 100%;
    height: 240px;
}

.aboutus-card p {
    color: #000;
}