/* @import url("https://use.typekit.net/axr0xeq.css"); */
body{font-family: 'Lato', sans-serif !important;padding-top: 74px;}
.menu-area{background: #ffffff;}
.dropdown-menu{padding:0;margin:0;border:0 solid transition!important;border:0 solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important}
.navbar-nav li{margin: 5px 0;}
.navbar-nav li.drop-megamenu{
  padding: 15px 0;
 margin: 0;
}
.mainmenu a, .navbar-default .navbar-nav > li.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link{color: #000000;font-size: 15px;text-transform: capitalize;padding: 3px 8px;font-family:'Lato', sans-serif;display: block !important;font-weight: normal;}
.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:hover,.mainmenu li a:focus ,.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover{color: #c52d29;/*background: #fff;*/}
/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a{}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{
    color: #c5271a;
}
.mainmenu .collapse ul ul ul > li:hover > a{background: #4CAF50;}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background: #ffffff;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#1E88E5}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#64B5F6}
img{
  max-width: 100%;
  vertical-align: middle;
}
.mobile-menu{
  display: none;
}
.mega-menus{
  position: fixed;
  background-color: #fff;
  /* border-radius: 10px; */
  box-shadow: 0 7px 10px #ddd;
    padding: 50px 0;
    display: none;
    width: 100%;
    top: 65px;
    left: 0;
}
.in-menu{
  display: flex;
  justify-content: start;
  gap: 30px;
}
.dropdown-toggle:has(+ .mega-menus:hover){
  color: #c52d29;
}
.mega-menu h4{
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 6px;
}
.mega-menus .mega-menu a{
  padding: 7px 0;
  position: relative;
  margin-left: 5px;
  padding-left: 15px;
}
.mega-menus .mega-menu a::before{
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  background-color: #c52d29;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.drop-megamenu:hover{ 
  .mega-menus{
    display: block;
  }
}

/* Cookie Banner start */
.cookie-banner {
  background-color:white;
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 10px 20px;
  display: flex;
  z-index: 1000;
  
}
.cookie-banner p {
  margin: 0;
  flex: 1;
  font-size: 18px;
  color: black;
  display: flex;
  justify-content: center;
  padding-top: 5px;
}
.cookie-banner .btn {
margin-left: 10px;
}
.cookie-banner .button-container {
  margin-right: 150px;
}
/* Cookie Banner end */

/* chrimax banner start */
.chrimax-effect{
  position: relative;
  box-shadow: 0px -5px 15px 0px rgba(0, 0, 0, 0.1);
}
.chrimax-effect::after{
  content: "";
    background-image: url(../images/xmax/snow-base.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 65px;
}
.xmax-trees{
  position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.xmax-trees img{
  position: absolute;
}
.xmax-trees img:first-child{
  right: -120px;
  bottom: 60px;
  width: 150px;
}
.xmax-trees img:nth-child(2){
  left: 0;
  bottom: -10px;
}
.xmax-trees img:nth-child(3){
  bottom: -10px;
    left: 50px;
}
.xmax-trees img:nth-child(4){
  bottom: -40px;
    right: -120px;
}
#myGallery{
  z-index: 1;
}
/* chrimax banner end */

/* onload form start */
.onload-form{
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
z-index: 999999;
width: 850px;
background-color: #fff;
border-radius: 15px;
display: none;
}
.form-img{
  display: grid;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
}
.form-img img{
  border-radius: 15px 0 0 15px;
}
.form-img form{
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  position: relative;
}
.form-img form label{
  font-size: 25px;
    font-weight: 600;
    text-align: center;
    display: block;
    margin-bottom: 30px;
}
.pop-input input{
  margin-bottom: 15px;
}
.code-no{
  position: relative;
}
.code-no.show input{
  padding-left: 45px;
  transition: 0.5s;
}
.code-no span{
  position: absolute;
  top: 7px;
  left: 15px;
  opacity: 0;
  display: none;
  transition: 5s;
}
.code-no.show span{
opacity: 1;
display: block;
}
.pop-close{
  position: absolute;
  top: 10px;
    right: 16px;
    cursor: pointer;
}
.popup-overlay{
  background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: none;
}
.show-onload-form{
  overflow-y: hidden;
}
.show-onload-form .onload-form, .show-onload-form .popup-overlay{
  display: block;
}

/* onload form end */

/* floating form start */
.floating-form{
  position: fixed;
  bottom: -202px;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 9999;
    transition: 0.5s;
}
.float-banner{
  position: relative;
  text-align: center;
}
.show-float-form .floating-form{
  bottom: 0;
}
.floating-form form{
  position: relative;
}
.floating-form .pop-close{
  top: 2px;
  right: 8px;
}
.floating-form label{
  font-size: 20px;
  font-weight: 700;
}
.float-input{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
}
.float-input .submit-btn{
  margin-top: 0;
  height: auto;
}
.float-inline{
  display: inline-block;
  position: relative;
}
/* floating form end */

/******************************Drop-down menu work on hover**********************************/
.mainmenu{background: #fff;border: 0 solid;margin: 0;padding: 0; min-height:20px;width: 100%;z-index: 99999;box-shadow: 0 4px 4px #00000014;}
@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}

}
@media only screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}

}
@media(max-width: 991px){
  .mega-menus{
    padding: 15px;
    max-width: 320px;
    position: relative;
    top: 0;
    overflow-x: auto;
    gap: 20px;
    box-shadow: none;
  }
  .mega-menus .mega-menu{
    min-width: 200px;
  }
  .free-demo-menulist {
    width: 110px;
}
.mega-menus .mega-menu a {
  padding: 4px 0;
}
}
@media(min-width: 991px) and (max-width: 1199px){
  .mega-menus .mega-menu{
    min-width: 160px;
  }
}




.free-demo-menulist{position: relative;}
.free-demo-menulist a{
  border: 1px solid #000;
  border-radius: 5px;
}
.pulse {width: 10px;height: 10px;background: #C51A1A;border-radius: 50%;color: #fff;font-size: 20px;text-align: center;line-height: 15px;font-family: Verdana, Geneva, Tahoma, sans-serif;animation: animate 2s linear infinite;position: absolute;right: -5px;top: 10px;}
@keyframes animate {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 0, 64, 0.7), 0 0 0 0 rgba(255, 0, 64, 0.7);
    }
    40% {
        box-shadow: 0 0 0 5px rgba(255, 0, 64, 0), 0 0 0 0 rgba(255, 0, 64, 0.7);
    }
    80% {
        box-shadow: 0 0 0 5px rgba(255, 0, 64, 0), 0 0 0 10px rgba(255, 0, 64, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 0, 64, 0), 0 0 0 10px rgba(255, 0, 64, 0);
    }
}
html{ scroll-behavior: smooth;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
p{font-size: 20px;color: #000;margin: 0;}
section{padding: 60px 0;}
.padding-bottom-0{padding-bottom: 0;}
.padding-top-0{padding-top: 0;}
.clear{clear: both; display: block; content: ".";}
.clear-div{width: 100%; float: left;}
.p0{padding: 0;}
.mar0{margin: 0 !important}
.pad0{padding: 0 !important;}
.padtop{padding-top: 0;}
.mrbt50{margin-bottom: 50px;}
.mrbt100{margin-bottom: 100px;}
.mrtp50{margin-top: 50px;}
.mrbt30{margin-bottom: 30px;}
.mr30{margin-right: 30px;}
.mrbt0{margin-bottom: 0 !important;}
.mrtp0{margin-top: 0 !important;}
.sprite{background: url(../images/sprite.png); display: inline-block;}
.padding-fixed-top{/* padding-top: 160px; */}
.br30{border-radius: 12px;}
.txt-ctr{text-align: center;}
.txt-wit{color: #fff !important;}
.txt-red{color: #C51A1A !important;}
.obg-light{background: #FFEBEB !important;}
.diff-obg-light{
  background-color: #f8c1c1;
}
.obg-red{background: #D82927;}
.bg-gray{background:#f2f2f2;}
.bg-black{background:#000;}
.new-heading-size, .achevivement h3, .rateing h2{font-size: 40px !important;}
.pos-div p.pheading {
  font-size: 40px !important;
}
.rateing .set-heading{
  font-size: 40px !important;
  line-height: 1.2;
    margin-bottom: 0.5rem;
    margin-top: 0;
}
.ct-par{
  margin-top: 5px;
}
.mainmenu a.logo-padding{
  padding: 8px 0;
  /* width: 150px; */
}
.mainmenu a.logo-padding img{
  width: 100%;
}
.hero-section-pad{padding: 30px 0 80px 0;}
.hero-section h1{font-size: 40px;font-weight: 600;color: #000;margin-bottom: 15px;font-family: 'Lato', sans-serif;}
.hero-section h1 .my-small-size{font-size: 30px;}
.hero-section .h-cheader{font-size: 40px;font-weight: 600;color: #000;margin-bottom: 15px;font-family: 'Lato', sans-serif; padding-right: 0;line-height: 1.2;}
.hero-section .con-cheading{font-size: 40px;font-weight: 600;color: #000;margin-bottom: 15px;font-family: 'Lato', sans-serif;}
.hero-section p{font-size: 18px;color: #000;margin-bottom: 30px;font-weight: 400;font-family: 'Lato', sans-serif !important;}
.hero-section a.common-btn{padding: 7px 50px;}
.common-btn{display: inline-block !important;font-size: 20px;font-weight: 600;/*background: #C51A1A;*/background: #D82927; color: #fff;font-family: 'Lato', sans-serif;text-transform: uppercase !important;padding: 7px 80px;text-align: center;border-radius: 30px;}
.common-btn:hover{color: #fff}
.play-btn{display: inline-block;font-size: 20px;font-weight: 600;font-family: 'Lato', sans-serif;line-height: 44px;margin-left: 30px;color: #000;cursor: pointer;}
.ply-btn{background: url(../images/sprite.png);background-position: -1px -55px;width: 34px;height: 34px;display: inline-block;margin-right: 10px;margin-top: 4px;}
.restaurant-partner-box{background: #141414;border: 2px solid #F2BC56;border-radius: 12px;display: inline-block;padding: 10px 150px 10px 40px;position: relative;margin-top: 60px;}
.restaurant-partner-box p.p1{font-size: 19px;color: #fff;margin: 0;font-weight: 300;margin-bottom: -5px;padding-right: 0;}
.restaurant-partner-box p.p2{font-size: 20px;color: #C51A1A;font-weight: 700;margin: 0;padding-right: 0;}
.money-icon{background: url(../images/sprite.png);background-position: -2px -92px;width: 97px;height: 97px;display: inline-block;margin-right: 10px;position: absolute;right: 0;top: -30px;}
.hero-img-div{ position: relative;}
.hero-img{width: 100%;margin: 0 auto;border-radius: 50%;padding: 0px;}
/* .hero-img img{width: 90%;} */
.hero-sub-img{position: absolute;z-index: 999;}
.hero-sub-img1{ top: -60px; width: auto; left: 0px;  }
.hero-sub-img2{
  top: 130px;
    width: auto;
    left: -180px;
}
.hero-sub-img3{width: 50px;bottom: 0;left: 120px;}
.home_disclaimer{
  display: flex;
    align-items: baseline;
    column-gap: 5px;
    justify-content: flex-end;
    margin-top: 30px;
}
.integrate-disclaim{
  display: flex;
  justify-content: end;
  gap: 5px;
}
.pos-div .integrate-disclaim p{
  color: #4D4D4D;
    font-size: 15px;
    margin-bottom: 0;
    line-height: 1.2;
    font-weight: 300;
}
#integrate-imgs{
  display: none;
}
#imgHide{
  cursor: pointer;
  background-color: #ececec;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
}
.step-flex{
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
  background-color: #CCCCCC;
  padding: 40px 30px;
  border-radius: 10px;
}
.step-flex span{
  position: absolute;
  top: 10px;
  right: 10px;
}
.step-flex img{
  flex: 1 1 0;
    min-width: 0;
}
.hero-section .home_disclaimer.chrx-dis{
  bottom: -24%;
}
.hero-section .home_disclaimer p span{
  margin-right: 5px;
}
.position-relative{
  position: relative;
}
.home_disclaimer.online-dis{
  position: static;
  justify-content: end;
  margin-top: 20px;
}
.home_disclaimer.online-dis p{
  margin-bottom: 0;
}
.home_disclaimer p{
  padding: 0;
  color: #4D4D4D;
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 0;
}
.int-order-flex{
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
.inline-block{
  display: inline-block;
}
.border-text{
  border-bottom: 1px solid #000;
  margin-bottom: 10px;
}
.flex-center{
  display: flex;
  justify-content: center;
  padding-top: 100px;
}
.flex-center:nth-child(2){
  padding-top: 60px;
}
.pos-div .flex-center p{
  margin-top: 5px;
  margin-bottom: 12px;
}
.pos-div p.int-marketp{
  margin-top: 20px;
  margin-bottom: 0;
}
.ing_client_logo.ret-client-logo{
  display: block;
  text-align: center;
  position: relative;
  z-index: 1;
  margin-top: 0;
}
.ing_client_logo.ret-client-logo img{
  margin: 10px;
}
.int-pat1{
  position: absolute;
  right: -12%;
  top: 32%;
}
.int-pat2{
  position: absolute;
  left: -12%;
  bottom: 5%;
}
.hero-padding-left{
  padding-left: 30px;
}
.new-sub-img{
  position: absolute;
}
.new-sub-img.int-1{
  top: -43px;
  left: -64px;
}
.new-sub-img.int-2{
  top: -40px;
  right: 132px;
}
.new-sub-img.int-3{
  bottom: -5px;
    left: -62px;
}
.new-sub-img.int-4{
  bottom: -40px;
    right: 60px;
}
/* .int-mobile{
  display: none;
} */

/* marketing */
.arrow-button button{
  background-color: transparent;
    font-size: 18px;
    cursor: pointer;
    padding: 0;
    position: relative;
}
.arrow-button button::before{
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #d82927;
  animation: cline 3s infinite;
}
@keyframes cline{
  0%{
    transform: scaleX(0);
  }
  50%{
    transform: scaleX(1);
  }
  100%{
    transform: scaleX(0);
  }
}
.dm-packege{
  padding: 0 0 80px;
  position: relative;
  display: none;
}
.pack-close{
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  cursor: pointer;
  text-decoration: underline;
}
.dm-packege table{
  margin-top: 25px;
  width: 100%;
  border-collapse: collapse;
}
.dm-packege table th{
  background-color: #D82927;
  font-size: 16px;
  color: #fff;
  padding: 10px 20px;
  text-transform: uppercase;
}
.dm-packege table td{
  font-size: 17px;
  padding: 10px 20px;
  background-color: #e9e9e9;
  border: 1px solid #fff;
}
.dm-packege table td:first-child{
  width: 70%;
}
.dm-packege table td.pack-check{
  font-size: 20px;
  color: #4BB543;
  text-align: center;
}
.dm-packege table td.pack-cross{
  font-size: 20px;
  color: #B33A3A;
  text-align: center;
}

.img-relative{position: relative;z-index: 99;}
.hero-menu{position: absolute;display: block;z-index: 999;}
.hero-menu h6{font-size: 14px;font-weight: bold;font-family: 'Lato', sans-serif;float: left;line-height: 34px;margin: 0 10px 0 20px;}
.hero-menu img{width: 75%;position: relative;top: -17px;right: -20%;}
.hero-menu1{bottom: 150px;right: 0px;}
.hero-menu2{bottom: 195px;right: -57px;}
.hero-menu3{bottom: 135px;right: -5px;}
.hero-menu4{bottom: 74px;right: 32px;}
.hero-menu-img{background: url(../images/sprite.png); display: inline-block;}
.hero-menu-grow{background-position: -37px -55px;width: 34px;height: 34px;float: right;}
.hero-menu-bigger{background-position: -72px -55px;width: 35px;height: 33px;float: right;}
.hero-menu-commision{background-position: -108px -55px;width: 48px;height: 34px;float: left;margin-left: 15px;margin-right: -11px;}
.hero-menu-full-rating{background-position: -140px -1px;width: 22px;height: 22px;float: left;margin-top: 5px;}
.essential-div{padding: 55px 0;background: #141414 url(../images/green-line.svg) no-repeat;/* margin: 0 75px; */border-radius: 30px;background-size: contain;}
.essential-div h2{font-family: 'Lato', sans-serif;font-size: 30px;color: #379A26;text-align: center;font-weight: 700;margin-bottom: 30px;}
.essential-list-icon{background: url(../images/sprite.png);background-position: -141px -24px;width: 27px;height: 26px;display: inline-block;/* float: left; */margin-right: 15px;}
.essential-div ul{margin: 0;padding: 0;text-align: left;}
.essential-div ul li{list-style: none;font-family: 'Lato', sans-serif;font-size: 18px;color: #fff;line-height: 30px;margin: 12px 0;}
.ess-btn{margin-top: 30px; border-radius: 6px;}
.pos-icon{/* background: antiquewhite; */display: inline-block;margin: 15px 0;}
.pos-icon1{ background-position: -172px -2px; width: 24px; height: 22px; }
/* .pos-div{  padding-top: 0; } */
.pos-div-seprater{background: #F6F6F6;}
.pos-div h2, .rateing h3{font-size: 25px;color: #000;font-family: 'Lato', sans-serif;font-weight: 700;}
.pos-div .pos-heading{font-size: 25px;color: #000;font-family: 'Lato', sans-serif;font-weight: 700;margin-bottom: 0.5rem; line-height: 1.2;}
.sub-heading{font-size: 25px; color: #000;font-weight: 700;}
.product-icon h2{font-size: 21px;}
.pos-div p{font-size: 18px;color: #000;font-family: 'Lato', sans-serif;margin: 20px 0; font-weight: 400;}
.pos-div.cs-div p{
  margin: 0;
}
.pos-div.cs-div .equal-height .cs-bold{
  margin-top: 20px;
}
.pos-div .ind_spacing p{font-size: 16px;}
.pos-div ul{margin: 0;padding: 0;margin: 30px 0;}
.pos-div ul li{list-style: none;font-size: 17px;color: #000;font-family: 'Lato', sans-serif;line-height: 22px;margin: 15px 0; display: flex;
  column-gap: 5px;
  align-items: baseline;}
.pos-list-icon{background-position: -169px -25px;width: 22px;height: 14px;margin-right: 5px;}
.pos-div img{width: initial;max-width: 100%;}
.pos-row{margin-bottom: 50px;}
.pos-div a{color: #C51A1A;font-size: 18px;font-family: 'Lato', sans-serif;font-weight: 500;display: none;}
.pos-div a.common-btn{
  color: #fff;
  font-weight: 600;
}
.pos-div a.integrationbtn{
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  color: #fff;
  background-color: #C51A1A;
  padding: 10px 16px;
}
.pos-div a.integrationbtn:first-of-type{
  margin-right: 15px;
}
.footer-form select.form-control:not([size]):not([multiple]){
  height: 45px;
}
select.form-control {
 color: #b9b9b9;
}

.app-div{padding-bottom: 0px;}
.app-div h2{font-size: 25px;color: #fff;font-family: 'Lato', sans-serif;font-weight: 700;}
.app-div .set-heading{font-size: 25px;color: #fff;font-family: 'Lato', sans-serif;font-weight: 700;}
.app-div p{font-size: 15px;color: #fff;font-family: 'Lato', sans-serif;line-height: 25px;margin: 30px 0;font-weight: 400;}
.app-div.align-cor p{
  margin: 10px 0 30px;
}
.pos-seprate-div{padding: 0 40px;}
.service-pos-seprate-div{padding: 0 45px 0 75px;}
.wit-bg{background: #fff !important; color: #000 !important;}
.wit-clr{color: #fff !important;}
.app-mrg-tp{margin-top: 100px !important;margin-bottom: 20px !important;font-weight: 500 !important;}
.app-mrg-tp-icon { background: url(../images/app-arr-icon.png); width: 25px; height: 14px; display: inline-block; margin-right: 12px;}
.testimonial-div{text-align: left;padding-bottom: 0;}
.testimonial-div h2{font-size: 25px;color: #000;font-family: 'Lato', sans-serif;font-weight: 700;margin-bottom: 10px;}
.testimonial-div p.ptesthead{font-size: 25px;color: #000;font-family: 'Lato', sans-serif;font-weight: 700;margin-bottom: 10px; line-height: 1.2;}
.testimonial-div .ptesthead{font-size: 25px;color: #000;font-family: 'Lato', sans-serif;font-weight: 700;margin-bottom: 10px; line-height: 1.2;}
.testimonial-div .tag-cng-heading{
  font-size: 25px;
  line-height: 1.5;
  font-weight: 600;
}
.testimonial-div p{font-size: 18px;color: #000;font-family: 'Lato', sans-serif;line-height: 25px;font-weight: 400;}
.testimonial-div p a{text-transform: initial; border-bottom: 0px solid #C51A1A;}
.hero-section .sp-cheading{
  font-size: 25px;
    padding: 0;
    font-weight: 500;
    margin-bottom: 15px;
}

.next-red-box{
  background-color: #fcebeb;
  border-radius: 10px;
  padding: 50px 0 50px 0;
  position: relative;
}
.next-white-box{
  background-color: #fff;
  box-shadow: 0 0 10px 0 #ddd;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 15px;
  border-radius: 10px;
  margin-bottom: 30px;
  position: relative;
  left: 20px;
}
.next-align{
  align-items: center;
}
.next-white-box:first-child{
  left: 50px;
}
.next-white-box:last-child{
  margin-bottom: 0;
  left: 70px;
}
.next-content h3{
  font-size: 26px;
    font-weight: 700;
}
.next-content p{
  font-size: 18px;
  font-weight: 400;
}
.next-level-space{
  padding-left: 70px;
}
.next-level-space h2{
  font-size: 52px;
    font-weight: 700;
}

.food-order-btn{background: #ffffffa6;border-radius: 30px;display: inline-block;padding: 10px;float: right;margin-bottom: 35px;}
.food-order-btn span{background-position: -159px -57px;width: 28px;height: 20px;float: left;margin-right: 10px;}
.food-order-btn h6{font-size: 17px;color: #000;font-family: 'Lato', sans-serif;float: right;line-height: 21px;margin: 0 11px 0 0px;}
.owl-prev, .owl-next {width: 15px;height: 15px;position: absolute;bottom: 14%;display: block !important;}
@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.owl-prev {
    left: 16%;
}
.owl-next {
    left: 20.5%;
}
.owl-prev i, .owl-next i {
    color: #c5271a !important;
    background-color: #ffffff;
    border-radius: 50%;
    font-size: 33px;
    height: 40px;
    width: 40px;
    box-shadow: 2px 2px 7px #00000038;
}
.owl-next i{padding: 4px 16px;}
.owl-prev i{padding: 5px 5px;}
button {
    border: none !important;
    border-radius: none !important;
    outline: none !important;
}
button.sec-button{
  text-transform: uppercase;
  font-size: 16px;
  margin-top: 30px;
  background-color: #C51A1A;
  border-radius: 30px;
  padding: 12px 45px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
}
button.sec-button:first-of-type{
  margin-right: 15px;
}

.owl-theme .owl-nav .disabled i{color: #ffffff !important;background: #feaaa6;}
.owl-theme .owl-nav [class*='owl-']:hover{background: transparent !important;}
@media (max-width: 800px) {
.author-text{
margin-top:30px;
margin-bottom:30px;    
}
.lead{
font-size:16px;    
}
}
.testimonial-images{border-radius: 12px;border: 1px solid #D53430;margin-bottom: 10px;position: relative;z-index: 99;}
.testimonial-images img{width: 100% !important;position: relative;top: 10px;left: -10px;z-index: 999;}
.testimonial-div h6{font-size: 25px;color: #000;font-family: 'Lato', sans-serif;font-weight: 700;margin-bottom: -3px;}
.testimonial-div h4{font-size: 18px;color: #C51A1A;font-weight: normal;font-family: 'Lato', sans-serif;line-height: 25px;}
.testimonial-div a{color: #C51A1A;font-size: 18px;font-family: 'Lato', sans-serif;text-transform: uppercase;font-weight: 500;}
.testimonial-div span{color: #C51A1A;font-size: 25px;font-family: 'Lato', sans-serif;text-transform: capitalize;font-weight: 700;}
.mrg25{margin: 25px 0;}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.02, 1.02);
  }
  100% {
    transform: scale(1, 1);
  }
}
.pad50{padding: 40px 0 90px 0;}

.testimonial-images-top-shape{position: absolute;left: -82px;top: -70px;z-index: 9;width: 45%;}
.testimonial-images-top-shape path{fill: #feaaa6;}
.test-circle{width: 200px;height: 200px;border-radius: 50%;background: #ffebeb;position: absolute;z-index: 99;bottom: -100px;right: -70px;z-index: 9;display: none;}
.test-quat{position: absolute;right: 90px;top: 50px;width: auto;z-index: 9999;}
.join-fh{text-align: center;background: #F2F2F2;padding-top: 16%;position: relative;top: auto;z-index: 9;padding-bottom: 80px;margin-top: 300px;}
.join-fh h2{font-size: 45px;font-weight: 700;color: #000;margin: 70px 0 15px 0;}
.join-fh .set-heading{font-size: 45px;font-weight: 700;color: #000;margin: 70px 0 15px 0;line-height: 1.2; margin-top: 0; margin-bottom: 5px; color: #000;}
.join-fh p{font-size: 18px;color: #000;font-family: 'Lato', sans-serif;line-height: 25px;margin-bottom: 30px;font-weight: 400;}
.commision h2{font-size: 45px;font-weight: 700;color: #ffffff;margin-bottom: 0px;border-bottom: 4px solid #fff;display: inline-block;}
.commision p.chg-cheading{font-size: 45px;font-weight: 700;color: #ffffff;margin-bottom: 0px;border-bottom: 4px solid #fff;display: inline-block;line-height: 1.2;padding: 0; margin-top: 0;}
.commision .set-heading{font-size: 45px;font-weight: 700;color: #ffffff;margin-bottom: 0px;border-bottom: 4px solid #fff;display: inline-block;padding: 0;
  line-height: 1.2;}
.commision p{font-size: 18px;color: #fff;font-family: 'Lato', sans-serif;line-height: 25px;font-weight: 400;margin-top: 5px;margin: 26px 0 0 0;}
.commision-shape{position: absolute; bottom: -59px; left: -60px;}
.cal-sec p span{color: #ffffff;}
.achevivement{background: #fff;border-radius: 20px;padding: 40px 15px;position: absolute;top: -170px;z-index: 99;box-shadow: 0px 0px 7px #0000001f;}
.achevivement h3{font-size: 25px;color: #000;font-family: 'Lato', sans-serif;font-weight: 600;text-align: center;width: 100%;font-weight: 700;margin-bottom: 0;}
.achevivement p {font-size: 18px;color: #000;font-family: 'Lato', sans-serif;line-height: 25px;text-align: center;font-weight: 400;}
.achevivement h5{font-size: 30px;color: #000000;font-family: 'Lato', sans-serif;line-height: 25px;font-weight: 600;margin-top: 35px;margin-bottom: 5px;}
.achevivement h6{font-size: 13px;color: #C51A1A;font-family: 'Lato', sans-serif;line-height: 25px;font-weight: 400;}

.left-leaf{display: inline-block;width: 60px;float: left;}
.right-leaf{display: inline-block;width: 60px;float: right;}
.achevivement-line{position: absolute;top: -50px;left: -80px;}
.rateing{/* margin-top: 110px; */}
.rateing h3{font-size: 25px !important;color: #000;font-family: 'Lato', sans-serif;font-weight: 700;text-align: center;margin-bottom: 0;}
.rateing h3::before{background: url(../images/heading-border.svg) no-repeat;display: inline-block;content: ".";width: 100px;height: 20px;color: transparent;transform: rotate(180deg);margin-right: 20px;}
.rateing h3::after{background: url(../images/heading-border.svg) no-repeat;display: inline-block;content: ".";width: 80px;height: 19px;line-height: 10px;color: transparent;margin-left: 30px;}
h2.time-head::before{background: url(../images/heading-border.svg) no-repeat;display: inline-block;content: ".";width: 100px;height: 20px;color: transparent;transform: rotate(180deg);margin-right: 20px;display: none;}
h2.time-head::after{background: url(../images/heading-border.svg) no-repeat;display: inline-block;content: ".";width: 80px;height: 19px;line-height: 10px;color: transparent;margin-left: 30px;display: none;}

.rateing p{font-size: 18px;color: #000;font-family: 'Lato', sans-serif;line-height: 25px;text-align: center;margin-top: 25px;margin-bottom: 20px;}
.rateing p.ct-par{
  margin-top: 5px;
}
.rating-img-div{
}
.rating-img-div a{display: inline-block;border-radius: 25px;overflow: hidden;margin: 20px 15px;box-shadow: 2px 3px 18px #0000001f;}
.rating-img-div img{
    width: 230px;
}
.rateing ul{margin: 0;padding: 0;}
.rateing ul li{list-style: none;text-align: left;margin: 19px 40px;font-size: 20px;font-weight: 300;line-height: 25px;}
.rateing ul li span{font-size: 20px;font-weight: 500;}
.rateing ul li span.dot{width:10px;height:10px;border-radius: 100%;background: #000;display: inline-block;margin-right: 10px;margin-bottom: 50px;float: left;margin-top: 5px;}
.tab-div h2{font-size: 25px;color: #000;font-family: 'Lato', sans-serif;font-weight: 700;text-align: center;margin-bottom: 0;}
.tab-div p{font-size: 18px;color: #000;font-family: 'Lato', sans-serif;line-height: 25px;text-align: center;margin-top: 0px;}
.nav-tabs {display:none;}
.nav-tabs{border: 0;margin: 55px 0px 30px;text-align: center;width: 100%;}
.nav-tabs .nav-link{font-family: 'Lato', sans-serif;font-size: 20px;font-weight: 600;text-transform: uppercase;color: #000;border: 0 !important;border-bottom: 5px solid transparent !important;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{color: #000;border: none;border-bottom: 5px solid #C51A1A !important;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{border: 0 !important;border-bottom: 5px solid #C51A1A !important;}
.nav-tabs .nav-item{margin: 0 35px;display: inherit;}
.nav-tabs .nav-link{}
.blogs-img{border: 1px solid #D53430;position: relative;/* overflow: hidden; */margin: 15px;border-radius: 12px;position: relative;}
.blogs-img img{width:100%;position: relative;top: 10px;left: -10px;border-radius: 12px;}
.blogs-div{overflow: hidden;}
.blogs-div a{color: #C51A1A;font-size: 18px;font-family: 'Lato', sans-serif;font-weight: 500;}
.blogs-div h4{font-size: 20px;color: #000;font-family: 'Lato', sans-serif;font-weight: 600;text-align: left;margin: 30px 0 20px 0;min-height: 48px;}
.blogs-img-overlay{position: absolute;top: 10px;left: -100%;right: 100%;bottom: -10px;background: #c51a1aed;/* transition: 1s; */margin: 16px;border-radius: 12px;display: none;}
.blogs-date{font-size: 15px;color: #000;font-family: 'Lato', sans-serif;font-weight: normal;display: inline-block;background: #fff;position: absolute;top: 50px;padding: 10px 30px;border-radius: 0 30px 30px 0;font-weight: 600;}
.blogs-img-overlay h3{font-size: 14px;color: #fff;font-family: 'Lato', sans-serif;font-weight: normal;display: inline-block;position: absolute;bottom: 15px;left: 15px;text-transform: uppercase;font-weight: 500;}
.chat-icon{background: url(../images/chat-icon.svg);content: " ";display: inline-block;width: 18px;height: 16px;margin-left: 13px;float: right;}
.blogs-div:hover .blogs-img-overlay{left: -11px;right: 10px;top: 10px;bottom: -10px;margin: 0; display: none;}
.leaf-div{padding: 0;text-align: center;display: inline-block;margin-top: 30px;}
.leaf-div div{display: inline-block;}
.btn-resize{padding:7px 65px;}
/* .commision{margin-top: -170px;} */
.rateing a{text-transform: capitalize !important;}
.hidden-visibility{visibility: hidden;}
.ply-btn-testimo{position: absolute;top: 30px;z-index: 999;color: #fff !important;font-weight: 200 !important;left: -20px;}
.ply-btn-testimo svg{width: 40px; margin-right: 10px;}
.ply-btn-testimo  span{margin-top: 2px;float: right;text-transform: capitalize;font-weight: 300;display: none;}
.cal-sec{border-radius: 30px;box-shadow: 1px 1px 50px #00000026;padding: 70px 55px;margin-bottom: 80px;background: #D82927;position: relative;z-index: 1;}
.sv-b{text-align: center;margin: 60px 0;}
.emi_amount{font-size: 38px !important;font-weight: 500 !important;color: #c5271a !important;margin-top: 10px;}
.commi-para{color: #ffffff !important;font-size: 15px !important;text-align: center;}
.commision a{padding: 7px 50px; margin-top: 20px;background: #000;border-radius: 6px;}
.foot-top{margin-top: 28px;}
.hero-img-div-mobile{display: none;}
.lid-div{display: inline-block; text-align: center;}
.lid{ margin-bottom: 10px; display: inline-block; }
.lid-head{ font-size: 15px; font-weight: 400; font-family: 'Lato', sans-serif; }
.sub-footer{background: #333333;margin-top: 0px;}
.footer-form{background: #fff;padding: 30px;border-radius: 12px;}

.footer-form a img.foot-log{
  width: 150px;
}
.footer-form .form-control, .input-group>.input-group-prepend>.input-group-text{margin-top: 20px;border: 1px solid #ededed;font-size: 14px;height: 45px;
    border-radius: 6px;}
    .input-group>.input-group-prepend>.input-group-text{
      border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    }
    .form-control:focus{
      box-shadow: none;
    }
    select.all-ccode{
      margin-top: 20px;
    border: 1px solid #ededed;
    font-size: 14px;
    height: 45px;
    border-radius: 6px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #e9ecef;
    padding-left: 10px;
    }
    select.all-ccode:focus{
      outline: none;
    }
.footer-form .form-control::placeholder {color: #b9b9b9}
.submit-btn{ display: inline-block; font-size: 14px; font-weight: 300;  background: #C51A1A; color: #fff; font-family: 'Lato', sans-serif; text-transform: uppercase; padding: 7px 35px; border: none; text-align: center; margin-top: 20px; cursor: pointer;height: 45px;font-weight: bold;border-radius: 30px;}
.sub-footer h3{
  font-size: 17px;
  /* color: #fff; */
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  margin-top: 20px;
}
.sub-footer h2{
  font-size: 17px;
  color: #fff;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  margin-top: 20px;
}
.sub-footer p.menu_heading{font-size: 17px;
  color: #fff;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  margin-top: 20px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0.5rem;}
.sub-footer .footer-form p.ffph{font-size: 17px;color: #000 !important;font-family: 'Lato', sans-serif;font-weight: 400;margin-top: 20px;margin-bottom: 0;
  line-height: 1.2;}
.sub-footer form h1{color: #000}
.sub-footer-menu{margin: 10px 0;}
.sub-footer-menu h1{font-weight: 600;}
.sub-footer-menu ul{margin: 0; padding: 0;}
.sub-footer-menu ul li{list-style: none;margin: 5px 0;}
.sub-footer-menu ul li a ,.sub-footer p{display: inline-block;font-size: 16px;font-weight: 300;color: #ffffff !important;font-family: 'Lato', sans-serif;}
.footer{background: #000;padding: 15px 0;}
.copy{float: right !important;}
.footer span{color: #fff;font-size: 16px;font-family: 'Lato', sans-serif;display: inline-block;}
.footer span.fh-footer-logo{background-position: -115px -94px;height: 15px;width: 99px;border-right: 1px solid #fff;display: inline-block;margin-left: 15px;}
.footer span.t2s-footer-logo{background-position: -114px -125px;height: 16px;width: 121px;margin-left: 15px;}
.sub-footer p{font-size: 15px;color: #000;line-height: 35px;margin: 30px 0;}
.sub-footer a.common-btn{padding: 7px 30px;font-weight: 400;font-size: 18px;}



.product-hero-section{padding: 60px 0;}
.product-banner{}
.product-banner img{width: 100%;}
.product-cont{width: auto;}
.product-cont p{padding: 0 !important;}
.product-cont .play-btn{margin-top: 30px; margin-left: 0 !important;}
.product-section{background: #f2f2f2;padding: 50px 70px;border-radius: 16px;margin: 100px 0 0;position: relative;z-index: 999;}
.product-section h2{margin-top: 0 !important; margin-bottom: 50px;}
.product-element{position: absolute; z-index: 99;width: auto !important;}
.one{top: -100px; right: -55px;}
.two{top: -75px; left: -71px;}
.three{top: -80px; right: -60px;}
.four{top: -65px; left: -65px;}
.five{top: -80px; right: -60px;}
 h3.product-head{font-size: 15px;text-align: center;}
 h3.product-head span{display: -webkit-inline-box;} 
 h3.product-head span.head-dot{width: 10px;height: 10px;border-radius: 100%;background: #c51a1a;margin-right: 15px;position: relative;top: 0px;}
.product-div{/* border: 1px solid #FFAAA7; */text-align: center;padding: 100px 15px 20px;position: relative;margin: 100px 0 0;z-index: 999;background: #fff;border-radius: 12px;}
.product-div h3{color: #000000;font-family: 'Lato', sans-serif;font-size: 16px;font-weight: 700;}
.product-div p{color: #000000;font-family: 'Lato', sans-serif;font-size: 15px;font-weight: 400;line-height: 22px;min-height: 90px;margin: 0;}
.product-div a{display: inline-block;color: #C51A1A;font-family: 'Lato', sans-serif;font-size: 18px;font-weight: 400;/* border:1px solid #C51A1A; */padding: 10px 40px;}
.product-div a:hover{background: #C51A1A;color: #fff !important;cursor: pointer;}
.product-div img{position: absolute;top: -40%;}
/* .product-div.receipt img, .product-div.caller img{
  width: 160px;
  top: -60px;
} */
/* .product-div.digi_menu img{
  top: -40px;
  width: 170px;
} */
.last-div img{width: 41% !important; margin: 0 auto !important; left: 30% !important; top: 0 !important;}
.product-div{
  display: flex;
  align-items: center;
  flex-direction: column;
}
/* .product-div img.hard_img1{
  width: 100px;
  top: -80px;
} */
/* .product-div img.hard_img2{
  top: -68px;
} */
/* .product-div img.hard_img3{
  top: -70px;
} */
.price-table-parent{
  display: none;
}
.price-flex{
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.price-table{
  display: inline-block;
  position: relative;
}
.price-table table{
  border-collapse: collapse;
}
.price-table table th{
  font-size: 18px;
  padding: 10px 15px;
}
.price-table table td{
  font-size: 18px;
  padding: 10px 15px;
}
.price-table table th, .price-table table td{
  border: 1px solid #c3c3c3;
}
.price-table table tr:nth-child(even){
  background-color: #dddddd;
}
.priceclosebtn{
  background-color: rgb(199, 199, 199);
    display: flex;
    justify-content: center;
    align-self: center;
    border-radius: 50%;
    font-size: 15px;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.product-page-testi h2, .product-page-testi p{color: #fff !important;}
.product-page-testi .test-circle{background: #eb574b;}
.product-page-testi .testimonial-images-top-shape path{fill: #ffffff45;}
.product-page-testi a{color: #000;}
.product-page-testi h6{color: #fff;}
.product-page-testi .test-quat{top: 0;}
.test-rate{padding: 15px 20px;background: #fff;display: inline-block;border-radius: 9px;box-shadow: 2px 2px 11px #0000004f;margin-bottom: 20px;}
.test-rate p{ font-size: 15px !important; color: #000 !important; }
.rating-row{}
.rating-row span{ display: inline-block; width: 24px; height: 23px; margin: -4px 0px; }
.rating-row span.full{background: url(../images/full.svg);}
.rating-row span.half{background: url(../images/half.svg);}
.rating-row span.empty{background: url(../images/empty.svg);}
.test-up-img{position: absolute;z-index: 9999;}
.img1{ top: -50px; left: -50px; }
.img2{ top: -108px; right: 220px; }
.img3{ right: 0; bottom: 0px; }
.product-page-testi .testimonial-images{border: 1px solid #fff;}
.product-page-testi .owl-theme .owl-nav .disabled i{background: #fff; color: #BFBFBF !important}
.product-cir{background: url(../images/circule.svg);display: inline-block;width: 700px;height: 700px;position: absolute;z-index: 99;}
.cir1{ left: 0; top: 1050px; }
.cir2{ right: 0;  transform: rotate(180deg); top: 400px; }
/* .point-os-sale-hero-section{padding: 100px 0px 60px;} */
.point-os-sale-hero-section .common-btn{padding:7px 40px;}
.point-os-sale-hero-section .hero-menu img{width: 94%;top: 0;right: -24%;}
.management-app-pos-hero-section .hero-menu img{width: auto;right: 0;}
.android-pos-hero-section .hero-menu img{width: 70%;top: 0;right: -15%;}
.android-pos-hero-section .hero-menu.android-pos-menu1 img {
  width: 65%;
}
.mobile-pos-hero-section .hero-menu img{width: 95%;top: 0;right: -20%;}
.point-os-sale-hero-section p{padding-right: 0px !important}
.product-menu1{bottom: 35px;left: -30px;}
.product-menu2{top: -15%;right: -18%;}
.product-menu3{bottom: 5px;right: -27%;}
.android-pos-menu1{bottom: -60px;
  left: -36%;}
.android-pos-menu2{right: 60px;
  top: -70px;}
.android-pos-menu3{right: 40px;bottom: -10px;}
.delivary-management-menu1{bottom: 103px;left: -10%;}
.delivary-management-menu2{right: 0;top: -75px;}
.fk-section-menu1{top: 100px;left: -34%;}
.fk-section-menu2{right: 70px;top: -24px;}
.fk-section-menu3{right: -29px;top: 150px;}
.ordering-pos-menu1{bottom: -25px;left: 75px;}
.ordering-pos-menu2{left: -163px;top: -70px;}
.ordering-pos-menu3{right: -10px;top: -60px;}
.ordering-pos-menu4{right: 55px;bottom: 60px;}
.foodhub-pos-menu1{bottom: -92px;
  left: 16px;}
.foodhub-pos-menu1.o-kiosk{
  bottom: -110px;
    left: -130px;
}
.foodhub-pos-menu2.o-kiosk2{
  left: 25%;
    top: -42px;
}
.foodhub-pos-menu3.o-kiosk3{
  right: 30px;
}
.foodhub-pos-menu3{right: -30px;top: 180px;}
.foodhub-pos-menu2{left: 25%;
  top: -41px;}
.foodhub-pos-menu3{right: -30px;top: 180px;}
.pdq-pos-menu1{bottom: -27px;left: 21px;}
.pdq-pos-menu2{left: 38%;top: -70px;display: none;}
.pdq-pos-menu3{right: 99px;top: -21px;}
.mobile-pos-menu1{bottom: -132px;left: 43px;}
.mobile-pos-menu2{left: -106px;top: -20px;right: auto;}
.mobile-pos-menu3{right: 0px;top: 45px;}
.mobile-pos-menu4{right: 0px;bottom: -160px;}
.management-pos-menu1{left: 133px;top: 170px;}
.management-pos-menu2{right: -40px;top: 145px;}
.lap-none{margin: 0 auto;}
.foodhub-pos-menu2.coming_img2{
  left: 50%;
    top: -68px;
}
.foodhub-pos-menu1.coming_img1{
  top: -25px;
  left: -50px;
}
.foodhub-pos-menu3.coming_img3{
  right: 40px;
    top: 125px;
}
/* .point-of-sale-pos-section{padding-bottom: 0} */
.point-of-sale-test-section a.common-btn{color:#fff !important;margin-top: 50px;}
.point-of-sale-test-div{background:#000;border-radius: 30px;padding: 50px 0;}
.point-of-sale-test-div .testimonial-images-top-shape{display: none;}
.point-of-sale-test-div p{color: #fff !important}
.point-of-sale-test-div h6{color: #fff !important}
.point-of-sale-test-div .test-quat{top:10px;}
.point-of-sale-test-section{padding: 60px 0}
.point-of-sale-test-section .watch-btn{
    margin: 0;
    background: #157cd6;
    text-transform: capitalize;
    color: #fff;
    line-height: 33px;
    font-weight: 400;
    margin-top: 35px;
    padding: 3px 20px 3px 15px;
}
.point-of-sale-test-section .watch-btn span.ply-btn{background: url(../images/watch.svg) !important;width: 25px;height: 25px;margin-right: 15px;}



.accordion{
  margin: 40px 0;
background: #ffffffbd;}
.accordion .item {
    border: none;
    margin-bottom: 20px;
    background: none;
}
.t-p{
  color: rgb(197 26 26);
  padding: 15px 0px 0px 0px;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 17px;
font-style: italic;width: 90%;margin-left: 2%;text-align: left;}
.accordion .item .item-header h2 button.btn.btn-link {
    color: black;
    border-radius: 0px;
    font-family: 'Poppins';
    font-size: 19px;
    /* font-weight: 300; */
    line-height: 2;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    border-bottom: 1px solid #000 !important;
white-space: normal;
word-wrap: break-word;}
.accordion .item .item-header {
    border-bottom: none;
    background: transparent;
    padding: 0px;
    margin: 2px;
}

.accordion .item .item-header h2 button {
    color: white;
    font-size: 20px;
    padding: 0px 0;
    display: block;
    width: 100%;
    text-align: left;
}

.accordion .item .item-header h2 span.qa-arrow {
    background: url(../images/qa-arrow.svg);
    width: 25px;
    height: 15px;
    float: left;
    margin-right: 10px;
margin-top: 10px;margin-bottom: 30px;}

.list-icon{
    background: url(../images/list-icon.svg);
    /* width: 22px; */
    height: 12px;
    margin-right: 0;
    width: 28px;
    background-repeat: no-repeat;
    flex: 0 0 25px;
    }
.accordion .item .item-header h2 span.qa-right {float: right;}
.accordion .item .item-header h2 span.qa-right-hide {float: right;color: #c5271a;}

button.btn.btn-link.collapsed span.qa-arrow  {

    transform: rotate(0deg);
}

button.btn.btn-link span.qa-arrow {
    transform: rotate(90deg);
    transition: 0.5s;
}

.qa-section{background: url(../images/bg.png);background-size: contain;background-repeat: no-repeat;background-position: 50% 100%;}
.qa-section h2{color: #000;text-align: center;font-family: 'Lato', sans-serif;font-size: 35px;font-weight: 700;margin-bottom: 50px; line-height: 1.2;}
.qa-section .qa-cheading{color: #000;text-align: center;font-family: 'Lato', sans-serif;font-size: 35px;font-weight: 700;margin-bottom: 50px;line-height: 1.2;}
.half-bg{padding-top: 0; height: 230px;}
.serive-img-div{text-align: center;}
.serive-img-div .hero-img img.img-relative{width: 75%;}
.android-pos-hero-section .hero-img img.img-relative{width: 70%;}
.ordering-pos-hero-section .hero-img img.img-relative{width: 70%;}
.serive-img-div .hero-menu img{width: 80%;right: 0;}
.service-menu1{ right: auto; bottom: 210px; left: 35px; }
.service-menu2{ right: auto;  bottom: 65px; }
.service-menu3{ bottom: 160px; right: 0; }
.service-menu4{ bottom: 30px; right: 45px; }
.list-arrow { background: url(../images/list-icon.svg); width: 22px; height: 12px; display: inline-block; margin-right: 10px; }
.service-sect-box{margin: 80px 30px 0 30px;background: #fff;box-shadow: 2px 2px 15px #00000026;padding: 40px 30px;border-radius: 20px;position: relative;z-index: 999;border: 1px solid #fff;width: calc(100% - 60px);float: left;box-sizing: border-box;}
.service-sect-box span img{width: auto; margin-bottom: 30px;}
.service-sect-div ul{margin: 30px 0;}
.arrow{display: inline-block;position: absolute;bottom: -49px;z-index: 99999;left: calc(50% - 27.5px); display: none;}
.service-sect-box:hover{border: 1px solid #c42603; box-shadow: none;}
.service-sect-box:hover + .arrow{display: none;}
.serive-marketing-img-div .service-marketing-menu1{right: auto;left: -60px;bottom: 256px;}
.serive-marketing-img-div .service-marketing-menu2{bottom: 134px;left: -140px;right: auto;}
.serive-marketing-img-div .service-marketing-menu3{bottom: 216px;right: -10px;}
.serive-marketing-img-div .service-marketing-menu4{bottom: 65px;right: -30px;}
.payment-menu1{right: auto;left: -90px;bottom: 260px;}
.payment-menu2{bottom: 113px;left: -160px;right: auto;}
.payment-menu3{bottom: 223px;right: 76px;}
.payment-menu4{bottom: 80px;right: 33px;}
.customer-menu1{right: auto;left: -65px;bottom: 215px;}
.customer-menu2{bottom: 113px;left: -105px;right: auto;}
.customer-menu3{bottom: 215px;right: 0px;}
.customer-menu4{bottom: 67px;right: -20px;}
.foodhub-support-menu1{top: 160px;left: -115px;right: auto;}
.foodhub-support-menu2{bottom: 67px;right: 15px;}
.serive-marketing-img-div .hero-img img.img-relative {width: 85%;}
.serive-marketing-img-div .hero-img img {width: 85%;}
.small-heading{ font-size: 25px; }
.mrbt80{margin-bottom: 80px;}
.bt-hero{
    width: 100%;
    float: left;
    margin: 10px 0px 20px;
}
.bt-hero a{}
.ser-sec{padding: 60px 0;}
.marketing-sec{padding: 60px 0 !important;}
.owl-theme .owl-nav .disabled{opacity: 1;}
.ser-sec a{text-transform: capitalize;}
.orgonization-data{background: #fff;text-align: center;padding: 30px 40px;margin: 60px 0;box-shadow: 0px 0px 9px #00000038;border: 1px solid #ffffff;border-radius: 12px;}
.orgonization-data h2{color: #000000;font-family: 'Lato', sans-serif;font-size: 50px;font-weight: 700;margin: 0;}
.orgonization-data h2 span{ color: #c51a1a; }
.orgonization-data .co-header{color: #000000;font-family: 'Lato', sans-serif;font-size: 50px;font-weight: 700;margin: 0;line-height: 1.2;}
.orgonization-data .co-header span{ color: #c51a1a; }
.orgonization-data p{color: #000000;font-family: 'Lato', sans-serif;font-size: 15px;font-weight: 400;margin: 0;}
.adi-base{background: #FFEBEB;position: relative;padding: 60px 60px 30px;text-align: center;margin-top: -45px;position: relative;z-index: 999;border-radius: 20px;}
.adi-base h2{color: #171717;font-family: 'Lato', sans-serif;font-size: 19px;font-weight: 700;}
.adi-base .adi-cheading{color: #171717;font-family: 'Lato', sans-serif;font-size: 19px;font-weight: 700;}
.adi-img{width: auto !important;position: relative;z-index: 9999;}
.dropdown-toggle::after{vertical-align: .1em}
.service-sect-div a.common-btn{color: #fff;}
.ordering-pos-hero-section{padding: 140px 0 60px;}
.ordering-test{border-radius: 40px;padding: 50px 0;}
.ordering-test .test-quat{fill: #000 !important;top: -20px;right: 80px;}
.mobile-pos-hero-section{padding: 70px 0 250px;}
.mobile-pos-hero-section h1{margin-top: 90px;}
.foodhub-pos-hero-section img.img-relative{width: 50%;}
.pdq-pos-hero-section img.img-relative{width: 60%;}
.pdq-pos-hero-section .coming-hero img.img-relative{
  width: auto;
}
.management-app-pos-hero-section img.img-relative{width: auto;}
.foodhub-pos-hero-section{padding: 140px 0 100px;}
.management-app-pos-hero-section{padding: 60px 0 160px;}
/* .pdq-pos-hero-section{padding: 170px 0 150px;} */
.pdq-pos-hero-section .hero-menu img{width: 80%;}
.pdq-pos-hero-section .coming-hero .hero-menu img{width: auto;}
.product-icon{padding: 25px 15px;text-align: center;margin: 0px;border-radius: 12px;height: 100%;}
.product-icon img{width: auto;}
.product-icon h2{/* min-height: 72px; */}
.product-icon p{min-height: 150px;margin-top: 25px;}
.pdq-content{position: relative;margin: 0 10%;margin-top: 70px;}
.pdq-pricing{background: url(../images/product/pdq-pricing-bg.png) no-repeat;background-position: 0;position: inherit;z-index: 9;background-size: cover;border-radius: 12px;overflow: hidden;left: -15px;}
.pdq-pricing-section{background: #BFBFBF;}
.pdq-pricing-detail{padding: 0 30px;background: #393939;}
.pdq-pricing-detail-div{text-align: center;margin: 35px 0;}
.pdq-pricing-detail-div img{width: auto !important;margin: 0 auto;}
.pdq-pricing-detail-div p{color: #ffffff;font-family: 'Lato', sans-serif;font-size: 16px;font-weight: 300;padding: 0 !important;margin: 0;line-height: 25px;margin-top: 20px;}
.pdq-shap1{position: absolute;right: -110px;z-index: 8;bottom: 30px;}
.pdq-shap2{position: absolute;left: -55px;z-index: 99;top: -70px;}
.owl-theme .owl-dots .owl-dot span{width: 15px;height: 15px;background: #827F7F;margin: 5px 2px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #fff;}
.hard-div a.common-btn{color: #fff;position: relative; background: #C51A1A;}
.hard-div a.common-btn .pulse{background: #FFAAA7;  width: 12px; height: 12px; right: 5px; top: -6px;}
.service-testimonials .test-quat{ right: 40%; fill: #fff; }
.test-logo{width: auto !important;margin-bottom: 20px;}
.service-testimonials .rating-img-div{text-align: center;}
.service-testimonials .rating-img-div a{width: 35%;display: inline-block;box-sizing: border-box;border-radius: 10px;padding: 0;}

.service-testimonials .owl-theme .owl-nav .disabled i{color: #BFBFBF !important; background: #ffffff !important;}
.service-testimonials .owl-prev i, .owl-next i{color: #c5271a !important; background: #fff;}
.service-testimonials .owl-prev{left: 10%;bottom: 13%;}
.service-testimonials .owl-next{left: 14%;bottom: 13%;}
.delevery-management-hero-section img.img-relative{width: 60%;}
.fk-section img.img-relative{width: 60%;}
.delevery-management-hero-section .hero-menu img{width: 85%;right: 0;}
.chef-screen-hero-section img.img-relative{width: 100%;}
.chef-screen-hero-section .hero-menu img{width: 100%;right: 0;}
.delevery-management-hero-section{padding: 140px 0 0px;}
.chef-screen-menu1{bottom: 5px;left: -22%;}
.chef-screen-menu2{right: 65px;bottom: -70px;}
.digital-board-hero-section img.img-relative{width: 75%;}
.digital-board-hero-section .hero-menu img{width: 97%;right: 0px;}
.digital-board-menu1{bottom: -190px;left: 11%;z-index: 9999;}
.digital-board-menu2{left: -13%;top: 55px;right: auto;bottom: auto;}
.digital-board-menu3{right: -47px;top: 43px;bottom: auto;z-index: 9999;}
.digital-board-hero-section{padding: 60px 0 160px;}
.hardware-popup{background: #000000bf;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 999; -ms-transform: scale(0); /* IE 9 */-webkit-transform: scale(0); /* Safari 3-8 */transform: scale(0);transition: .5s;}
.hardware-popup-div{background: #fff;border-radius: 16px;padding: 30px;}
.scalepop{-ms-transform: scale(1); /* IE 9 */-webkit-transform: scale(1); /* Safari 3-8 */transform: scale(1);transition: .5s;}
.hardware-spec{background: #fff;border-radius: 20px;padding: 20px;box-shadow: 0px 0px 16px #0000002e;}
.hardware-spec h2{ font-size: 24px !important; }
.hardware-spec h2 span{color: #C51A1A;}
.hardware-spec p{ font-size: 15px !important; }
.hardware-spec ul li{ font-weight: 600; font-size: 13px !important; }
.hardware-spec a.common-btn{color: #fff;font-size: 15px;padding: 10px 55px;}
.pop-cls-btn{position: absolute;right: 35px;top: 20px;}
.packages-div{}
.packages-div h2{font-weight: 500; line-height: 40px;}
.package-box{
    margin-top: 50px;
}
.package-img{text-align: center;margin-bottom: 40px;}
.package-img img{width: 55%;margin: 0 auto;}
.package-content{background: #fff;padding: 10px;box-shadow: 0px 0px 20px #cccccc85;padding: 50px 30px;border-radius: 12px;min-height: 648px;}
.package-content ul li{font-size: 16px;}
.table-bordered{border: none !important}
.table-bullet{ display: inline-block; margin-right: 20px; }
.table-bullet img{}
.table td, .table th{font-size: 18px;text-align: left;}
.res-table{margin: 100px 0;}
.res-table img{width: auto;}
.package-btn{background: #000;padding: 7px 30px;color: #fff !important;margin-top: 15px;}
.qa-mar{margin-top: 0;}
.pack-img{}
button.btn.btn-link.collapsed span.qa-right{display: block;}
button.btn.btn-link span.qa-right{display: none;}
button.btn.btn-link.collapsed span.qa-right-hide{display: none;}
button.btn.btn-link span.qa-right-hide{display: block;}
.online-ordering-feedback{padding: 70px 0;}
.online-ordering-feedback .test-quat{fill: #000 !important; top: 25px;}
.pdq-product .product-icon p{min-height: 0;}


.hidden {
  overflow: hidden;
  display: none;
  visibility: hidden;
}

.btn-gallery img {
  width: 100%;
  height: auto;
  margin: 15px 0;
  border-radius: 12px;
}


/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
 }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
  display: none;
  }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }


.timeline-content h2{margin-top: 0 !important;}
.timeline {
  position: relative;
}
.timeline::before {
  content: "";
  background: #00000052;
  width: 1px;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.timeline-item {
  width: 100%;
  padding-top: 100px;
}
.timeline-item:nth-child(even) .timeline-content {
  /* float: right; */
  /* padding: 40px 30px 10px 30px; */
}
.timeline-item:nth-child(even) .timeline-content .date {
  right: auto;
  left: 0;
}
.js--fadeInRight::after {
  content: "";
  position: absolute;
  border-style: solid;
  width: 0;
  height: 0;
  top: calc(50% - 10px);
  left: -15px;
  border-width: 10px 15px 10px 0;
  border-color: transparent #ffffff transparent transparent;
}
.timeline-item::after {
  content: "";
  display: block;
  clear: both;
}

.timeline-content {
  position: relative;
  width: 40%;
  padding: 10px 30px;
  border-radius: 4px;
  background: #ffffff;
  box-shadow: 0 20px 25px -15px rgba(0, 0, 0, 0.3);
  border-radius: 12px;
text-align: center;}
.js--fadeInLeft::after {
  content: "";
  position: absolute;
  border-style: solid;
  width: 0;
  height: 0;
  top: calc(50% - 10px);
  right: -15px;
  border-width: 10px 0 10px 15px;
  border-color: #ffffff00 white #ffffff00 #ffffff;
box-shadow: 0 20px 25px -15px rgb(0 0 0 / 30%);}

.timeline-img {
  
  
  
  border-radius: 50%;
  position: absolute;
  left: calc(50% - 33.5px);
  margin-top: 25px;
  margin-left: -15px;
}

.timeline a {
  background: #c5271a;
  color: #FFFFFF;
  padding: 8px 20px;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 20px;
  margin-top: 10px;
  display: inline-block;
  border-radius: 2px;
  box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.6);
}
.timeline a:hover {
  background: #32408f;
  color: #FFFFFF;
  text-decoration: none;
}

.timeline-card {
  /* padding: 0 !important; */
}
.timeline-card p {
  padding: 0 20px;
}
.timeline-card a {
  margin-left: 20px;
}

.timeline-item .timeline-img-header {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url("https://picsum.photos/1000/800/?random") center center no-repeat;
  background-size: cover;
}

.timeline-img-header {
  height: 200px;
  position: relative;
  margin-bottom: 20px;
}
.timeline-img-header h2 {
  color: #FFFFFF;
  position: absolute;
  bottom: 5px;
  left: 20px;
}

 .timeline blockquote {
  margin-top: 30px;
  color: #757575;
  border-left-color: #3F51B5;
  padding: 0 20px;
}

.date {
  background: #000000;
  display: inline-block;
  color: #FFFFFF;
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
}
/* .product-div img.feedback_kiosk_img{
  top: -40%;
  width: 200px;
} */

@media screen and (max-width: 768px) {
  .timeline::before {
    left: 50px;
  }
  .timeline .timeline-img {
    left: 25px;
  width: 70px;}
  .timeline .timeline-content {
    max-width: 100%;
    width: auto;
    margin-left: 70px;
  }
  .timeline .timeline-item:nth-child(even) .timeline-content {
    float: none;
  }

  .timeline .timeline-item:nth-child(odd) .timeline-content::after {
    content: "";
    position: absolute;
    border-style: solid;
    width: 0;
    height: 0;
    top: 30px;
    left: -15px;
    border-width: 10px 15px 10px 0;
    border-color: transparent #f5f5f5 transparent transparent;
  }

  .floating-form label{
    font-size: 18px;
    display: block;
    text-align: center;
  }
  .floating-form .pop-close {
    top: -4px;
    right: 0px;
    font-size: 13px;
  }
}
.timeline-div{    height: 500px; overflow-y: scroll;scroll-behavior: smooth;}

.milestone{position: relative;top: -200px;padding-top: 190px;margin-bottom: -200px;}
.milestone p{font-size: 12px;margin: 0;}
h2.gallary-head{font-weight: 300;/* margin-bottom: -10px; */font-size: 30px !important;}
.news-div{margin-top: 0 !important;}
.news-div h2{margin: 50px 15px;text-align: left;}
.news-div h2::after {
    background: url(../images/heading-border.svg) no-repeat;
    display: inline-block;
    content: ".";
    width: 45px;
    height: 19px;
    line-height: 10px;
    color: transparent;
    margin-left: 15px;
}
.news-box{text-align: left;padding: 0;margin: 15px 15px;min-height: 390px;border-radius: 12px;overflow: hidden;}
.news-box h2{padding: 0 20px;margin-top: 25px;font-size: 20px !important; margin-bottom: 0px;}
.news-box img{width: 100%}
.news-box p{padding: 0 20px;min-height: 0;padding-bottom: 20px;overflow: hidden;
   text-overflow: clip;
   display: -webkit-box;
        /* fallback */
   max-height: 50px;      /* fallback */
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;margin-top: 20px;position: relative;}
.news-box p:after{display: inline-block;content: ".";width: 100%;height: 29px;line-height: 10px;margin-left: 30px;color: linen;position: absolute;bottom: 0;left: -10px;background: -webkit-linear-gradient(
        rgb(255 255 255 / 37%) 0%,
        rgb(255 255 255) 100%
    );right: 10px;
  }
.case-studies{margin-bottom: 60px;}
.download-box{border-radius: 12px;box-shadow: 2px 2px 15px #00000026;padding-bottom: 30px;margin-top: 45px !important;overflow: hidden;height: calc(100% - 45px);}
.download-box p{padding-bottom: 0;}
.download-box p span{font-size: 15px;}
.webinar-section{padding: 80px 0 0 0;}
.webinar-section img.img-relative{width: 100% !important;max-width: 100%;}
.contact-form{width: 65%;border-radius: 12px;margin-bottom: 40px;box-shadow: 0px 0px 8px #00000038;}
.contact-form .form-control{ border: 0; border-bottom: 1px solid #7070707d; border-radius: 0; padding: 5px 0; margin-top: 19px; font-size: 15px; }
.contact-form .form-control.form_phone{
  padding-left: 10px;
}
.contact-form .submit-btn{margin-top: 20px;font-weight: 700;}
.webinar-section .hero-img-div {display: block !important;}
.address-box {background: #fff;border: 1px solid #70707061;/* box-shadow: 20px 20px 30px #0000004a; */margin: 0px 5% 50px;border-radius: 12px;padding: 30px;text-align: center;height: 320px;width: 90%;position: relative;display: table;}
.address-box h2{color: #D82927;}
.address-box .pos-heading{color: #D82927;}
.address-box p{ font-weight: 300; }
.address-content{display: inline-block; text-align: left;}
.fh-align-middle{display: table-cell; vertical-align: middle;}
.location-icon{background: url(../images/location-icon.svg) no-repeat;display: inline-block;width: 32px;height: 45px;position: absolute;top: 45%;right: -55px;}
.map{margin-top: 100px;}
.blog-section a{text-align: left;padding: 0 20px;}
.blog-pro{background: #FBF9F9;box-shadow: none !important;padding: 0 0 50px 0;border-radius: 12px;border: 1px solid #837f7f8a;overflow: hidden;margin-top: 75px !important;}
.blog-pro h2{ min-height: 0; color: #c51a1a;}
.blog-pro p{ min-height: 0; padding: 0 40px; }
.blog-pro .common-btn{padding: 7px 20px}
.blog-section .download-box{}
.blog-banner-content{display: block;text-align: center;background: #F2F2F2;padding: 30px;margin-bottom: 60px;border-radius: 0 0 20px 20px;}
.blog-banner-content h2{margin: 0px 0px 10px 0 !important;}
.blog-banner-content p{margin: 0;}
.blog-view img{width: 100%;margin: 30px 0;border-radius: 12px;}
.blog-view a{color: #fff;background: #000;}
.news-view-form .form-group input{border: 1px solid #000;border-radius: 0;}
.news-view-form .form-group button{display: block;width: 100%;border-radius: 0;background: #C51A1A;border: 1px solid #C51A1A !important;}
.carrier-section{
    background: #F3F3F3;
}
.carrier-section h1{}
.carrier-section a.common-btn{}
.career-banner-img{position: relative;margin-top: 50px;}
.career-banner-img img{width: 100%;margin: 0 5%;}
.career-banner-sub-img{
    position: absolute;
}
.career-banner-sub-img img{/* height: 70px; */width: auto;}
.sub-img1{ top: 59%; }
.sub-img2{ top: 44%; left: -47px; }
.sub-img3{top: 30%;right: -100px;}
.sub-img4{ top: 65%; right: -20px;}
.carrier-div img{width: auto;max-width: calc(100% + 50px);}
.medal{width: 90px !important;position: absolute;z-index: 9999;left: -28px;top: 40%;}
.get-div{background: #EFEFEF;border-radius: 12px;padding: 40px 25px 2px 25px;}
.getimg{ position: relative;}
.getimg img{ margin: 10px 0; }
.getimg1{left: -70px;}
.getimg2{ left: -85px; }
.getimg3{ left: -100px; }
.getimg4{ left: -115px; }
.success-div{ text-align: center; }
.success-div h1{ margin: 0; color: #fff; }
.success-div p{ padding: 0 !important; margin: 0;}
.success-icon-div{text-align: center;margin-top: 80px;padding: 0 35px;}
.success-icon-div img{}
.success-icon-div h4{font-size: 20px;font-family: 'Lato', sans-serif !important;color: #fff;margin-top: 25px;}
.foodhub-defines{background: #EFEFEF;padding: 100px;border-radius: 12px 12px 0 0;}
.foodhub-defines img{width: auto; max-width: 100%; margin: 0 auto;}
.foodhub-defines img.video-img{width: 100%;margin: 30px 0;}
.foodhub-defines p{padding: 0 !important;font-weight: 200;}
.vision-div{background: #161516;padding: 100px;border-radius: 0 0 12px 12px;}
.vision-div h1{color: #fff;margin: 0;}
.vision-div p{color: #fff; padding: 0 !important;}
.vision-div h2{color: #fff;}
.vision-div .test-quat{left: 0; right: auto; top: -70px;}
.vision-div img{width: 100%;margin-top: -100px;margin-bottom: -100px;}
.careers-gallery-sec{}
.careers-gallery-sec p{padding: 0 !important}
.careers-gallery-sec a.common-btn{color: #fff;padding: 7px 50px;}
.careers-gallery-sec a.common-btn span.size{float: right;margin-top: -3px;margin-left: 10px;}
.carreers-gallery-img{border-radius: 20px;background-size: cover !important;margin-bottom: 30px;}
.gallery-img1{background: url(../images/carrier/gallery/g1.png);height: 405px;background-position: 50% 50%;}
.gallery-img2{background: url(../images/carrier/gallery/g2.png);height: 245px;background-position: 50% 50%;position: absolute;width: calc(100% - 30px);bottom: 0;}
.gallery-img3{background: url(../images/carrier/gallery/g3.png);height: 250px;background-position: 50% 50%;width: calc(100% - 30px);position: absolute;bottom: 0;}
.gallery-img4{background: url(../images/carrier/gallery/g4.png);height: 250px;background-position: 50% 50%;}
.gallery-img5{background: url(../images/carrier/gallery/g5.png);height: 250px;background-position: 50% 50%;}
.gallery-img6{background: url(../images/carrier/gallery/more.png);height: 150px;background-position: 50% 50%;}
.carrier-succeed{text-align: center; background: #EFEFEF;}
.carrier-succeed img{width: 100%; margin-top: 70px;}
logo-slider {
  padding: 20px;
  overflow: hidden;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: flex;
}
logo-slider:hover div {
  animation-play-state: paused;
}
logo-slider div {
  display: flex;
  position: relative;
  animation: marquee 10s linear infinite;
  justify-content: space-around;
}
logo-slider img {
  display: block;
  min-width: var(--image-size);
  height: var(--image-size);
  margin: 0 1vw;
}
logo-slider:after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(to right, white, rgba(255, 255, 255, 0) 80px, rgba(255, 255, 255, 0) calc(100% - 80px), white);
}
@media (max-width: 900px) {
  logo-slider {
    --image-size: 50px;
    --image-size: min(max(50px, 10vw), 100px);
  }
}

@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.slogan{color: #C51A1A !important;}

.carreers-testimonials{display: block;}
.carreers-testimonials h2{margin-bottom: -20px;}
.carreers-testimonials img{/* margin: 0 auto; */}
.carreers-testimonials p{}
.test-pra{padding: 0 !important; margin-top: -10px;}
.fk-section{padding-bottom: 130px !important; padding-top: 140px;}  
.fk-div{background: #F1F1F1;text-align: center;}
.fk-div h4{font-size: 20px;font-family: 'Lato', sans-serif !important;color: #000;margin-top: 25px;}
.fk-div h4 span{font-weight: 700;}
.fk-img-div{padding: 50px 50px 0px;position: relative;}
.fk-img-div-img{background: url('../images/product/fk-img-div-arrow1.png');position: absolute;top: 45%;right: -30px;width: 53px;height: 26px;}
.fk-img-div-img1{background: url('../images/product/fk-img-div-arrow2.png');position: absolute;top: 45%;right: -30px;width: 53px;height: 26px;}

.case-studies-form-div{background: #fff;box-shadow: 1px 1px 20px #00000029;border-radius: 12px;display: table;padding: 0 50px;}
.case-studies img{width: 90%;box-shadow: 1px 1px 20px #00000059;border-radius: 12px;}
.case-studies-form{display: table-cell;vertical-align: middle;}

.case-studies-form .form-control{margin: 30px 0;border: 0;font-size: 14px;border-bottom: 1px solid #000;border-radius: 0;}
.case-studies-form .form-control::placeholder {color: #b9b9b9}
.case-studies-form .submit-btn-case{display: inline-block;font-size: 14px;font-weight: 300;background: #000000;color: #fff;font-family: 'Lato', sans-serif;text-transform: uppercase;padding: 7px 35px;border: none;text-align: center;margin-top: 20px;font-weight: 600;cursor: pointer;}
.case-studies-pos-div{padding: 80px 0 !important;}
.case-studies-pos-div .case-studies{margin-bottom: 0;}
.commisioinput-div{ margin: 40px 0 20px 0;}
.commisioinput-div h4{ font-size: 20px; font-family: 'Lato', sans-serif; margin-bottom: 20px; color: #fff;text-transform: uppercase;min-height: 48px;}
.commisioinput-div input, p.input-value{width: 200px;height: 65px;background: #F1F1F1;border: 1px solid #DEDEDE;padding: 0 20px;text-align: center;font-size: 25px;border-radius: 6px;color: #000;}
.commisioinput-div input.input-bold{font-weight: 700;color: #000;font-size: 30px;}
p.input-value{margin: 0 auto; padding: 0; line-height: 65px; font-size: 27px !important; font-weight: 700;}
.hard-img{display: block !important;margin-top: 50px;}
.hero-img-new img.img-relative{width: 100% !important;}
.founder{padding-bottom: 0;}
.founder h1{color: #fff;}
.founder p{color: #fff; padding: 0;}
.career-adi-img{position: relative; bottom: 0;}
.get-shape{position: relative;top: -23px;right: 13px;}
.get-shape1{position: relative;top: -23px;right: 0px;}

.owl-carousel .owl-item img{width: initial; margin: 0 auto;}
.blog-min-height h2{min-height: 72px !important;}
ul.milestone-list{margin: 0;padding: 0;height: 200px;overflow: auto;margin-top: 150px;}
ul.milestone-list li{}
ul.milestone-list li a{display: inline-block;font-weight: 200;color: #717171;}

.modal-dialog {
    
    }




















@media(min-width:768px) { 
    .nav-tabs {display: inline-block;}
    .card { border: none; }
    .card .card-header { display:none; }  
    .card .collapse{ display:block; }
}

@media(max-width:767px){
    .tab-content > .tab-pane {display: block !important;opacity: 1;margin: 10px 0;}
}

@media screen and (min-device-width: 992px) and (max-device-width: 2000px) { 
.modal-dialog1{width: 60%;max-width: 60% !important;margin: 0 auto;}
}
@media screen and (min-device-width: 300px) and (max-device-width: 1200px) { 

.product-element{display: none;}

}
@media screen and (min-device-width: 992px) and (max-device-width: 1199px) { 
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a, .navbar-expand-lg .navbar-nav .nav-link{font-size: 13px;padding: 7px 9px;}
.hero-section h1, .join-fh h2, .commision h2{font-size: 38px;}
.hero-section .h-cheader{font-size: 38px;}
.hero-section .con-cheading{font-size: 38px;}
.commision p.chg-cheading{
  font-size: 38px;
}
.commision .set-heading{font-size: 38px;}
.join-fh .set-heading{
  font-size: 38px;
  line-height: 1.2;
}
.hero-section p{padding-right: 0;}
.pos-div p, .testimonial-div p, .join-fh p, .rateing p, .achevivement p, .commision p, .pos-div ul li, .hero-section p, .testimonial-div h4, .blogs-div h4{font-size: 15px;}
.common-btn{font-size: 16px;padding: 7px 25px;}
.pos-div h2, .app-div h2, .rateing h3, .testimonial-div h2, .tab-div h2, .testimonial-div h6, .essential-div h2{font-size: 20px;}
.testimonial-div p.ptesthead{font-size: 20px;}
.testimonial-div .ptesthead{font-size: 20px;}
.pos-div .pos-heading{
  font-size: 20px;
  margin-bottom: 0.5rem;
}
.testimonial-div .tag-cng-heading{
  font-size: 20px;
}
.app-div .set-heading{
  font-size: 20px;
}
.product-icon h2{}
.essential-div ul li{font-size: 16px;}
.pos-div ul li{font-size: 15px;}
.pos-div a, .testimonial-div a, .play-btn, .blogs-div a{font-size: 16px;}
.testimonial-div span{font-size: 25px;}
.app-icon img{width: 35%}
.mr30{margin-right: 15px;}
.app-mrg-tp{margin-top: 60px !important;}
.owl-next{left: 33%;}
.left-leaf, .right-leaf{width: 50px;}
.achevivement h5{font-size: 25px; margin-top: 25px;}
.achevivement h6{font-size: 12px;}
.emi_amount{font-size: 30px !important;}
.nav-tabs .nav-link{font-size: 16px;}
.sub-footer-menu ul li a{font-size: 12px;}
.point-os-sale-hero-section .hero-menu img{width: 70%; right: -25%;}
.product-menu1 { bottom: 20px;  }
.android-pos-hero-section .hero-menu img{width: 60%;top: 0;right: -15%;}
.mobile-pos-hero-section .hero-menu img{width: 64%;top: 0;right: -15%;}
.android-pos-menu1{ bottom: -10px; left: -55%; }
.android-pos-menu2{ right: 5px; top: -45px; }
.android-pos-menu3{ right: 35px; }
.delivary-management-menu1{ bottom: -10px; left: -55%; }
.delivary-management-menu2{ right: 5px; top: -45px; }
.fk-section-menu1{ bottom: -10px; left: -55%; }
.fk-section-menu2{ right: 5px; top: -45px; }
.fk-section-menu3{ right: 5px; top: -45px; }
.ordering-pos-menu1{bottom: -15px;left: 25px;}
.ordering-pos-menu2{left: -210px;top: -20px;}
.ordering-pos-menu3{right: 40px;bottom: auto;top: -20px;}
.ordering-pos-menu4{right: 65px;bottom: 50px;}
.foodhub-pos-menu1{bottom: -53px;
  left: -16px;}
.foodhub-pos-menu1.o-kiosk{
  left: -180px;
    bottom: -90px;
}
.foodhub-pos-menu2.o-kiosk2{
  left: 3%;
    top: -20px;
}
.foodhub-pos-menu3.o-kiosk3{
  right: 40px;
    top: 165px;
}
.foodhub-pos-menu2{left: 3%;
  top: -20px;}
.foodhub-pos-menu3{right: 10px;
  top: 155px;}
  .foodhub-pos-menu2.coming_img2{
    left: 44%;
    top: -45px;
  }
  .foodhub-pos-menu1.coming_img1{
    bottom: 100px;
    left: -60px;
  }
  .foodhub-pos-menu3.coming_img3{
    right: 60px;
    top: 160px;
    width: 250px;
  }
.pdq-pos-menu1{bottom: -28px;left: -15px;}
.pdq-pos-menu2{left: 28%;top: -56px;}
.pdq-pos-menu3{right: 72px;top: 53px;}
.mobile-pos-menu1{bottom: -80px;left: 33px;}
.mobile-pos-menu2{left: -70px;top: -20px;right: auto;}
.mobile-pos-menu3{right: 20px;top: 27px;}
.mobile-pos-menu4{right: 15px;bottom: -105px;}
.management-pos-menu1{left: 79px;top: 131px;}
.management-pos-menu2{right: -35px;top: 110px;}
.serive-img-div .hero-img img.img-relative{}a
.serive-img-div .hero-menu img{
    width: 70%;
}
.service-menu1{
    bottom: 180px;
    left: 15px;
}
.service-menu2{}
.service-menu3{
    bottom: 130px;
    right: -15px;
}
.service-menu4{
    bottom: 20px;
    right: 15px;
}

.serive-marketing-img-div .hero-img img.img-relative{width: 80%;}
.serive-marketing-img-div .hero-img img{width: 70%;}
.serive-marketing-img-div .service-marketing-menu1{ left: -100px; bottom: 210px; }
.serive-marketing-img-div .service-marketing-menu2{ bottom: 105px; left: -190px; }
.serive-marketing-img-div .service-marketing-menu3{ bottom: 170px; right: 25px; }
.serive-marketing-img-div .service-marketing-menu4{bottom: 50px;right: 0;}
.payment-menu1{left: -103px;bottom: 194px;}
.payment-menu2{bottom: 86px;left: -164px;}
.payment-menu3{bottom: 170px;right: 69px;}
.payment-menu4{bottom: 57px;right: 25px;}
.customer-menu1{left: -103px;bottom: 170px;}
.customer-menu2{bottom: 100px;left: -145px;}
.customer-menu3{bottom: 172px;right: 21px;}
.customer-menu4{bottom: 47px;right: 7px;}
.foodhub-support-menu1{top: 130px;left: -115px;}
.foodhub-support-menu2{bottom: 47px;right: 7px;}


.ordering-pos-hero-section .hero-menu img{width: 50%;}
.mobile-pos-hero-section .img-relative{width: 75%;}
.management-app-pos-hero-section .hero-menu img{width: 85%;}

.pdq-pos-hero-section .hero-menu img{width: 60%;}
.service-testimonials .owl-prev{left: 10%;bottom: 0%;}
.service-testimonials .owl-next{left: 15%;bottom: 00%;}
.management-app-pos-hero-section img.img-relative{width: 75%;}
.delevery-management-hero-section img.img-relative{width: 55%;}
.fk-section img.img-relative{width: 55%;}



.delevery-management-hero-section .hero-menu img{width: 75%;}
.delivary-management-menu1{bottom: 45px;left: -22%;}
.delivary-management-menu2{right: -20px;top: -70px;}
.fk-section .hero-menu img{width: 65%;}
.fk-section-menu1{top: 82px;left: -55%;}
.fk-section-menu2{right: 65px;top: -18px;}
.fk-section-menu3{right: 0px;top: 115px;}
.chef-screen-hero-section img.img-relative{width: 85%;}
.chef-screen-hero-section .hero-menu img{width: 70%;}

.chef-screen-menu1{bottom: 5px;left: -16%;}
.chef-screen-menu2{right: 43px;bottom: -55px;}

.digital-board-hero-section img.img-relative{width: 65%;}
.digital-board-hero-section .hero-menu img{width: 72%;right: -30px;}
.digital-board-menu1{bottom: -162px;left: 8%;z-index: 9999;}
.digital-board-menu2{left: -23%;top: 55px;right: auto;bottom: auto;}
.digital-board-menu3{right: -18px;top: 53px;bottom: auto;z-index: 9999;left: auto;}
.package-content ul li{font-size: 13px;}
.table td, .table th{font-size: 15px;}
.news-div h2{margin: 30px 15px;}

.hero-sub-img{position: absolute;z-index: 999;}
.hero-sub-img1{top: -30px;width: auto;left: 30px;}
.hero-sub-img2{top: 115px;width: 300px;left: -80px;}
.hero-sub-img3{width: 40px;bottom: -2px;left: 115px;}
.home_disclaimer{
  display: flex;
    align-items: baseline;
    position: absolute;
    column-gap: 5px;
    right: -7%;
    bottom: -21%;
}
.home_disclaimer p span{
  margin-right: 5px;
}
.home_disclaimer p{
  padding: 0;
  color: #4D4D4D;
  font-size: 15px;
}
.img-relative{position: relative;z-index: 99;}
.hero-menu{position: absolute;display: block;z-index: 999;}
.hero-menu h6{font-size: 14px;font-weight: bold;font-family: 'Lato', sans-serif;float: left;line-height: 34px;margin: 0 10px 0 20px;}
.hero-menu img{width: 64%;position: relative;top: -17px;right: -32%;}
.hero-menu1{bottom: 170px;left: -10px;}
/* .hero-menu2{bottom: 65px;left: -5px;} */
.hero-menu3{right: -20px;}
.hero-menu4{bottom: 10px;right: 11px;}
.breadcrumbs-ab a{font-size: 15px;}
.cookie-banner .button-container {
  margin-right: 0;
}
}





@media screen and (min-device-width: 768px) and (max-device-width: 991px) { 
  body{
    padding-top: 60px;
  }
.center-div{width: 100%;text-align: center;}
.essential-div ul{text-align: center;    }

.hero-section p{padding-right: 0;}
.product-div{margin-bottom: 50px;}

.product-div img{top: -40%;}

.owl-next{left: 52%;}
.owl-prev, .owl-next{bottom: -7%;}
.owl-prev{left: 44%;}
.nav-tabs .nav-item{margin: 0 4px;}
.service-testimonials .rating-img-div a{width: 33%;margin: 10px;border-radius: 6px;}
.service-testimonials .owl-prev{left: 7%;bottom: -7%;}
.service-testimonials .owl-next{left: 14%;bottom: -7%;}
.product-icon p{min-height: 225px;}
.table td, .table th{font-size: 14px;}
.cookie-banner .button-container {
  margin-right: 0;
}
}





@media screen and (min-device-width: 576px) and (max-device-width: 767px) { 
.product-div{margin-bottom: 50px;}
.product-div img{width: 70%;top: -47%;left: 15%;}
.last-div img{width: 160px !important;top: 0 !important;left: 0 !important;right: 0 !important;margin: 0 auto !important;}
.last-div{padding: 170px 15px 20px;margin-top: 120px;}
}


@media screen and (min-device-width: 300px) and (max-device-width: 575px) { 
.product-div{margin-bottom: 50px;}
.product-div img{top: -115px;left: 0;right: 0;margin: 0 auto;}
.last-div{padding: 170px 15px 20px;margin-top: 100px;}
.last-div img{width: 170px !important; top: 0 !important; left: 0 !important; right: 0 !important;  margin: 0 auto !important;}
}



@media screen and (min-device-width: 300px) and (max-device-width: 991px) { 
    .hero-img-div{display: none;}
    .hero-img-div-mobile{display: block;margin-top: 25px;}
    .hero-img-div-mobile .home_disclaimer{
      position: relative;
    margin-top: 10px;
    right: auto;
    bottom: unset;
    text-align: left;
    }
    .hero-img-div-mobile .home_disclaimer p br{
      display: none;
    }
    .hero-img-div-mobile .home_disclaimer p{
      margin-bottom: 0px;
    }
    .pos-right-space{margin-bottom: 35px;}
    .pos-row{margin-bottom: 30px;}
    .app-mrg-tp{margin-top: 30px !important;}
    .app-icon{margin-bottom: 30px;}
    .product-cont{position: initial;width: 100%;}
    .mobile-pos-hero-section h1{margin-top: 0;}
    .product-cir{display: none;}
    .digital-board-hero-section{padding: 80px 0;}
    .pack-img{padding: 30px 0;}
    .pack-img h2{margin-top: 20px;}
    .blog-section .download-box{min-height: 10px;}
    .commision p{padding: 0}
    .commision-shape{display: none;}
    .modal-dialog1{width: 90% !important;max-width: 90% !important;margin: 0 auto;}
    .mob-mrg-but{margin-bottom: 35px;}
    .pos-row img{margin-bottom: 30px;}
    .hero-section .breadcrumbs-ab a{font-size: 15px;}
    }

@media screen and (min-device-width: 300px) and (max-device-width: 767px) { 
.owl-next{left: 49px;}
.owl-prev, .owl-next{bottom: -27px;}
.owl-prev{left: 0;}
.half-bg{height: auto;}
.qa-section{margin-top: 0; background: #fff;}
.service-testimonials .owl-prev{left: 8%;bottom: -2%;}
.service-testimonials .owl-next{left: 20%;bottom: -2%;}
.service-testimonials .rating-img-div{text-align: left;}
.product-icon{margin: 20px 0;height: calc(100% - 40px);}
.product-icon p{min-height: auto;}
.table{width: 600px;max-width: 600px;}
.res-table{overflow-x: scroll;}
.table td, .table th{font-size: 13px;}
.qa-right{display: none !important;}
.qa-right-hide{display: none !important;}
.news-div h2{margin: 20px 0 !important;}


.pos-div ul{width: 85%; margin: 0 auto; text-align: left;}
.list-icon{margin-right: 15px;
    margin-bottom: 25px;
    float: left;
    margin-top: 4px;}

    .pos-div ul li{float: left; margin:  7px 0; width: 100%;}
    .award-icon{width: 35%;}
    .achevivement-line{display: none;}
    .app-mrg-tp{font-weight: 200 !important;}

}


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

.hero-section h1, .join-fh h2, .commision h2{font-size: 30px;}
.hero-section .h-cheader{font-size: 30px;}
.hero-section .con-cheading{font-size: 30px;}
.commision p.chg-cheading{font-size: 30px;}
.commision .set-heading{font-size: 30px;}
.join-fh .set-heading{
  font-size: 30px;
  line-height: 1.2;
}
.pos-div p, .testimonial-div p, .join-fh p, .rateing p, .achevivement p, .commision p, .pos-div ul li, .hero-section p, .testimonial-div h4, .blogs-div h4{font-size: 15px;}
.common-btn{font-size: 14px;padding: 9px 12px;float: none !important;}
.pos-div h2, .rateing h3, .app-div h2, .testimonial-div h2, .tab-div h2, .testimonial-div h6, .essential-div h2{font-size: 18px !important;}
.testimonial-div p.ptesthead{
  font-size: 18px !important;
}
.testimonial-div .ptesthead{
  font-size: 18px !important;
}
.pos-div .pos-heading{
  font-size: 18px !important;
  margin-bottom: 0.5rem;
}
/* .testimonial-div .tag-cng-heading{
  font-size: 18px !important;
} */
.app-div .set-heading{
  font-size: 18px !important;
}
.product-icon h2{}
.money-icon{background-position: -118px -144px;width: 45px;height: 45px;top: -10px;}
.restaurant-partner-box{padding-right: 70px;padding-left: 15px;margin-top: 25px;}
.restaurant-partner-box p.p2{font-size: 15px;}
.restaurant-partner-box p.p1{font-size: 15px;}
.play-btn{font-size: 14px;margin-left: 10px;}
.hero-section p{padding-right: 0;margin-bottom: 15px; font-size: 15px;text-align: center;}
.home_disclaimer p{
  font-size: 12px;
  text-align: left;
  margin-bottom: 0;
}
.rateing h2::before, .rateing h2::after{display: none;}
.left-leaf, .right-leaf{width: 50px;}
.achevivement h5{font-size: 20px; margin-top: 30px; margin-bottom: -5px;}
.achevivement h6{font-size: 11px;}
section{text-align: center;padding: 30px 0;}
.hero-img-div-mobile img{width: 100%;}
.pos-icon{margin: 10px 0;}
.pos-div p{margin: 10px 0;}
.mr30{margin-right: 0;margin-bottom: 16px;display: inline-block;}
.pad50{padding: 0;}
.testimonial-images{padding: 10px;}
.testimonial-images img{top: 0; left: 0;}
.ply-btn-testimo{left: 15px;}
.test-circle, .testimonial-images-top-shape{display: none;}
.testimonial-div h6{margin-top: 50px;}
.test-quat{top: 0;}
.mob-bt{margin-top: 30px;}
.cal-sec{margin: 40px 0;}
.sv-b{margin: 20px 0}
.rateing{margin-top: 60px;}
.tab-content{margin-top: 30px;}
.tab-content a{color: #c5271a;}
  .copy{float: none !important;margin-top: 15px;}
  .center-div{width: 100%;text-align: center;}
.essential-div ul{text-align: center;    }
section.sub-footer{text-align: left !important;}
.product-cont .play-btn{/* margin-left: 15px !important; */}
.test-up-img{display: none;}

.test-quat{display: none;}
.management-app-pos-hero-section, .foodhub-pos-hero-section, .foodhub-pos-hero-section, .android-pos-hero-section, .ordering-pos-hero-section, .mobile-pos-hero-section{padding: 40px 0;}
.delevery-management-hero-section{padding: 80px 0;}
.news-box, .news-box p{min-height: 0;}
.news-div h2{margin: 20px 15px;}
.location-icon{display: none;}
.address-box{margin: 25px 5%;}
.contact-form{width: 100%;}
.fk-section{padding-bottom: 80px !important;}
.fk-img-div-img, .fk-img-div-img1{display: none;}
.new-heading-size, .achevivement h3, .rateing h2{font-size: 30px !important;}
.rateing .set-heading{
  font-size: 30px !important;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  margin-top: 0;
  color: #000;
}
.pos-div p.pheading{
  font-size: 30px !important;
}
.pdq-shap1{display: none;}
.service-sect-box{margin: 40px 20px 0 20px; height: calc(100% - 40px);}
.hardware-popup-div{padding: 15px;}
}

@media screen and (min-device-width: 1700px) and (max-device-width: 2000px) { 
   .customised-container{max-width: 1450px !important;margin: 0 auto;}
   .hero-img{width: 100%;}
   .hero-sub-img1{width: auto; left: 20px;top: -80px;}
   .hero-sub-img2{top: 190px;width: auto;left: -150px;}
   .hero-sub-img3{width: 60px;bottom: 9px;left: 165px;}
   
  .home_disclaimer.chrx-dis{
    bottom: -25%;
  }
  .home_disclaimer p span{
    margin-right: 5px;
  }
  
   .hero-menu1{right: 0;bottom: 200px;}
   .hero-menu2{right: -70px;bottom: 220px;}
   .hero-menu3{right: -35px;bottom: 140px;}
   .hero-menu4{right: 0px;bottom: 70px;}
   .hero-section h1, .join-fh h2, .commision h2{font-size: 51px;font-weight: 700;}
   .hero-section .h-cheader{font-size: 51px;font-weight: 700;}
   .hero-section .con-cheading{font-size: 51px;font-weight: 700;}
   .commision p.chg-cheading{font-size: 51px;font-weight: 700;}
   .commision .set-heading{font-size: 51px;font-weight: 700;}
   .join-fh .set-heading{
    font-size: 51px;font-weight: 700;
    line-height: 1.2;
   }
   .hero-section p{font-size: 20px;}
   .home_disclaimer{
    margin-top: 60px;
   }
   .home_disclaimer p{
    padding: 0;
    color: #4D4D4D;
    font-size: 15px;
  }
  
   .hero-menu h6{font-size: 18px;}
   .pos-div h2, .rateing h3,  .app-div h2, .testimonial-div h2, .tab-div h2{font-size: 30px;margin-top: 25px;}
   .testimonial-div p.ptesthead{
    font-size: 30px;margin-top: 25px;
   }
   .pos-div .int-order-flex h2{
    margin-top: 0;
   }
   .testimonial-div .ptesthead{
    font-size: 30px;margin-top: 25px;
   }
   .pos-div .pos-heading{
    font-size: 30px;margin-top: 25px;margin-bottom: 0.5rem;line-height: 1.2;
   }
   .app-div .set-heading{
    font-size: 30px;
    margin-top: 25px;
   }
   .testimonial-div .tag-cng-heading{
    margin-top: 0;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
   }
   .app-div .set-heading{
    font-size: 30px;margin-top: 25px;
   }
   .product-icon h2{font-size: 24px;}
   .pos-div p, .testimonial-div p, .join-fh p, .rateing p, .commision p, .product-div h3, .product-div p, .product-div a{font-size: 20px;}
   h3.product-head{font-size: 21px;}
   .pos-right-space{padding-right: 90px;}
   .pos-div ul li{font-size: 20px;}
   .app-div p{font-size: 20px;padding-right: 100px;}
   .testimonial-div h6{font-size: 30px}
   .testimonial-div h4{font-size: 20px}
  .achevivement h5{font-size: 35px; margin-top:58px;}
  .achevivement h6{font-size: 17px}
  .right-leaf{width:auto;}
  .left-leaf{width:auto;}
  .btn-resize{padding:7px 80px;}
  .achevivement p{font-size: 20px}
  .rateing ul{padding-left: 80px;}
  .pos-div a{font-size: 19px;/* display: none; */}
  .testimonial-div a{font-size: 19px;margin-bottom: 0;}
  .testimonial-div span{font-size: 25px;margin-bottom: 0;text-transform: capitalize;font-weight: 700;}
  .owl-prev, .owl-next{bottom: 10%;}
  .owl-prev{left: 17.5%;}
  .owl-next{left: 21%;}
  .hero-menu img{width: 85% !important;right: 0;}

  .hero-menu img.kiosk-img1{
    width: auto !important;
  }
  .hero-menu img.kiosk-img2{
    width: auto !important;
  }
  .hero-menu.foodhub-pos-menu1 img{
    width: auto !important;
  }
  .hero-menu.foodhub-pos-menu2 img{
    width: auto !important;
  }
  .hero-menu.hero-menu2 img, .hero-menu.hero-menu3 img, .hero-menu.hero-menu4 img{
    width: auto !important;
  }
.foodhub-pos-menu2.coming_img2{
  left: 56%;
    top: -86px;
}
.foodhub-pos-menu1.coming_img1{
  top: -5px;
    left: 60px;
}
.foodhub-pos-menu3.coming_img3{
  right: 55px;
    top: 150px;
}
.hero-menu.foodhub-pos-menu3.coming_img3 img{
  width: auto !important;
}
  .card-header{margin: 10px;}
  .blogs-div{margin-bottom: 30px;}
.nav-tabs .nav-item{margin: 0 50px;}
.product-div {font-size: 20px;}
.product-div p{line-height: 27px;min-height: 110px;}
.product-div img{top: -40%;}
/* .product-div img.hard_img1{
  top: -80px;
} */
/* .product-div img.hard_img2, .product-div img.hard_img3{
  top: -60px;
} */
/* .product-div img.feedback_kiosk_img{
  top: -36%;
  width: 230px;
} */
/* .product-div.receipt img, .product-div.caller img{
  top: -60px;
  width: auto;
} */
/* .product-div.payment_gate img{
  top: -80px;
  width: auto;
} */
/* .product-div.digi_menu img{
  top: -40px;
  width: auto;
} */
.product-div{padding: 116px 15px 20px;}
.product-cont{top: auto}
.test-quat{right: 120px; top: 100px;}
.img1{top: -20px; left: -20px}
.point-os-sale-hero-section .hero-img img.img-relative{width: 75% !important;}
.point-os-sale-hero-section .hero-menu img{width: 100%;right: 24%;}
.management-app-pos-hero-section .hero-menu img{width: 95%;right: 24%;}
.product-menu1{bottom: 35px;left: 50px;}
.android-pos-menu1{bottom: -60px;
  left: -18%;
  width: 50%;}
.android-pos-menu2{right: 120px;
  top: -65px;}
.android-pos-menu3{right: 80px;bottom: -10px;}
.delivary-management-menu1{bottom: 75px;left: -4px;}
.delivary-management-menu2{right: 60px;
  top: -100px;}
.ordering-pos-menu1{bottom: -15px;left: 185px;}
.ordering-pos-menu2{left: -10px;top: -68px;right: auto;}
.ordering-pos-menu3{right: -40px;top: -60px;}
.ordering-pos-menu4{right: 55px;bottom: 90px;}
.mobile-pos-menu1{bottom: -180px;left: 150px;}
.mobile-pos-menu2{left: 20px;top: -30px;right: auto;}
.mobile-pos-menu3{right: 75px;top: 40px;}
.mobile-pos-menu4{right: 90px;bottom: -220px;}
.management-pos-menu1{left: 213px;top: 172px;}
.management-pos-menu2{right: 25px;top: 152px;}
.foodhub-pos-menu1{bottom: -110px;
  left: 67px;}
.foodhub-pos-menu2{left: 45%;top: -52px;}
.foodhub-pos-menu3{right: -70px;
  top: 240px;}
.foodhub-pos-menu1.o-kiosk{
  bottom: -140px;
    left: -45px;
}
.foodhub-pos-menu2.o-kiosk2{
  left: 45%;top: -52px;
}
.foodhub-pos-menu3.o-kiosk3{
  right: 0px;top: 240px;
}
.inter_sec .foodhub-pos-menu3{
  right: -120px;
    top: 320px;
}
.inter_sec .hero-menu img{
  width: auto !important;
}
.pdq-pos-menu1{bottom: -62px;left: 130px;}
.pdq-pos-menu2{left: 45%;top: -80px;}
.pdq-pos-menu3{right: 20%;top: -28px;}
.point-os-sale-hero-section p{padding-right: 60px !important}
.custom-offset-1{margin-left: 6%;}
.point-of-sale-pos-section .pos-right-space{padding-right: 60px !important}
.lap-none{padding: 0 5%;}
.service-menu1{ right: auto; left: 60px; bottom: 280px; }
.service-menu2{ bottom: 120px; left: 40px; right: auto; }
.service-menu3{ bottom: 200px;  right: 40px; }
.service-menu4{bottom: 40px;right: 35px;}
.serive-img-div .hero-menu img { width: 100% !important; right: 0; }
.serive-img-div .hero-img img.img-relative { width: 75%;}
.service-sect-div .lap-none{padding: 0 5%;}
.serive-marketing-img-div .hero-img img.img-relative { width: 75%;}
.serive-marketing-img-div .service-marketing-menu1{right: auto;left: 40px;bottom: 290px;}
.serive-marketing-img-div .service-marketing-menu2{bottom: 152px;left: -36px;right: auto;}
.serive-marketing-img-div .service-marketing-menu3{bottom: 246px;right: 0;}
.serive-marketing-img-div .service-marketing-menu4{bottom: 60px;right: -33px;}
.payment-menu1{right: auto;left: 40px;bottom: 292px;}
.payment-menu2{bottom: 130px;left: -33px;right: auto;}
.payment-menu3{bottom: 260px;right: 85px;}
.payment-menu4{bottom: 88px;right: 12px;}
.customer-menu1{right: auto;left: 40px;bottom: 260px;}
.customer-menu2{bottom: 150px;left: -5px;right: auto;}
.customer-menu3{bottom: 250px;right: 0px;}
.customer-menu4{bottom: 80px;right: -16px;}
.foodhub-support-menu1{top: 180px;left: -5px;right: auto;}
.foodhub-support-menu2{bottom: 60px;right: -16px;}
.serive-marketing-img-div .hero-menu img{width: 100% !important;right: 0;}
.management-app-pos-hero-section .hero-menu img{width: auto;right: 0;}
.point-of-sale-test-section .lap-none{padding: 0 5%;}
.small-heading{font-size: 30px;}
.orgonization-data h2{font-size: 50px;}
.orgonization-data .co-header{font-size: 50px;}
.orgonization-data p{ font-size: 20px; }
.android-pos-hero-section .hero-menu img{width: 90%;}
.mobile-pos-hero-section .hero-menu img{width: 95%;right: -5%;}
.mobile-pos-hero-section .hero-menu img.ma_img1{
  width: auto !important;
}
.mobile-pos-hero-section .hero-menu img.ma_img2{
  width: auto !important;
}
.ordering-test .test-quat{ top: 22px;  right: 130px; }
.mobile-pos-hero-section .img-relative{width: auto;}
.foodhub-pos-hero-section img.img-relative{width: 40%;}
.pdq-pos-hero-section.inter_sec img.img-relative{
  width: auto;
}
.management-app-pos-hero-section img.img-relative{width: auto;}

.pdq-pos-hero-section .hero-menu img{width: 95%;}

.pdq-pricing-detail-div p{font-size: 19px;}
.pdq-content{}
.pdq-pricing{background-position: top right;}
.service-testimonials .test-quat{ right: 49%; fill: #fff; }
.service-testimonials .owl-prev{left: 10%;bottom: 30%;}
.service-testimonials .owl-next{left: 14%;bottom: 30%;}

.delevery-management-hero-section img.img-relative{width: auto;}
.delevery-management-hero-section .hero-menu img{width: auto !important;right: 0;}
.fk-section .hero-menu img{width: auto;right: 0;}
.fk-section img.img-relative{width: 45%;}
.fk-section .hero-menu img{width: 90%;right: 0px;}
.chef-screen-hero-section img.img-relative{width: auto;}
.chef-screen-hero-section .hero-menu img{width: auto;right: 0;}
.chef-screen-menu1{bottom: 15px;left: -9%;}
.chef-screen-menu2{right: 120px;bottom: -70px;top: auto;}
.digital-board-hero-section img.img-relative{width: 56%;}
.digital-board-hero-section .hero-menu img{width: 91%;right: 0;}
.digital-board-menu1{bottom: -145px;left: 165px;z-index: 9999;}
.digital-board-menu2{left: -6%;top: 55px;right: auto;bottom: auto;}
.digital-board-menu3{right: 42px;top: 53px;bottom: auto;z-index: 9999;}
.package-content ul li{font-size: 17px;}
.table td, .table th{font-size: 20px;}
.news-box{margin: 15px 25px;}
.news-div h2{margin: 50px 15px;}
.download-box{margin: 40px 10px;height: calc(100% - 80px);}
.carrier-section h1{font-size: 60px !important;font-weight: 700;font-family: 'Lato', sans-serif !important;text-transform: uppercase;}
.fk-section-menu1{top: 93px;left: -25px;}
.fk-section-menu2{right: 60px;top: -31px;}
.fk-section-menu3{right: -20px;top: 140px;}
.hero-sub-img img{width: 100%;}
.new-heading-size, .achevivement h3, .rateing h2{font-size: 50px !important;}
.pos-div p.pheading{
  font-size: 50px !important;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 50px;
  margin-top: 0;
}
.rateing .set-heading{font-size: 50px !important;line-height: 1.2;
  margin-bottom: 0.5rem;
  margin-top: 0;color:#000; }
h3.product-head span.head-dot{top: -3px;}
.pos-seprate-div{padding: 0 50px;}
.service-pos-seprate-div{padding: 0 50px 0 85px;}
.package-content{min-height: 610px;}
.hardware-spec ul li{font-size: 17px !important;}
.breadcrumbs-ab a{
  font-size: 20px;
}

/* chrimax banner start */
.xmax-trees img:first-child {
  right: -180px;
  bottom: 80px;
}
.xmax-trees img:nth-child(4) {
  bottom: -60px;
  right: -180px;
}
/* chrimax banner end */

}


.center-div{display: inline-block;}
.container-new{width: 88%;margin: 0 auto;}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

a:not([href]):not([tabindex]){

    color: #C51A1A;
}

.testimonial-images .owl-carousel .owl-item img {
    display: block;
    width: 100%;
}


.img-view-all{position: absolute; left: 35px; right: 35px; top: 35px; bottom: 35px; background: #c51a1acf; border-radius: 12px;text-align: center;}
.img-view-all h2{color: #fff;text-align: center;height: 100%;margin: 0;display: grid;align-items: center;;;}
.img-view-all .ci-header{color: #fff;text-align: center;height: 100%;margin: 0;display: grid;align-items: center;;;}



.blog-link{display: inline-block !important;padding: 0 !important;}
.border-none-heading h3::before{display: none;}
.border-none-heading h3::after{display: none;}
.gallery-section a{display: block !important;}
.form-head{font-weight: bold; font-size: 28px;}
.btn-right{position: absolute; right: 15px; z-index: 99;}

.modal{z-index: 999999;}


@media (min-width: 576px) {
  .modal-dialog {
    max-width: 400px;
  }
  .modal-dialog .modal-content {
    padding: 1rem;
  border-radius: 12px;}
}
.modal-header .close {
  margin-top: -1.5rem;
}

.form-title {
  margin: -2rem 0rem 2rem;
}

.btn-round {
  border-radius: 3rem;
}

.delimiter {
  padding: 1rem;
}

.social-buttons .btn {
  margin: 0 0.5rem 1rem;
}

.signup-section {
  padding: 0.3rem 0rem;
}



.pt-100{
    padding-top:100px;
}
.pb-100{
    padding-bottom:100px;
}
.section-title {
  margin-bottom: 60px;
}
.section-title p {
    color: #777;
    font-size: 16px;
}
.section-title h4 {
    text-transform: capitalize;
    font-size: 40px;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-weight: 600;
}
.section-title h4:before {
    position: absolute;
    content: "";
    width: 60px;
    height: 2px;
    background-color: #ff3636;
    bottom: 0;
    left: 50%;
    margin-left: -30px;
}
.section-title h4:after {
    position: absolute;
    background-color: #ff3636;
    content: "";
    width: 10px;
    height: 10px;
    bottom: -4px;
    left: 50%;
    margin-left: -5px;
    border-radius: 50%;
}
ul.timeline-list {
    position: relative;
    margin: 0;
    padding: 0
}
ul.timeline-list:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 100%;
    background-color: #ff3636;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
ul.timeline-list li {
    position: relative;
    clear: both;
    display: table;
}
.timeline_content {
    border: 2px solid #ff3636;
    background-color:#fff
}
ul.timeline-list li .timeline_content {
    width: 45%;
    color: #333;
    padding: 30px;
    float: left;
    text-align: right;
}
ul.timeline-list li:nth-child(2n) .timeline_content {
    float: right;
    text-align: left;
}
.timeline_content h4 {
    font-size: 22px;
    font-weight: 600;
    margin: 10px 0;
}
ul.timeline-list li:before {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    background-color: #ff3636;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 50%;
}
.timeline_content span {
    font-size: 18px;
    font-weight: 500;
    font-family: poppins;
    color: #ff3636;
}

button.close{position: absolute; right: 0; top: -7px;}
.qa-right:hover{color: #c51a1a;}


#myBtn {
  display: none;
  position: fixed;
  bottom: 60px;
  right: 30px;
  z-index: 9999;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #c51a1acf;
  color: white;
  cursor: pointer;
  border-radius: 100%;
  
height: 72px;width: 72px;}

#myBtn:hover {
  background-color: #555;
}

.js--fadeInLeft{float: left;}
.js--fadeInRight{float: right;}

/*
[data-aos^=fade][data-aos^=fade].aos-animate
{transform: translate(0) !important;}
[data-aos=fade-left]{

    transform: translate(20px) !important;
}
[data-aos=fade-right]{

    transform: translate(20px) !important;
}

*/
/* jp start */
/* intergration start */
.ing_gray{
  background-color: #F1F1F1;
  position: relative;
  overflow-x: hidden;
}
.ing_mar_bt0{
  margin-bottom: 0px !important;
}
.ing_client_logo{
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  flex-wrap: wrap;
}
/* intergration end */
/* kiosk start */
.kiosk-hub{
  padding: 60px 0;
  background-color: #f2f2f2;
}
.kiosk-flex{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.kiosk-flex a{
  color: #000;
  font-size: 17px;
  text-decoration:underline;
  padding-top: 20px;
}
.kiosk-flex a:hover{
  text-decoration: none;
}
.kiosk-mb{
  margin-bottom: 30px;
}
/* kiosk end */

/* table ordering system start */
.pdq-content.to-system{
  margin: 70px 0 0 0;
}
.to-system .pdq-pricing-detail{
  background: #fff;
  padding: 30px;
}
.to-box{
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 40px;
}
.to-box:first-child{
  margin-top: auto;
}
.to-box p{
  padding-right: 0;
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 0;
}
.tab-ord{
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 50px;
}
.tab-ord p{
  font-size: 18px;
}
.tab-ord p span{
  color: #C51A1A;
  font-weight: 700;
}
.tab-row{
  margin-bottom:80px;
}
/* table ordering system end */

/* poit of sale product section start  */
.products-image-sheet{
  display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin-top: 20px;
}
.products-image-sheet.no-product-heading{
  margin-top: 0;
}
.product-txt-btn{
  text-align: center;
}
.product-overall{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
  text-align: center;
  margin-top: 40px;
  flex-wrap: wrap;
}
.product-heading{
  background-color: #fff;
  position: relative;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  padding: 25px;
  border-radius: 10px;
}
.product-heading h5{
  font-size: 20px;
  font-weight: 700;
}
.product-txt-btn h6{
  font-size: 18px;
}
.product-txt-btn .green-btn.black-btn{
  margin-top: 20px;
  display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 8px 24px;
}

/* poit of sale product section end  */

/* comming soon start */

.comimg_img h3{
  font-size: 30px;
  color: #D82927;
  font-weight: 700;
}
.pi_mar_spc.comimg_img{
  margin-bottom: 0px;
}
/* comming soon end */

/* uber integration start */
  .hero-section.ub-int p{
    padding-right: 0px;
  }
  .gen-sub-heading{
    font-size: 35px;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
  }
  .gen-sub-heading.red{
    color: #C51A1A;
  }
  .ub-width{
    max-width: 750px;
    margin: 0 auto;
  }
  .ub-it{
    margin-top: 50px;
  }
  .ub-it img{
    margin-bottom: 20px;
  }
  .ub-it p{
    font-size: 16px;
  }
  .ub-it p span{
    color: #C51A1A;
    font-weight: 700;
  }
  .ub-row-width{
    max-width: 800px;
    margin: 0 auto;
  }
  .ub-order-text{
    padding-left: 20px;
    margin-top: 30px;
  }
  .ub-order-text li{
    font-size: 16px;
    margin-top: 20px;
  }
  .ub-bg-gray{
    background-color: #F2F2F2;
  }
  .ub-text h5{
    font-size: 20px;
    color: #000;
    font-weight: 700;
  }
  .ub-text h5 span{
    color: #C51A1A;
  }
  .ub-text p{
    font-size: 16px;
    font-style: italic;
  }
  .ub-text-width{
    max-width: 900px;
    margin: 40px auto 0;
  }
  button.sec-button.ub-btn{
    margin-top: 60px;
  }
  button.sec-button.ub-btn:first-child{
    margin-right: 0
  }
  .ub-flex{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 40px;
  }
  .ub-flex a:last-child{
    margin-bottom: 0;
  }
  .ub-other{
    font-size: 17px;
  }
  .integration-img{
    position: absolute;
    left: 270px;
  }
  .content-link{
    display: none;
  }
/* uber integration end */

/* epos for cafe start */
.padding-0{
  padding: 0;
}
.justify-content-center{
  justify-content: center;
}
.sml-margin-top-40{
  margin-top: 40px;
}
.sml-margin-top-60{
  margin-top: 60px;
}
.small-sub-heading{
  font-size: 25px;
  font-weight: 700;
  color: #000;
}
.small-sub-heading-2{
  font-size: 20px;
  font-weight: 700;
  color: #000;
}
.sml-margin-bottom-40{
  margin-bottom: 40px;
}
.margin-bottom-10{
  margin-bottom: 10px;
}
.margin-0{
  margin: 0;
}
.epos-list{
  font-size: 17px;
  text-align: left;
  list-style: none;
}
.epos-list li{
  margin-bottom: 25px;
  display: flex;
  column-gap: 10px;
  align-items: baseline;
}
.epos-list li span{
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #2BA500;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  font-size: 15px;
  flex: 0 0 auto;
}
.epos-list li:last-child{
  margin-bottom: 0;
}
.epos-relative{
  position: relative;
}
.epos-banner-carousel-item{
  position: absolute;
  top: 160px;
  width: 100%;
  color: #fff;
}
.epos-banner-carousel-item h1{
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 20px;
}
.epos-banner-carousel-item p{
  color: #fff;
  font-size: 18px;
  margin-bottom: 20px;
}
.img-info{
  font-size: 14px;
  margin-top: 40px;
}
/* epos for cafe end */

/* pos systems start */
.fh-int-banner{
  padding-bottom: 0;
}
.int-flex{
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 12px;
}
.int-flex .small-sub-heading{
  margin-bottom: 0;
}
.fh-int-width{
  max-width: 950px;
  margin: 40px auto 0;
}
.green-bg{
  background-color: #06AA00 !important;
}
button.sec-button.remove-first:first-of-type{
margin-right: 0;
}
.int-select{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  margin: 50px 0;
}

.int-list .fhint-list-title{
  text-decoration: underline;
  margin-bottom: 20px;
}
.int-list ul{
  padding-left: 0;
    list-style: none;
    background-color: #fff;
    height: 250px;
    overflow-y: scroll;
    border-radius: 30px 0 0 0;
    width: 315px;
    cursor: pointer;
}
.int-list ul li{
  display: flex;
  align-items: center;
  padding: 10px 30px;
  gap: 25px;
  position: relative;
}
.int-list ul li::after{
  content: "";
  background-color: #CCCCCC;
  height: 1px;
  width: 90%;
  position: absolute;
  bottom: -1px;
    left: 5%;
}
.int-list ul li.active::after{
  background-color: transparent;
}
.int-list ul li p{
  font-size: 17px;
}
.int-list ul li img{
  filter: grayscale(1);
}
.int-list ul li:hover{
  background-color: #CCCCCC;
}
.int-list ul li:hover::after{
  background-color: transparent;
}
.int-list ul li.active{
  background-color: #CCCCCC;
}
.int-list ul li.active p{
  font-weight: 700;
}
.int-list ul li.active img{
  filter: grayscale(0);
}
.green-btn{
  text-transform: uppercase;
    font-size: 16px;
    margin-top: 30px;
    background-color: #06AA00;
    border-radius: 30px;
    padding: 12px 45px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
}
.green-btn:hover{
  color: #fff;
}
.green-btn.with-icon{
  margin: 20px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: max-content;
}
.int-list{
  position: relative;
}
.int-list:hover .int-down-arrow {
  display: none;
}
.int-down-arrow {
  position: absolute;
  top: calc(100% - 60px);
  left: calc(50% - 14px);
  animation: jumpInfinite 1.5s infinite;
}

.int-down-arrow:after {
  content: " ";
  position: absolute;
  top: 12px;
  left: -10px;
  width: 16px;
  height: 16px;
  border-bottom: 4px solid #C51A1A;
  border-right: 4px solid #C51A1A;
  border-radius: 4px;
  transform: rotateZ(45deg);
}

@keyframes jumpInfinite {
  0% {
    margin-top: 0;
  }
  50% {
    margin-top: 10px;
  }
  100% {
    margin-top: 0;
  }
}
.int-equal{
  margin-top: -70px;
}
/* pos systems end */

/* hardware start */
.hard-ware .product-div{
  margin-bottom: 60px;
}
/* hardware end */

/* order kiosk start */
.kiosk-btn .book-demo-btn{
  font-size: 17px;
  padding: 10px 20px;
  display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    height: 100%;
}
.order-icons .product-icon{
  padding-bottom: 0;
}
.order-icons .product-icon h5{
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 20px;
}
.icon-grid{
  display: grid;
  grid-template-columns: repeat(3, 300px);
  justify-content: center;
  grid-column-gap: 30px;
}
.order-icons .product-icon p{
  margin-bottom: 0;
  margin-top: 10px;
}
.pi_mar_spc.order-icons{
  margin-bottom: 0;
}
.kiosk-buttonWrapper{
  display: flex;
  justify-content: center;
  gap: 10px;
}
.kiosk-buttonWrapper .tab-button{
  background-color: #E6E2E2;
  border-radius: 8px 8px 0 0;
    font-size: 18px;
    padding: 10px 20px;
    cursor: pointer;
    color: #000;
    transition: 0.5s;
    flex-basis: 220px;
}
.kiosk-buttonWrapper .tab-button.active{
  background-color: #D82927;
  color: #fff;
}
.kiosk-light{
  border-radius: 15px;
  padding-bottom: 30px;
  padding-right: 100px;
}
.kiosk-light.left{
  padding-right: 0;
  padding-left: 100px;
}
.kiosk-icon-flex{
  display: flex;
    text-align: center;
    justify-content: flex-start;
    gap: 30px;
    margin: 40px 0 30px;
}
.kiosk-icon-txt p{
  font-size: 16px;
  margin-top: 15px;
}
.green-btn.black-btn{
  background-color: #000;
}
.kiosk-check{
  padding-left: 30px;
}
.kiosk-check li{
  list-style: none;
  position: relative;
  margin-top: 15px;
}
.kiosk-check li::before{
  content: "";
    position: absolute;
    left: -30px;
    top: 2px;
    background-image: url('../images/order-kiosk/revamp/check.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-size: 20px;
}
.green-btn.kiosk-tran-btn{
  border: 1px solid #d82927;
  background-color: transparent;
  color: #d82927;
  margin-top: 15px;
}
.ok-middle-sec{
  margin: 60px 0;
}
.ok-bg-red{
  background-color: #d82927;
  border-radius: 10px;
  padding: 30px 20px;
}
.ok-bg-red h2, .ok-bg-red p{
  color: #fff;
}
.kiosk-new-banner{
  margin-bottom: 30px;
}
/* kiosk banner form start */
.form-left-padding {
  padding-left: 100px;
}
.form-left-padding .form-box {
  background-color: #fff;
  border-radius: 15px;
  padding: 40px;
  position: relative;
}
.form-left-padding .form-box input[type=text], .form-left-padding .form-box input[type=tel], .form-left-padding .form-box input[type=email], .form-left-padding .form-box select {
  display: block;
  width: 100%;
  border-radius: 5px;
  background-color: #F6F6F6;
  border: 1px solid #F6F6F6;
  padding: 12px 15px;
  font-size: 16px;
  margin-top: 17px;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
}
.form-left-padding .form-box select{color: #9e9e9e}
.form-left-padding .form-box input[type=text]::-moz-placeholder, .form-left-padding .form-box input[type=tel]::-moz-placeholder, .form-left-padding .form-box input[type=email]::-moz-placeholder, .form-left-padding .form-box select::-moz-placeholder {
  color: #9e9e9e;
  font-weight: 400;
}
.form-left-padding .form-box input[type=text]::placeholder, .form-left-padding .form-box input[type=tel]::placeholder, .form-left-padding .form-box input[type=email]::placeholder, .form-left-padding .form-box select::placeholder {
  color: #9e9e9e;
  font-weight: 400;
}
.form-left-padding .form-box input[type=text]:focus, .form-left-padding .form-box input[type=tel]:focus, .form-left-padding .form-box input[type=email]:focus, .form-left-padding .form-box select:focus {
  outline: none;
}
.form-left-padding .form-box input[type=submit] {
  display: block;
  width: 100%;
  text-align: center;
  background-color: #D82927;
  color: #fff;
  border: none;
  border-radius: 25px;
  font-size: 18px;
  padding: 12px;
  margin: 20px 0 15px;
  cursor: pointer;
}
.form-left-padding .form-box input[type=submit]:focus {
  outline: none;
}
.form-left-padding .form-box h3 {
  font-size: 22px;
  text-align: center;
  font-weight: 700;
  font-family: 'Lato', sans-serif;
}
.form-left-padding .form-box h3 span {
  color: #D82927;
}
.form-left-padding .form-box .pre-no {
  position: relative;
}
.form-left-padding .form-box .pre-no span {
  position: absolute;
  font-size: 16px;
  top: 13px;
  left: 10px;
  color: #9e9e9e;
}
.form-left-padding .form-box .pre-no input[type=tel] {
  padding-left: 43px;
}
.form-left-padding .form-box .badge-hang {
  position: absolute;
  top: -40px;
  left: -80px;
}
/* kiosk banner form end */
/* order kiosk end */

/* index banner start */
.in_banner_height{
  height: 682px;
}
.ib_flex{
  display: flex;
  align-items: center;
}
.hero-section p.ban_text{
  padding: 5px 10px;
    border: 1px solid #7d7d7d;
    border-radius: 7px;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}
.pos-relative{
  position: relative;
}
.tf_style{
  position: absolute;
  top: 0;
}
.xmax-img{
  display: flex;
    align-items: center;
    justify-content: center;
}

#myGallery .fb_1{
  opacity: 0;
  transition: 3s;
}
#myGallery .fb_1.active{
  opacity: 1;
  transition: 3s;
}

.t2s_ani{
  animation: touch 7s ease 0s infinite forwards;
}
@keyframes touch {
	0% {
		opacity: 0;
		transform: translateX(-50px);
	}
	30% {
		opacity: 1;
		transform: translateX(0);
	}
  100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.hero-section p.ban_text{
  animation: fbip 7s ease 0s infinite forwards;
  opacity: 0;
}
@keyframes fbip{
  10% {
		opacity: 0;
		transform: translateX(-50px);
	}
	40% {
		opacity: 1;
		transform: translateX(0);
	}
  100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fh_ani{
  animation: foodhub 7s ease 0s infinite forwards;
  opacity: 0;
  margin-left: 5px;
}
@keyframes foodhub {
	20% {
		opacity: 0;
		transform: translateX(-50px);
	}
	50% {
		opacity: 1;
		transform: translateX(0);
	}
  100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.hero-section .home_disclaimer.t2s_to_fh{
  bottom: -300px;
  right: 0;
}

/* index banner end */

/* index join foodhub start */
.join-fh .set-heading.index-mar-spacing{
  margin: 40px 0 20px 0;
}
/* index join foodhub end */

.timeline-item{
  padding-top: 0px;
  min-height: 160px;
}
.pos-div .address-content a{
  display: block;
  font-size: 20px;
  font-weight: 300;
  color: #000;
}
.address-box p{
  display: flex;
    column-gap: 5px;
}
.timeline-img{
  margin-top: 0px;
}
.timeline::before{
  height: 98%;
  top: 10px;
}
.timeline-div::-webkit-scrollbar {
  width: 0px;
}
.milestone-list::-webkit-scrollbar {
  width: 3px;
}
.milestone-list::-webkit-scrollbar-thumb {
  background: #C51A1A;
}
.pos-div ul li:first-child{
  margin-top: 0px;
}
.pos-div ul li:last-child{
  margin-bottom: 0px;
}
.thank_size{
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 15px;
}
.pdq-pricing-detail .owl-nav{
  display: none;
}
.lap-none .pos-row{
  margin-bottom: 30px;
}
.lap-none .pos-row:last-child{
  margin-bottom: 0px;
}
.product-section.first-ps{
  margin-top: 30px;
}
.product-section.last-ps{
  margin-bottom: 0px;
}
.pos-div a.service-sect-box{
  display: block;
}
.service-sect-box.rm_mar{
 margin-top: 0px;
}
.case-studies:last-child{
  margin-bottom: 0px;
}
.vido_rm_bg .modal-content{
  background-color: transparent;
  border: 0px;
}
.vido_rm_bg .close{
  background-color: #fff;
    border-radius: 50px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pi_mar_spc{
  margin-top: 20px;
  margin-bottom: 60px;
}
.nav_overlay{
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: none;
}
.nav_overlay.show{
  display: block;
}
.of-hidden{
  overflow: hidden;
}
.scroll_link.active{
  color: #C51A1A !important;
  font-weight: 500;
}

.breadcrumbs-ab{
  display: flex;
  align-items: center;
  column-gap: 5px;
  font-size: 18px;
  color: #9e9e9e;
  flex-wrap: wrap;
  margin-bottom: 15px;
  /* position: absolute;
  top: 120px;
  z-index: 2; */
}
.breadcrumbs-ab.epos{
  margin-bottom: 0;
  padding: 8px 0;
}
.breadcrumbs-ab p{
  padding: 0px;
  margin-bottom: 0px;
  color: #9e9e9e;
  font-weight: 300;
  font-size: 16px;
}
.breadcrumbs-ab span{
  color: #9e9e9e;
}
.breadcrumbs-ab a{
  color: #9e9e9e;
  font-weight: 300;
  font-size: 16px;
}
.breadcrumbs-ab .active{
  color: #000;
}

.pos-div .ind_spacing .pos-icon{
  margin-bottom: 0px;
}
.pos-div .ind_spacing p{
  margin-top: 0px;
}
/* .product-div img.feedback_kiosk_img{
  top: -40%;
  width: 200px;
} */
/* .product-div.payment_gate img{
  width: 100px;
    top: -80px;
} */
.pos-div.case-studies a{
  display: block;
}
.c_placeholder::placeholder{
  color: rgb(219, 219, 219);
  font-style: italic;
}
.app_heading{
  font-weight: 700;
  color: #000;
}
.padding_bottom_0{
  padding-bottom: 0px;
}
.app_box{
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  align-items: center;
  border-radius: 8px;
  border: 2px solid #000;
  width: 128px;
  padding: 10px;
  justify-content: center;
  margin: 0px auto;
  height: 100%;
}
.app_box svg{
  width: 38px;
  fill: #3b3b3b;
}
.app_box p{
  font-size: 18px;    
  color: #333;
}
.app_box:hover{
  border: 2px solid #C51A1A;
}
.app_box:hover svg{
  fill: #C51A1A;
}
.app_box:hover p{
  color: #C51A1A;
}
.dow_mt{
  margin-top: 30px;
}
.book-demo-btn{
  font-size: 18px;
  font-weight: 600;
  background: #D82927;
  color: #fff;
  padding: 7px 20px;
  border-radius: 30px;
  text-align: center;
}
.book-demo-btn:hover{
  color: #fff;
}
.book-demo-btn.cld-btn{
  display: block;
}
.foot_social_icons{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.foot_social_icons img{
  width: 25px;
}
/* home */
.hero-img-new img.img-relative.new-img-relative{
  margin-top: 40px;
}
/* cookies */
.cookie-alert {
  position: fixed;
  bottom: 15px;
  left: 15px;
  width: 320px;
  margin: 0 !important;
  z-index: 999;
  opacity: 0;
  transform: translateY(100%);
  transition: all 500ms ease-out;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.cookie-alert.show {
  opacity: 1;
  transform: translateY(0%);
  transition-delay: 1000ms;
}
.btn-primary.accept-cookies{
  background-color: #D82927;
  border-color: #D82927;
  border-radius: 30px;
}
.cookie-alert .card-title{
  font-size: 20px;
}
.cookie-alert .card-text{
  font-size: 16px;
  margin-bottom: 15px;
}
.cookie-alert .card-body{
  text-align: center;
}
.down_com .common-btn{
  display: block !important;
  padding-left: 0px;
  padding-right: 0px;
}
.down_btn_uc a{
  text-transform: uppercase;
}
/*app download page*/
.book-demo-btn.e-hide {
  display: none;
}

.ms-dh {
  display: none;
}
/* privace policy */
.pp_sec h2{
  font-size: 30px;
    font-weight: 600;
    margin-bottom: 20px;
}
.pp_sec p{
  margin-bottom: 15px;
}
.pp_pad_top{
  padding-top: 15px;
}
.pp_sec ol li{
  font-size: 20px;
  margin-bottom: 15px;
  color: #000;
}
.pp_sec li{
  font-size: 20px;
  margin-bottom: 15px;
  color: #000;
}
/* news and features start */
/*tab inside tab start */
.tabs.par_tabs{
  padding-left: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}
.tabs.par_tabs a{
  font-size: 25px;
  color: #000;
  border-radius: 5px;
  padding: 10px 40px;
  transition: 0.5s;
  background-color:#CBCBCB;
}
.tabs.par_tabs a.active{
  background-color:#e32d2d;
  color:#fff;
}
.tabs li {
  list-style:none;
 }
 .tabs.chil_tabs{
  display: flex;
  justify-content: center;
  padding-left: 0;
  gap: 10px;
  margin-bottom: 30px;
  flex-wrap: wrap;
 }
.tabs.chil_tabs a { 
  color: #000;
  font-size: 16px;
  border: 1px solid #D5D5D5;
  width: 55px;
  display: flex;
  justify-content: center;
  border-radius: 3px;
  padding: 3px 0;
  transition: 0.5s;
}
.tabs.chil_tabs a.active {
  background-color:#e32d2d;
  color:#fff;
  border: 1px solid #e32d2d;
}
/*tab inside tab end */
.news_table{
  width: 100%;
}
.news_table td{
  font-size: 17px;
  color: #727272;
  border-bottom: 1px solid #ddd;
  padding: 12px 20px;
}
.news_table td:nth-child(1){
  width: 65%;
}
.news_table td:nth-child(2){
  width: 25%;
}
.news_table td:nth-child(3){
  width: 10%;
}
.responsive_table{
  overflow-x: auto;
}
/* news and features end */

.free-burger-icon, .mobile-top-header{
  display: none;
}

@media (max-width: 767px) {
  .ds-mh {
    display: none;
  }

  .ms-dh {
    display: block;
  }
  .book-demo-btn.cld-btn{
    margin-top: 15px;
  }
  .cookie-banner {
    flex-direction: column; 
    align-items: center; 
    text-align: center;
  }
  
  .cookie-banner p {
    margin-bottom: 10px; 
    font-size: 15px;
  }
  
  .cookie-banner .button-container {
    margin-right: 0; 
    display: flex;
    flex-direction: row; 
    justify-content: center; 
  }
  
  .cookie-banner .btn {
    margin-left: 10px; 
  }
}

/* 404 error */
.common-btn.page_not_btn{
  text-transform: inherit !important;
    font-weight: 300;
    background: transparent;
    border: 1px solid #d82927;
    color: #000;
    padding: 8px 30px;
    font-size: 18px;
    transition: 0.5s;
}
.common-btn.page_not_btn:hover{
  background: #d82927;
  color: #fff;
}
.main_not{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 40px;
}
.main_not svg{
  max-width: 100%;
}
.fundo{
  animation: scales 3s alternate  infinite;
  transform-origin: center;
}
.pao-baixo{
   animation: rotatepao 14s cubic-bezier(.1,.49,.41,.97)  infinite;
  transform-origin: center;
}
.pao-cima{
   animation: rotatepao 7s 1s cubic-bezier(.1,.49,.41,.97)  infinite;
  transform-origin: center;
}
.olhos{animation: olhos   2s  alternate  infinite;
   transform-origin: center;
}

.left-sparks{animation: left-sparks   4s  alternate  infinite;
      transform-origin: 150px 156px;
}

.right-sparks{animation: left-sparks   4s  alternate  infinite;
      transform-origin: 310px 150px;
}

.olhos{animation: olhos   2s  alternate  infinite;
   transform-origin: center;
}
@keyframes scales{
  from { transform: scale(0.98)}
  to{ transform: scale(1)}
}

@keyframes rotatepao{
  0% { transform:  rotate(0deg)}
  50% , 60%{ transform:  rotate(-20deg)}
  100%{  transform:  rotate(0deg) }
 
}

@keyframes olhos{
  0%{
    transform: rotateX(0deg);
  }
   100%{
    transform: rotateX(30deg);
  }
}

@keyframes left-sparks{
  0%{
    opacity: 0; 
  }
  
}

.path {
  stroke-dasharray: 300;
  stroke-dashoffset: 300;
  animation: dash 4s   alternate infinite;
}

@keyframes dash{
   0%, 30%{
     fill: 4B4B62;
    stroke-dashoffset:   0;
  }
   80%,100%{
     fill: transparent;
    stroke-dashoffset:  -200;
  }
   
  
}
/* 404 header */
.not_body{
  padding-top: 0px;
}
.not_header{
  box-shadow: 0 4px 4px #00000014;
  position: relative;
  z-index: 1;
}
/* we also serve start */
/* banner start */
.sec_padding_0{
  padding: 0;
}
#rp_carousel .owl-dots{
  display: flex;
  justify-content: end;
  margin-right: 5%;
}
#rp_carousel .owl-dots .owl-dot span {
  height: 12px;
  width: 12px;
  background-color: #D8D2D2;
  border-radius: 50%;
  display: inline-block;
  margin: 5px;
  transition: 0.5s;
}
#rp_carousel .owl-dots .owl-dot.active span {
  background-color: #D82927;
  height: 18px;
  width: 18px;
}
.pos_relative{
  position: relative;
}
.ws_ban_text{
  position: relative;
}
.ws_ban_text::before{
  content: "";
  position: absolute;
  top: -110px;
  left: -370px;
  background-color: #D82927;
  height: 870px;
  width: 1000px;
  z-index: -1;
  border-radius: 50%;
  animation-name: redbg;
  animation-duration: 2s;
}
@keyframes redbg {
  from {width: 0;height: 0;}
  to {width: 1000px;height: 870px;}
}
.ws_ban_text h1{
  color: #fff;
    font-size: 60px;
    font-weight: 600;
    padding-top: 200px;
    animation-name: textban;
    animation-duration: 4s;
}
.text_underline{
  background-color: #F3C9C9;
  border-radius: 3px;
  width: 56px;
  height: 6px;
  display: block;
  margin: 25px 0px;
  animation-name: textban;
  animation-duration: 4s;
}
.ws_ban_text p{
  color: #fff;
  font-size: 20px;
  animation-name: textban;
  animation-duration: 4s;
}
@keyframes textban {
  from {opacity: 0;}
  to {opacity: 1;}
}
.ab_part{
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 1;
}
.stac_bg{
  height: 800px;
}
.footer-form.ban_form{
  margin-top: 220px;
  position: relative;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
}
.footer-form.ban_form::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 20px;
  background-image: linear-gradient(to right, #B12929, #F34949);
  border-radius: 10px 10px 0px 0px;
  top: 0;
  left: 0;
}
.footer-form.ban_form h3{
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 0;
}
.footer-form.ban_form p{
  font-size: 20px;
}
.footer-form.ban_form .form-control{
  border: 1px solid #CFCFCF;
    border-radius: 30px;
    padding: 7px 20px;
    font-size: 16px;
}
.footer-form.ban_form .form-control.form_phone{
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
  padding-left: 5px;
}
.footer-form.ban_form .input-group>.input-group-prepend>.input-group-text{
  border: 1px solid #CFCFCF;
  background-color: #fff;
  border-radius: 30px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  font-size: 16px;
  padding-left: 20px;
    padding-right: 0;
}
.footer-form.ban_form .submit-btn{
  background-image: linear-gradient(to right, #36A6D4 , #198EBC);
    padding: 14px 40px;
    margin-top: 11%;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
    color: #FFFFFF;
    border-radius: 30px;
    height: auto;
}
.form_underline{
  border-top: 1px solid #FF6161;
    display: block;
    width: 25px;
    margin: 15px 0;
}

/* 2nd section start */
.lms_padding{
 padding: 60px 0;
}
.sec_sub_heading {
  font-size: 50px;
  font-weight: 700;
}
.sec_para {
  font-size: 18px;
}
.bus_flex {
  display: flex;
  justify-content: start;
  margin-top: 25px;
  gap: 30px;
}
.bus_flex p{
  line-height: 1.2;
  margin-top: 5px;
  font-size: 18px;
}
.bus_flex div{
  flex-grow: 1;
    flex-basis: 0;
}
.bo_mb{
  margin-top: 0;
}
/* 2nd section end */

/* client logo start */
#client_logo_carousel .item {
  border: 1px solid #E9E9E9;
  border-radius: 7px;
  padding: 10px 0px;
}
#client_logo_carousel .item img {
  width: 150px;
  margin: auto;
}
/* client logo end */

/* prepared section start */
.text_underline.center{
  margin: 25px auto;
}
.pre_group_flex {
  display: flex;
  flex-direction: column;
  gap: 50px;
  z-index: 1;
  position: relative;
}
.pre_boxs {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 15px;
  column-gap: 15px;
  box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
  border: 1px solid #F2F2F2;
  border-radius: 10px;
  background-color: #fff;
  padding: 30px 0px;
  position: relative;
  overflow: hidden;
}
.pre_boxs::before {
  content: "";
  background-color: #EF901C;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  position: absolute;
  top: -20px;
  left: -20px;
}
.pre_boxs p {
  font-size: 18px;
  line-height: 1.2;
}
.pre_boxs.blue::before {
  background-color: #009A90;
}
.pre_boxs.purple::before {
  background-color: #745CA8;
}
.pre_boxs.right::before {
  right: -20px;
  left: auto;
}
.book-demo-ws {
  background-image: linear-gradient(to right, #36A6D4 , #198EBC);
  padding: 14px 40px;
  margin-top: 8%;
  font-size: 16px;
  font-family: 'Lato', sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  color: #FFFFFF;
  border-radius: 30px;
  display: inline-block;
}
.book-demo-ws:hover{
  color: #fff;
}
/* prepared section end */

/* patner section start */
.pre_red_bg {
  background-color: #D82927;
  position: relative;
}
.pre_red_bg .sec_sub_heading {
  color: #fff;
}
.par_content img {
  margin-bottom: 10px;
}
.par_content h3 {
  font-size: 30px;
  font-weight: 600;
  color: #000;
}
.par_content ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  gap: 18px;
  margin-top: 25px;
}
.par_content ul li {
  display: flex;
  align-items: baseline;
  column-gap: 10px;
}
.balck_tick_bg, .tick_bg {
  flex: 0 0 20px;
}
.tick_bg {
  background-image: url(../images/we-also-serve/partner/tick.png);
  background-repeat: no-repeat;
  width: 17px;
  height: 13px;
  display: inline-block;
}
.par_content ul li p {
  font-size: 18px;
  color: #fff;
}
.ss_heading {
  font-size: 25px;
  margin-bottom: 30px;
  font-weight: 600;
}
.need_content ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0px;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.need_content ul li {
  display: flex;
  align-items: baseline;
  column-gap: 10px;
}
.balck_tick_bg {
  background-image: url(../images/we-also-serve/business/black-tick.png);
  background-repeat: no-repeat;
  width: 17px;
  height: 13px;
  display: inline-block;
}
.sec_mar_top {
  margin-top: 60px;
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.need_content ul li p {
  font-size: 18px;
}
.need_content p{
  font-size: 18px;
}
.need_content {
  padding-left: 60px;
  margin-top: 50px;
}
.book-demo-ws.for_tcontent{
  margin-top: 5%;
}
.scroll_adj {
  position: absolute;
  top: -80px;
}
/* patner section end */

/* employee benefit start */
.lam_padding_bt {
  padding-bottom: 60px;
}
/* employee benefit end */

/* contact section start */
.contact_sec_mar {
  margin-top: 90px;
}
.contact_text h2 {
  font-size: 50px;
  color: #fff;
  margin-bottom: 25px;
  font-weight: 700;
}
.contact_text .special_text {
  font-size: 40px;
  line-height: 1.4;
  margin-bottom: 25px;
  color: #000;
}
.contact_text p {
  color: #fff;
}
.contact_text .special_text span {
  font-weight: 900;
}
.contact_img{
  position: absolute;
  right: 0;
  bottom: -1px;
  width: 50%;
}
/* contact section end */
/* we also serve end */

/* thanks popup start */
.md_tks{
  justify-content: center;
}
.md_tks img{
  filter: brightness(0.5);
  transition: 0.5s;
}
.md_tks a:hover img{
  filter: brightness(0.10);
}
.footer-form.thank_modal{
  padding: 30px 0 30px;
}
/* thanks popup end */

.lg-none{
  display: none;
}

@media(max-width: 767px){
  .sm-show{
    display: block;
    margin: 20px 0;
  }
  .sm-none{
    display: none;
  }
  .kiosk-light:nth-child(1) img{
      margin-bottom: 20px;
  }
  /* chrimax banner start */
  .xmax-trees{
    position: relative;
  }
  .xmax-trees img:nth-child(2) {
    bottom: 30px;
    left: 0;
}
.xmax-trees img:nth-child(3) {
  bottom: 30px;
  left: 50px;
}
.xmax-trees img:nth-child(4){
  display: none;
}
.xmax-trees img:first-child {
  right: -130px;
  bottom: 18px;
  position: relative;
  width: 100px;
}
  /* chrimax banner end */

  /* onload form start */
  .onload-form{
    width: auto;
  }
  .form-img{
    grid-auto-columns: auto;
    grid-auto-flow: row;
  }
  .form-img form {
    padding: 15px 35px;
    position: unset;
  }
  .form-img img{
    border-radius: 15px 15px 0 0;
  }
  .form-img form label{
    font-size: 20px;
    margin-bottom: 10px;
  }
  .pop-input input[name="Company"]{
    margin-bottom: 0;
  }
  /* onload form end */
  body{
    padding-top: 65px;
  }
  .equal-height {
    margin-bottom: 15px;
}
  /* index join foodhub start */
.join-fh .set-heading.index-mar-spacing{
  margin: 20px 0 15px 0;
}
/* index join foodhub end */
  .flex-center{
    padding-top: 30px;
  }
  .flex-center:nth-child(2) {
    padding-top: 20px;
}
  .price-table table th{
    font-size: 14px;
  }
  .price-table table td{
    font-size: 14px;
    padding: 6px 15px;
  }
  button.sec-button:first-of-type{
    margin-right: 0;
  }
  .pos-div a.integrationbtn:first-of-type{
    margin: 12px 0;
  }
  p{
    font-size: 15px;
  }
  button.sec-button{
    margin-top: 15px;
    padding: 10px 30px;
    font-size: 14px;
  }
  .step-flex{
    gap: 25px;
  }
  .step-flex img{
    min-width: auto;
  }
  .hero-section h1{
    font-size: 25px;
  }
  .mainmenu a.logo-padding{
    padding-left: 15px;
  }
  .hero-section .h-cheader{
    font-size: 25px;
  }
  .hero-section .sp-cheading{
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 500;
  }
  .hero-section .con-cheading{
    font-size: 25px;
  }
  .pos-div .address-content a{
    font-size: 15px;
  }
  .main_not{
    row-gap: 0px;
  }
  .hero-section h1 .my-small-size {
    font-size: 20px;
}
  .main_not svg {
    max-width: 90%;
  } 
  .common-btn.page_not_btn{
    padding: 4px 25px;
    font-size: 16px;
  }
  .book-demo-btn {
    font-size: 16px;
  }
  .product-hero-section{
    padding: 30px 0;
  }
  .product-cont .play-btn{
    margin-top: 14px;
    margin-bottom: 15px;
  }
  .foot_social_icons{
    flex-wrap: wrap;
    row-gap: 10px;
  }
  .free-demo-menulist{
    width: 110px;
  }
  .form-head{
    font-size: 22px;
  }
  button.close{
    right: -5px;
    top: 5px;
  }
  .thank_size{
    font-size: 22px;
    margin-bottom: 10px;
  }
  .footer-form p{
    font-size: 18px;
  }
  .list-icon{
    margin-bottom: 7px;
  }
  .pos-icon{
    margin-bottom: 0px;
  }
  .pos-row img{
    margin-bottom: 20px;
  }
  .pos-div p{
    margin-top: 0px;
  }
  .achevivement{
    top: 0px;
    position: relative;
    margin-bottom: 25px;
  }
  .join-fh{
    padding-top: 40px;
    top: auto;
    padding-bottom: 40px;
    margin-top: 0px;
  }
  .pos-div-seprater{
    margin-bottom: 0px;
  }
  .pos-right-space {
    margin-bottom: 0px;
  }
  
  img.mob-award-icon{
    width: 85px;
  }
  .achevivement h3{
    font-size: 22px !important;
  }
  .leaf-div{
    margin-top: 10px;
  }
  .join-fh h2{
    font-size: 22px;
    margin-top: 30px;
  }
  .join-fh .set-heading{
    font-size: 22px;
    margin-top: 30px;
    line-height: 1.2;
  }
  .cal-sec{
    margin-top: 0px;
    padding: 20px;
  }
  .commision h2{
    font-size: 22px;
  }
  .commision p.chg-cheading{
    font-size: 22px;
  }
  .commision .set-heading{
    font-size: 22px;
  }
  .commisioinput-div{
    margin: 15px 0 12px 0;
  }
  .commisioinput-div h4{
    font-size: 15px;
    min-height: auto;
    margin-bottom: 10px;
  }
  .commision p{
    margin: 15px 0 0 0;
  }
  .commisioinput-div input{
    font-size: 20px;
    width: 100%;
  }
  p.input-value{
    font-size: 20px !important;
  }
  p.input-value{
    width: 100%;
  }
  .commision a {
    padding: 7px 0px;
    width: 100%;
  }
  .rateing {
    margin-top: 0px;
  }
  .new-heading-size, .rateing h2{
    font-size: 22px !important;
  }
  .pos-div p.pheading {
    font-size: 22px !important;
    margin-bottom: 30px;
  }
  .rateing .set-heading{
    font-size: 22px !important;
    line-height: 1.2;
    margin-bottom: 0.5rem;
    margin-top: 0;
    color: #000;
  }
  .rating-img-div a {
    margin: 0;
}
.rating-img-div a img{
  width: 120px;
}
  #myBtn{
    height: 40px;
    width: 40px;
  }
  #myBtn img{
    width: 22px;
  }
  .cal-sec{
    z-index: 0;
  }
  .rating-img-div {
    display: flex;
    justify-content: center;
    column-gap: 20px;
  }
  .rateing ul li{
    margin: 20px 20px;
    line-height: 22px;
    font-size: 15px;
  }
  .rateing ul li:last-child{
    margin-bottom: 0px;
  }
  .rateing ul li span{
    font-size: 16px;
  }
  .tab-content {
    margin-top: 20px;
}
.product-section{
  padding: 20px;
}
.product-section h2{
  margin-bottom: 30px;
}
.product-div p{
  min-height: auto;
}
.product-section{
  margin: 20px 0;
}
.testimonial-div h6 {
  margin-top: 10px;
}
.point-os-sale-hero-section {
  padding: 30px 0px 30px;
}
.pos-seprate-div {
  padding: 0 0px;
  margin-top: 15px;
}
.point-of-sale-test-section {
  padding: 30px 0;
}
.point-of-sale-test-section a.common-btn{
  margin-top: 10px;
}
.qa-section h2{
  font-size: 22px;
  margin-bottom: 0px;
}
.qa-section .qa-cheading{
  font-size: 22px;
  margin-bottom: 0px;
}
.accordion .item .item-header h2 button.btn.btn-link{
  font-size: 14px;
  line-height: 1.5;
}
.accordion .item .item-header h2 span.qa-arrow{
  margin-top: 1px;
}
.pdq-pos-hero-section {
  padding: 30px 0 30px;
}
.pdq-pricing{
  left: auto;
}
.pdq-shap2{
  left: -34px;
    top: -68px;
}
.pdq-pricing-detail-div{
  margin: 20px 0px 0px;
}
.pdq-pricing-detail-div p{
  margin-top: 8px;
}
.delevery-management-hero-section {
  padding: 30px 0;
}
.digital-board-hero-section {
  padding: 30px 0;
}
.fk-section {
  padding-bottom: 40px !important;
}
.fk-section {
  padding-bottom: 40px !important;
}
.fk-img-div {
  padding: 10px 30px 20px;
}
.fk-div .fk-img-div:last-child{
  padding-bottom: 0px;
}
.service-sect-box {
  margin: auto;
  height: auto;
  width: 100%;
  padding: 20px 20px;
}
.service-sect-div .service-sect-box{
  margin-bottom: 20px;
}
.service-sect-div .service-sect-box.mob-rm-mar{
  margin-bottom: 0px;
}
.rateing h3::before{
  display: none;
}
.rateing h3::after{
  display: none;
}
.mob_mar_zero{
  margin-top: 0px;
}
.cal-sec{
  margin-bottom: 25px;
}
.service-pos-seprate-div {
  padding: 0px;
}
.marketing-sec {
  padding: 30px 0 !important;
}
/* .obg-light h2{
  font-size: 16px;
} */
.webinar-section {
  padding: 30px 0 0 0;
}
.packages-div h2{
  line-height: 26px;
  font-size: 16px !important;
}
.package-box {
  margin-top: 10px;
}
.package-img {
  margin-bottom: 10px;
}
.package-content{
  padding: 20px 10px;
  min-height: 610px;
  margin-bottom: 20px;
}
.res-table {
  margin: 0px 0;
}
.accordion .item:last-child{
  margin-bottom: 0px;
}
.accordion{
  margin-bottom: 0px;
  margin-top: 20px;
}
.case-studies img{
  margin-bottom: 15px;
}
.ser-sec {
  padding: 30px 0;
}
.orgonization-data{
  margin: 30px 0;
}
.mob-marbot{
  margin-bottom: 30px;
}
.mob-none{
  display: none;
}
.timeline-content{
  padding: 10px;
  margin-bottom: 15px;
}
.map {
  margin-top: 0px;
}
.cont_mar{
  margin-bottom: 0px;
}
.address-box {
  margin: 0px 5% 20px;
}
.address-box{
  height: 250px;
}
.testimonial-div p a{
  font-size: 15px;
}
.common-btn, .t-p{
  font-size: 14px;
}
.pos-div a.common-btn{
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  padding: 8px 20px;
  margin-top: 18px;
}
.pi_mar_spc{
  margin-top: 0px;
  margin-bottom: 0px;
}
.testimonial-div a{
  font-size: 14px;
}
.testimonial-div span{
  font-size: 14px;
}
.pos-div .download-box a{
  font-size: 14px;
  padding: 9px 25px;
  margin-top: 10px;
}
.download-box{
  padding-bottom: 0px;
}
.hero-section{
  padding-top: 20px;
}
.breadcrumbs-ab{
  position: relative;
  top: auto;
  left: auto;
  margin-bottom: 15px;
}
.breadcrumbs-ab p{
  font-size: 12px;
}
.breadcrumbs-ab a{
  font-size: 12px;
}
.breadcrumbs-ab span{
  font-size: 12px;
}
.rating-img-div a{
  border-radius: 8px;
}
.mob-text-center{
  text-align: center !important;
}
.pos-row .pos-icon img{
  margin-bottom: 0px;
}
.mob_acc a{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mob_acc .collapsed .d_arrow{
  transition: 0.5s;
  transform: rotate(180deg);
}
.mob_acc .d_arrow{
  transform: rotate(0deg);
  transition: 0.5s;
}
.product-div img {
  top: -140px;
}
/* .product-div.receipt img, .product-div.caller img{
  top: -80px;
} */
/* .product-div.digi_menu img{
  top: -60px;
} */
/* .product-div.payment_gate img{
  top: -86px;
  width: 100px;
} */
.product-div img.chef_screen_img{
  top: -120px;
}
/* .product-div img.feedback_kiosk_img{
  top: -112px;
} */
.cookie-alert{
  width: 100%;
  left: 0px;
  bottom: 0px;
}
.cookie-alert p{
  font-size: 16px;
  margin-bottom: 15px;
}
.cookie-alert .card-title{
  font-size: 18px;
}
.row.hero-section{
  padding-top: 0px;
}
.ing_client_logo{
  justify-content: center;
  gap: 15px;
}
.ing_client_logo img{
  width: 100px;
  height: 100px;
}
.comimg_img h3{
  font-size: 20px;
}
.comimg_img img{
  margin: auto;
  margin-bottom: 30px;
}
.pos-div .comimg_img ul{
  margin-bottom: 20px;
}
/* .product-div img.hard_img1{
  width: 100px;
  top: -85px;
} */
/* .product-div img.hard_img2, .product-div img.hard_img3{
  top: -75px;
} */
.mob-mar-remove{
  margin-bottom: 0px;
}
/* mob news-and-features start */
.news_table td{
  padding: 12px 10px;
  text-align: left;
  font-size: 15px;
  white-space: nowrap;
}
.tabs.par_tabs a{
  font-size: 20px;
}
.tabs.par_tabs{
  margin-bottom: 35px;
}
.tabs.chil_tabs{
  margin-bottom: 10px;
}
/* mob news-and-features end */

/* mob index banner start */
.tf_style{
  top: 10px;
  left: 0;
}
.xmax-ss{
  width: 250px;
}
.t2s_ani, .fh_ani{
  width: 210px;
}
.hero-section p.ban_text{
  font-size: 16px;
  width: 100px;
  margin: 25px auto 10px;
}
.hero-section .home_disclaimer.t2s_to_fh {
  right: auto;
  left: auto;
  margin: auto;
  position: relative;
  margin-top: 20px;
  bottom: 0;
}
.hero-section .home_disclaimer.chrx-dis{
  position: relative;
  margin-top: 6px;
  right: 0;
  text-align: left;
}
.hero-section .home_disclaimer.chrx-dis p br{
  display: none;
}
/* mob index banner end */

/* mob banner section start */
.ab_part{
  position: unset;
}
#rp_carousel .owl-dots{
  display: none;
}
.ws_ban_text h1{
  font-size: 30px;
    padding-top: 0px;
}
.stac_bg{
  height: auto;
  background-color: #D82927;
  padding-bottom: 30px;
}
.ws_ban_text::before{
  display: none;
}
.ws_ban_text {
  margin-top: 20px;
}
.text_underline {
  margin: 15px auto;
  height: 3px;
}
.ws_ban_text p{
  font-size: 16px;
}
.footer-form.ban_form {
  margin-top: 20px;
}
.footer-form.ban_form h3 {
  font-size: 25px;
}
.footer-form.ban_form p {
  font-size: 17px;
}
.form_underline{
  margin: 10px auto;
}
.footer-form.ban_form{
  padding: 30px 15px;
}
.footer-form.ban_form .submit-btn{
  padding: 12px 35px;
  font-size: 15px;
}
/* mob banner section end */

/* mob index page 2nd section start */
.lms_padding{
  padding: 30px 0;
}
.sec_sub_heading {
  font-size: 25px;
  margin: 0;
}
.mob_mb_20{
  margin-bottom: 20px;
}
.sec_para {
  font-size: 16px;
}
.bus_flex {
  margin-top: 15px;
  gap: 20px;
}
.bus_flex p {
  font-size: 12px;
  text-align: left;
}
.lam_padding_bt {
  padding-bottom: 30px;
}
.contact_sec_mar {
  margin-top: 0;
}
.contact_text h2 {
  font-size: 25px;
  margin-bottom: 10px;
}
.contact_text .special_text {
  font-size: 22px;
  margin-bottom: 5px;
}
.contact_img{
  display: none;
}
/* mob index page 2nd section end */

/* mob index client logo start */
#client_logo_carousel .item img {
  width: 120px;
}
#client_logo_carousel .item{
  padding: 0;
}
.text_underline.center {
  margin: 15px auto;
}
.pre_boxs{
  padding: 10px 0px;
}
.pre_boxs p {
  font-size: 16px;
}
.pre_group_flex{
  gap: 20px;
  margin-top: 20px;
}
.sp_padding {
  padding: 30px 30px 0;
}
.book-demo-ws{
  padding: 10px 20px;
  margin-top: 8%;
  font-size: 12px;
}
.par_content{
  margin-bottom: 20px;
}
.par_content img{
  width: 70px;
    display: block;
}
.par_content h3 {
  font-size: 22px;
  text-align: left;
}
.par_content ul{
  gap: 8px;
  margin-top: 15px;
  text-align: left;
}
.par_content ul li p {
  font-size: 16px;
  color: #fff;
}
.sec_mar_top {
  margin-top: 30px;
  gap: 30px;
}
.ss_heading {
  font-size: 18px;
  text-align: left;
  margin-bottom: 15px;
}
.need_content{
  padding-left: 0px;
    margin-top: 20px;
}
.need_content p {
  font-size: 16px;
}
.need_content ul{
    margin-top: 10px;
    gap: 10px;
  }
  .need_content ul li p {
    font-size: 16px;
    text-align: left;
}
.pos-div .flex-center p{
  margin-bottom: 5px;
}
.int-order-flex{
  gap: 10px;
  margin-bottom: 5px;
}
.pos-div p.int-marketp{
  margin-top: 20px;
    margin-bottom: 0px;
}
.ing_client_logo.ret-client-logo{
  gap: 0px;
  margin-top: 10px;
}
.ing_client_logo.ret-client-logo br{
    display: none;
}
.ing_client_logo.ret-client-logo img{
  width: 110px;
  height: auto;
  margin: 0;
}
.pos-div .integrate-disclaim p br{
  display: none;
}
.int-pat1, .int-pat2{
  display: none;
}
/* .ing_client_logo.ret-client-logo.int-desk{
  display: none;
} */
/* .int-mobile{
  display: block;
  margin-top: 15px;
} */
.arrow-button button{
  font-size: 16px;
  margin-top: 25px;
}
.pos-div .dm-packege .pos-heading{
  text-align: left !important;
}
.sub-heading{font-size: 18px;}
.dm-packege table th{
  font-size: 12px;
}
.dm-packege table td{
  font-size: 14px;
}
.dm-packege{
  padding: 0 0 30px;
}
/* mob index client logo end */
.next-red-box{
  padding: 20px;
}
.next-white-box{
  text-align: left;
  left: auto;
  margin-bottom: 15px;
}
.next-white-box:first-child, .next-white-box:last-child{
  left: auto;
}
.next-content h3{
  font-size: 20px;
}
.next-content p{
  font-size: 15px;
}
.next-level-space{
  padding-left: 0;
}
.next-level-space h2{
  font-size: 22px;
}
.next-level-space h2 br{
  display: none;
}
.next-level-section{
  padding-bottom: 0;
}
.next-order-2{
  order: 2;
}
#navbarSupportedContent {
  height: 530px !important;
  overflow: scroll;
}
.desk-menu{
  display: none;
}
.mobile-menu{
  display: block;
}
.navbar-nav li h4{
  padding-left: 7px;
  font-size: 17px;
  font-weight: 700;
}
/* kiosk start */
.kiosk-hub{
  padding: 30px 0;
}
.kiosk-flex{
  gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    text-align: left;
}
.kiosk-flex a{
  font-size: 14px;
  flex: 0 0 165px;
  padding-top: 0;
}
/* kiosk end */

/* table ordering system start */
.to-system .pdq-pricing-detail {
  padding: 10px;
}
.to-box{
  flex-direction: column;
  margin-top: 25px;
}
.to-box:first-child{
  margin-top: 15px;
}
.to-box img{
  width: 60px;
}
.to-box p{
  font-size: 16px;
}
.tab-ord{
  gap: 20px;
    margin-top: 30px;
    flex-direction: column;
}
.tab-row {
  margin-bottom: 20px;
}
.tab-ord p {
  font-size: 16px;
}
/* table ordering system end */

/* poit of sale product section start  */
.product-overall{
  margin-top: 20px;
  flex-direction: column;
  gap: 30px;
}
.products-image-sheet{
  gap: 15px;
}
.product-txt-btn h6 {
  font-size: 17px;
}
.product-heading h5{
  font-size: 18px;
}
.product-txt-btn .green-btn.black-btn{
  margin-top: 10px;
  padding: 8px 15px;
    text-transform: capitalize;
}
/* poit of sale product section end  */

/* uber integration start */
.gen-sub-heading {
  font-size: 20px;
  margin-bottom: 14px;
}
.ub-it {
  margin-top: 24px;
}
.ub-it p{
  font-size: 14px;
}
button.sec-button.ub-btn {
  margin-top: 20px;
}
.ub-order-text{
  margin-bottom: 20px;
}
.ub-text-width{
  margin: 20px auto 0;
}
.ub-text{
  margin-top: 20px;
}
.mob-order-1{
  order: 1;
  margin-top: 20px;
}
.mob-order-2{
  order: 2;
}
.ub-other {
  font-size: 15px;
}
.ub-flex a {
  margin-top: 20px;
  margin-bottom: 0;
}
/* uber integration end */

/* epos of cafe start */
.breadcrumbs-ab.epos{
  margin: 6px 0;
}
.breadcrumbs-ab.epos .active{
  color: #000;
}
.epos-relative img{
  height: 350px;
    object-fit: cover;
}
.epos-banner-carousel-item{
  top: 55px;
}
.epos-banner-carousel-item h1{
  font-size: 25px;
}
.epos-banner-carousel-item p{
  font-size: 16px;
}
br{
  display: none;
}
.epos-list{
  font-size: 16px;
  padding-left: 0;
  margin-top: 20px;
}
.mob-order-1.epos{
  margin-top: 0;
}
.sml-margin-top-40{
  margin-top: 20px;
}
.small-sub-heading{
  font-size: 18px;
}
.sml-margin-bottom-40 {
  margin-bottom: 20px;
}
.small-sub-heading-2 {
  font-size: 17px;
}
.sml-margin-top-60 {
  margin-top: 30px;
}
.epos-mob-img-space img{
  margin-bottom: 20px;
}
.epos-mob-img-space img.top{
  margin-top: 20px;
}
.mob-margin-bottom-20{
  margin-bottom: 20px;
}
/* epos of cafe end */

/* mobile tab menu start */
[data-tab-content] {
  display: none;
  background-color: #FFEBEB;
  padding: 10px;
  border-radius: 8px;
}
[data-tab-content] ul{
  background-color: transparent !important;
}

[data-tab-content] ul li::marker{
  color: #c52d29;
}
[data-tab-content] ul li{
  text-decoration: underline;
  list-style-type: disc;
}
[data-tab-content] ul li a{
  color: #000 !important;
}

.active[data-tab-content] {
  display: block;
  margin: 15px 0;
}

.tabs {
  display: flex;
  justify-content: space-around;
  list-style-type: none;
  margin: 0;
  padding: 0 10px;
  flex-wrap: wrap;
  text-align: center;
}

.tab {
  cursor: pointer;
  padding: 10px 0; 
  flex: 1 1 140px;
  background-color: #F2F2F2;
  border-radius: 8px;
  transition: 0.5s;
}

.tab.active {
  background-color: #FFEBEB;
  margin-top: 10px;
  margin-bottom: 0;
}

.tab.active span{
  color: #c52d29;
}

.tab.active svg{
  fill: #c52d29;
}

.mob-tab-content{
  margin: 0 15px;
}
.mob-tab-menu li{
  margin: 5px;
  font-size: 14px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 0;
}
.mob-tab-menu li.tab a{
  font-size: 14px;
  font-weight: 600;
  color: #212529;
}
.free-demo{
    background-image: linear-gradient( -225deg, #231557 0%, #44107a 29%, #ff1361 67%, #fff800 100% );
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
}
@keyframes textclip {
  to {
    background-position: 200% center;
  }
}
/* mobile tab menu start */

/* pos systems start */
.fh-int-width {
  max-width: 100%;
  margin: 20px auto 0;
}
.int-select {
  flex-direction: column;
  margin: 20px 0;
  gap: 20px;
}
.int-select img.fh-logo{
  width: 180px;
}
.int-list ul{
  width: 100%;
}
.int-list ul li{
  padding: 10px 25px;
    gap: 15px;
}
.int-equal{
  margin-top: 0;
}
/* pos systems end */

/* hardware start */
.hard-ware .product-div{
  margin-bottom: 30px;
}
.product-div{
  margin: 120px 0;
}
/* hardware end */

/* order kiosk start */
.kiosk-btn .book-demo-btn{
  margin-bottom: 10px;
  height: auto;
}
.order-icons .product-icon{
  padding: 5px 0;
  margin: 20px 0 0;
  height: auto;
}
.order-icons .product-icon h5{
  font-size: 15px;
}
.order-icons .product-icon p{
  font-size: 12px;
}
.icon-grid {
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 10px;
}
.icon-grid .product-icon:first-child img{
  width: 17px;
}
.icon-grid .product-icon img{
  width: 40px;
}
.kiosk-buttonWrapper .tab-button{
  padding: 10px 5px;
  font-size: 14px;
}
.kiosk-light{
  border-radius: 0 0 15px 15px;
  padding-right: 0px;
  padding: 20px;
}
.kiosk-light.left {
  padding-left: 0;
  padding: 20px;
}
.kiosk-icon-flex{
  justify-content: center;
  gap: 30px;
}
.product-heading{
  padding: 15px;
  width: 100%;
}
.kiosk-icon-txt p{
  font-size: 14px;
    margin-top: 6px;
}
.kiosk-icon-flex{
  margin: 20px 0 0px;
}
.mob-mar-top-20{
  margin-top: 20px;
}
.ok-middle-sec {
  margin: 20px 0;
}
.kiosk-check{
  text-align: left;
}
.kiosk-btn .book-demo-btn, .green-btn{
  font-size: 14px;
}
.kiosk-btn .book-demo-btn img{
  width: 20px;
}
/* kiosk banner form start */
.form-left-padding {
  padding-left: 0;
}
.form-left-padding .form-box {
  padding: 20px;
  margin-top: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.form-left-padding .form-box h3 {
  font-size: 22px;
  margin-bottom: 20px;
}
.form-left-padding .form-box h3 br {
  display: block;
}
.form-left-padding .form-box h3 span {
  font-size: 14px;
}
.form-left-padding .form-box .badge-hang {
  top: -30px;
  left: -17px;
  width: 82px;
}
.form-left-padding .form-box input[type=text], .form-left-padding .form-box input[type=tel], .form-left-padding .form-box input[type=email] {
  padding: 12px 15px;
  font-size: 14px;
  margin-top: 10px;
}
.form-left-padding .form-box input[type=submit] {
  font-size: 16px;
}
/* kiosk banner form end */

/* order kiosk end */

}



@media(min-width: 768px) and (max-width: 991px){
  .pos-icon{
    margin-bottom: 0px;
  }
  .pos-icon img{
    margin-bottom: 0px;
  }
  .pos-div p{
    margin-top: 0px;
    line-height: 20px;
  }
  .pos-right-space, .pos-div ul, .pos-div-seprater {
    margin-bottom: 0px;
  }
  .mob-mrg-but{
    order: 2;
  }
  .app-icon{
    display: flex;
    column-gap: 10px;
  }
  .join-fh{
    padding-top: 70px;
    padding-bottom: 40px;
    top: auto;
    margin-top: 0px;
  }
  .commisioinput-div h4{
    font-size: 17px;
    margin-bottom: 4px;
  }
  .cal-sec{
    padding: 30px 45px;
  }
  .rateing {
    margin-top: 0px;
}
.rateing ul li{
  margin: 19px 0px 19px 100px;
}
.nav-tabs{
  margin: 25px 0px 0px;
}
.tab-content {
  margin-top: 0px;
}
.product-section{
  margin: 50px 0;
}
.point-os-sale-hero-section{
  padding: 40px 0px;
}
.hero-section h1{
  font-size: 25px;
}
.hero-section .h-cheader{
  font-size: 25px;
}
.hero-section .con-cheading{
  font-size: 25px;
}
.p-order{
 order: 2;
}
.point-of-sale-test-section {
  padding: 30px 0;
}
.testimonial-div .py-5{
  padding-top: 0rem!important;
} 
.pdq-pos-hero-section {
  padding: 30px 0px;
}
.delevery-management-hero-section {
  padding: 30px 0;
}
.digital-board-hero-section {
  padding: 40px 0;
}
.ser-sec {
  padding: 40px 0;
}
.achevivement{
  position: relative;
    top: 0px;
}
.fk-img-div {
  padding: 20px 0px 0px;
}
section {
  text-align: left;
}
.service-sect-box{
  width: 100%;
  height: 100%;
  margin: auto;
  margin-top: 30px;
}
.service-pos-seprate-div {
  padding: 0px;
}
.marketing-sec {
  padding: 20px 0 !important;
}
.obg-light h2{
  font-size: 18px;
}
.orgonization-data{
  padding: 10px;
}
.img-view-all h2{
  font-size: 25px;
}
.img-view-all .ci-header{
  font-size: 25px;
}
.breadcrumbs-ab{
  margin-bottom: 15px;
  top: 0px;
  position: relative;
}
.test-rate{
  margin-top: 20px;
  margin-bottom: 0px;
}
.testimonial-div h6 {
  margin-top: 20px;
}
.testimonials .mrg25{margin-top: 5px;}
.product-div img{
  top: -50%;
}
/* .product-div.receipt img, .product-div.caller img{
  top: -80px;
} */
/* .product-div.digi_menu img{
  top: -60px;
} */
/* .product-div img.feedback_kiosk_img {
  top: -110px;
} */
/* .product-div.payment_gate img{
  top: -90px;
  width: 100px;
} */
.book-demo-btn{
  font-size: 14px;
  padding: 7px 5px;
}
.comimg_img h3{
  font-size: 20px;
}
.pos-div .comimg_img p{
  height: calc(100% - 78%);
}
.product-div img.hard_img1{
  top: -90px;
  width: 100px;
}
.product-div img.hard_img2, .product-div img.hard_img3{
  top: -72px;
}
.testimonial-div span{
  font-size: 18px;
}
/* index banner start */
.tf_style{
  top: 10px;
  flex-direction: column;
}
.xmax-ss{
  width: 280px;
}
.hero-section p.ban_text{
  margin: 25px 0 15px;
}
.hero-section .home_disclaimer.chrx-dis{
  margin-bottom: -30px;
}
.hero-section .home_disclaimer.t2s_to_fh{
  bottom: -70px;
}
.hero-section .home_disclaimer.chrx-dis p br{
    display: none;
}
/* index banner end */
.ws_ban_text h1{
  font-size: 30px;
  padding-top: 90px;
}
.ws_ban_text p{
  font-size: 18px;
}
.ws_ban_text::before{
  top: -50px;
    left: -140px;
    height: 500px;
    width: 520px;
}
@keyframes redbg {
  from {width: 0;height: 0;}
  to {width: 520px;height: 500px;}
}
.footer-form.ban_form{
  margin-top: 100px;
}
.footer-form.ban_form {
  margin-top: 100px;
}
.footer-form.ban_form h3{
  font-size: 20px;
}
.footer-form.ban_form p {
  font-size: 17px;
}
.form_underline{
  margin: 10px 0;
}
.footer-form.ban_form .submit-btn{
  padding: 10px 22px;
  font-size: 12px;
}
.footer-form.ban_form .form-control{
  margin-top: 15px;
}
.footer-form.ban_form .form-control{
  height: 38px;
  font-size: 14px;
}
.footer-form.ban_form .input-group>.input-group-prepend>.input-group-text{
  font-size: 14px;
  height: 38px;
  margin-top: 15px;
}
.stac_bg {
  height: 505px;
}
.lms_padding {
  padding: 30px 0;
}
.sec_sub_heading {
  font-size: 30px;
}
.text_underline{
  margin: 15px 0px;
}
.sec_para {
  font-size: 16px;
}
.bus_flex{
  margin-top: 15px;
}
.bus_flex p{
  font-size: 15px;
}
#client_logo_carousel .item img{
  width: 120px;
}
#client_logo_carousel .item{
  padding: 0;
}
.pre_boxs p{
  font-size: 16px;
}
.pre_boxs::before{
  height: 50px;
  width: 50px;
}
.pre_boxs{
  padding: 18px 0px;
  column-gap: 5px;
}
.pre_group_flex{
  gap: 20px;
}
.book-demo-ws{
  padding: 8px 35px;
  font-size: 16px;
}
.par_content h3{
  font-size: 20px;
}
.par_content img{
  width: 70px;
}
.par_content ul li p{
  font-size: 15px;
}
.par_content ul{
  gap: 8px;
}
.text_underline.center {
  margin: 15px auto;
}
.sec_mar_top {
  margin-top: 30px;
}
.ss_heading {
  font-size: 18px;
  margin-bottom: 20px;
}
.need_content {
  padding-left: 0px;
  margin-top: 34px;
}
.need_content p {
  font-size: 16px;
}
.need_content ul{
  margin-top: 10px;
  gap: 10px;
}
.need_content ul li p {
  font-size: 16px;
}
.sec_mar_top{
  gap: 20px;
}
.lam_padding_bt {
  padding-bottom: 30px;
}
.contact_sec_mar {
  margin-top: 0px;
}
.contact_text h2 {
  font-size: 30px;
  margin-bottom: 15px;
}
.contact_text .special_text {
  font-size: 20px;
  margin-bottom: 15px;
}
.contact_text p{
  font-size: 18px;
}
.book-demo-ws{
  
}
.ing_client_logo.ret-client-logo br{
  display: none;
}
.ing_client_logo.ret-client-logo{
  gap: 0;
}
.ing_client_logo.ret-client-logo img{
  width: 150px;
}
.int-pat1, .int-pat2{
  display: none;
}
.flex-center{
  padding-top: 40px;
}
.flex-center:nth-child(2){
  padding-top: 40px;
}
.arrow-button button{margin-top: 20px;}
.next-level-space h2{
  font-size: 35px;
}
.next-level-space h2 br{
  display: none;
}
#navbarSupportedContent {
  height: 530px !important;
  overflow: scroll;
}
.desk-menu{
  display: none;
}
.mobile-menu{
  display: block;
}
}
@media(min-width: 992px) and (max-width:1199px){
  .mainmenu a, .mainmenu ul li a{
    padding: 7px 4px;
  }
  .owl-next {
    left: 23%;
}
.breadcrumbs-ab{
  margin-bottom: 15px;
  
}
.rating-img-div{
  display: flex;
}
.rating-img-div img{
  width: 200px;
}
.product-div a{
  padding: 10px 30px;
}
.mobile-pos-hero-section {
  padding: 20px 0 100px;
}
.join-fh{
  margin-top: 260px;
}
.product-div{
  padding: 65px 15px 20px;
  margin: 80px 0 0;
}
.book-demo-btn{
  font-size: 16px;
  padding: 7px 28px;
}
.comimg_img h3{
  font-size: 25px;
}
.pos-div .comimg_img p{
  height: calc(100% - 82%);
}
.product-section{
  padding: 35px 20px;
  margin: 50px 0;
}
.product-section.first-ps {
  margin-top: 0px;
}
.product-div img{
  top: -102px;
}
/* .product-div.receipt img, .product-div.caller img{
  width: 140px;
  top: -60px;
} */
/* .product-div.digi_menu img{
  width: 150px;
  top: -47px;
} */
/* .product-div img.feedback_kiosk_img {
  top: -42%;
  width: 170px;
} */
/* .product-div.payment_gate img{
  width: 80px;
  top: -70px;
} */
h3.product-head{
  display: flex;
  align-items: baseline;
  justify-content: center;
  min-height: 50px;
}
h3.product-head span.head-dot{
  flex: 0 0 10px;
}
.product-div img.hard_img1{
  width: 80px;
    top: -73px;
}
.product-div img.hard_img2, .product-div img.hard_img3{
  top: -102px;
}
/* index banner start */
.tf_style{
  top: 0;
}
.hero-section p.ban_text{
  padding: 4px;
  font-size: 12px;
}
.hero-section .home_disclaimer.t2s_to_fh{
  bottom: -250px;
  right: 0;
}
/* index banner end */
.footer-form.ban_form{
  margin-top: 130px;
}
.ws_ban_text h1{
  font-size: 35px;
    padding-top: 140px;
}
.ws_ban_text p{
  font-size: 18px;
}
.ws_ban_text::before{
  height: 680px;
    width: 900px;
}
@keyframes redbg {
  from {width: 0;height: 0;}
  to {width: 900px;height: 680px;}
}
.footer-form.ban_form h3 {
  font-size: 25px;
}
.footer-form.ban_form p {
  font-size: 17px;
}
.form_underline{
  margin: 10px 0;
}
.footer-form.ban_form .form-control{
  margin-top: 15px;
}
.stac_bg {
  height: 590px;
}
.lms_padding {
  padding: 40px 0;
}
.sec_sub_heading {
  font-size: 35px;
}
.text_underline{
  margin: 15px 0px;
}
.sec_para, .bus_flex p {
  font-size: 16px;
}
#client_logo_carousel .item{
  padding: 0;
}
#client_logo_carousel .item img {
  width: 130px;
}
.pre_boxs p {
  font-size: 16px;
}
.pre_boxs::before{
  height: 50px;
    width: 50px;
}
.pre_boxs{
  padding: 20px 0px;
}
.par_content img {
  width: 80px;
}
.par_content h3 {
  font-size: 22px;
}
.par_content ul{
  gap: 10px;
  margin-top: 15px;
}
.par_content ul li p {
  font-size: 16px;
}
.ss_heading {
  font-size: 20px;
}
.need_content p {
  font-size: 16px;
}
.need_content ul{
  gap: 10px;
}
.need_content ul li p {
  font-size: 16px;
}
.book-demo-ws{
  padding: 12px 32px;
}
.sec_mar_top{
  margin-top: 40px;
  gap: 40px;
}
.lam_padding_bt {
  padding-bottom: 40px;
}
.contact_sec_mar {
  margin-top: 0;
}
.contact_text h2 {
  font-size: 30px;
  margin-bottom: 15px;
}
.contact_text .special_text {
  font-size: 25px;
  margin-bottom: 15px;
}
.contact_img{
  width: 45%;
}
.hero-section .home_disclaimer.chrx-dis{
  bottom: -30%;
}
.int-pat1, .int-pat2{
  display: none;
}
.new-sub-img.int-1 {
  top: -38px;
  left: -100px;
}
.new-sub-img.int-2{
  top: -45px;
    right: 97px;
}
.new-sub-img.int-3{
  left: -50px;
}
.new-sub-img.int-4 {
  bottom: -57px;
    right: 35px;
}
.ing_client_logo.ret-client-logo img{
  width: 160px;
}
.next-level-space h2{
  font-size: 42px;
}
}
@media(max-width: 991px){
  body {
    padding-top: 75px;
}
  .free-burger-icon{
    display: flex;
    align-items: center;
  }
  .free-burger-icon .free-demo{
    border: 1px solid #ddd;
    border-radius: 5px;
  }
  .mobile-top-header{
    background-color: #333333;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 15px;
  }
  .mobile-top-header .phone-icon{
    display: flex;
    align-items: center;
  }
  .mobile-top-header .phone-icon a{
    color: #fff;
    font-size: 13px;
    text-transform: none;
    padding-right: 0;
  }
}
@media(min-width: 1501px) and (max-width:1920px){
  .ws_ban_text::before{
    top: -110px;
    left: -470px;
    height: 1000px;
    width: 1200px;
  }
  @keyframes redbg {
    from {width: 0;height: 0;}
    to {width: 1200px;height: 1000px;}
  }
  .footer-form.ban_form{
    margin-top: 350px;
  }
  .stac_bg {
    height: 890px;
}
.contact_img{
  width: 40%;
}
.next-level-space h2{
  font-size: 62px;
}
.integration-img{
  left: 350px;
}
.epos-banner-carousel-item{
  top: 240px;
}
}
@media(min-width: 1200px) and (max-width:1699px){
/* index banner start */
.hero-section p.ban_text{
  padding: 5px;
  font-size: 16px;
}
/* index banner end */
}
@media screen and (min-device-width: 1700px) and (max-device-width: 2000px) {
  .join-fh{
    padding-top: 18%;
  }
  .qa-section{
    background-size: cover;
  }
  .tf_style{
    top: 70px;
  }
  .new-sub-img.int-1 {
    top: -36px;
    left: 130px;
}
.new-sub-img.int-2{
  right: 210px;
}
.new-sub-img.int-3 {
  left: -22px;
    bottom: 5px;
}
.new-sub-img.int-4 {
  bottom: -33px;
  right: 122px;
}
.new-sub-img.int-1{
  left: -35px;
}
}

@media(max-width:1120px){
  .mob-hide{
    display: none;
  }
  .hero-section .home_disclaimer.chrx-dis p br{
    display: none;
  }
  .hero-section .home_disclaimer.chrx-dis{
    display: none;
  }
}
/* jp end */

/* General Halloween Theme Styles */
.halloween-ghost {
  position: absolute;
  width: 100px;
}

.left-ghost {
  top: 160px;
  left: -115px;
  transform: translateX(-50%);
  width: 200px;
}

.right-ghost {
  top: 10px;
  right: -25px;
  transform: translateX(50%);
}

.halloween-spider {
  position: absolute;
  top: -60px;
  left: 35%;
  transform: translateX(-50%);
}

.halloween-pumpkin {
  position: absolute;
  bottom: -40px;
  right: -150px;
  width: 170px;
}
.halloween-pumpkin-large {
  display: none;
}

@media (max-width: 400px) {
  /* .right-ghost {
    right: 46px;
    top: 26px;
  } */
  .halloween-ghost {
    width: 65px;
  }
  .halloween-spider {
    top: -15px;
    left: 8%;
    width: 55px;
  }
  .halloween-pumpkin {
    bottom: -30px;
    right: 0px;
    width: 70px;
  }
  .halloween-gap {
    margin-top: 30px;
  }
   .right-ghost {
    right: 46px;
    top: 30px;
  }
  .left-ghost {
    top: 155px;
    left: 18px;
    width: 70px;
  }
}

@media (min-width: 380px) and (max-width: 410px) {
  .halloween-spider {
    display: none !important;
  }
  .right-ghost {
    right: 46px;
    top: 22px;
    width: 55px;
  }
}

@media (min-width: 401px) and (max-width: 767px) {
  .halloween-pumpkin {
    bottom: -30px;
    right: 0px;
    width: 105px;
  }
  .halloween-ghost {
    width: 70px;
  }
  .right-ghost {
    right: 46px;
    top: 25px;
    width: 50px;
  }
   .left-ghost {
    top: 135px;
    left: 18px;
  }
  .halloween-spider {
    top: -15px;
    left: 4%;
    width: 28px;
  }
  .halloween-gap {
    margin-top: 30px;
  }
}

@media (min-width: 768px) and (max-width: 819px) {
  .halloween-ghost {
    width: 45px;
  }
  .right-ghost {
    right: 15px;
    width: 65px;
    top: -10px;
  }
  .halloween-pumpkin {
    bottom: -30px;
    right: -24px;
    width: 125px;
  }

  .halloween-spider {
    top: -25px;
    width: 60px;
  }
   .left-ghost {
    top: 160px;
    left: -5px;
    width: 65px;
  }
  .halloween-gap {
    margin-top: 30px;
  }
}

@media (min-width: 820px) and (max-width: 911px) {
  .halloween-pumpkin {
    bottom: -30px;
    right: -48px;
    width: 110px;
  }
  .halloween-spider {
    left: 35%;
  }
  .left-ghost {
    top: 160px;
    left: -30px;
    width: 110px;
  }
  .right-ghost {
    right: 15px;
    width: 70px;
    top: -10px;
  }
  .halloween-gap {
    margin-top: 30px;
  }
}

@media (min-width: 912px) and (max-width: 1020px) {
  .halloween-pumpkin {
    bottom: -30px;
    right: -96px;
    width: 110px;
  }
   .halloween-spider {
  left: 35%;
  top: -25px;
 }
 .halloween-ghost {
  width: 55px;
 }
   .left-ghost {
    top: 160px;
    left: -30px;
    width: 110px;
  }
  .right-ghost {
    right: 15px;
    width: 70px;
    top: -10px;
  }
  .halloween-gap {
    margin-top: 30px;
  }
}

@media (min-width: 1470px) {
.halloween-pumpkin-large {
  display: block !important;
  width: 200px;
}
.halloween-pumpkin {
  display: none;
}
}

@media (min-width: 1021px) and (max-width: 1024px) {
 .halloween-spider {
  top: -90px;
 }
  .halloween-pumpkin {
    bottom: -30px;
    right: -32px;
    width: 65px;
  }
    .left-ghost {
    top: 160px;
    left: -14px;
    width: 65px;
  }
  .right-ghost {
    right: 15px;
    width: 95px;
    top: -40px;
  }
  .halloween-gap {
    margin-top: 30px;
  }
}
@media screen and (min-device-width: 300px) and (max-device-width: 991px) {
    .home_disclaimer p {
        max-width: 70%;
    }
    /* .hero-section p {
        margin-bottom: 30px;
    } */
  }

  /* Hardware Page Revamp Starts */

  .epos-header {
    background-color: #f8f9fa;
    padding: 45px 0 10px 0;
    text-align: end !important;
}

.epos-header a {
    color: #000;
    margin: 0 15px;
    text-decoration: none;
    font-weight: 500;
}

.epos-hero-section {
    background-color: #d82927;
    color: white;
}

.epos-hero-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.epos-hero-text {
    flex: 1;
    padding-right: 20px;
}

.epos-hero-text h2, .epos-hero-text h1 {
  font-weight: 900;
  font-size: 35px;
}

.epos-hero-text p {
  color: white;
  font-weight: 400;
  margin-top: 15px;
}

.epos-hero-image {
    flex: 1;
    display: flex;
    justify-content: center;
}

.epos-image-placeholder {
    flex: 1;
    max-width: 55%;
    height: auto;
    border-radius: 8px;
}

.pos-systems-section {
    padding: 40px 0;
}

.pos-systems-section h2 {
    margin-bottom: 30px;
    font-weight: bold;
  text-align: left;
}

.pos-card {
    background-color: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    transition: transform 0.2s;
    height: 400px;
}

.pos-image {
    width: 100%;
    height: 100%;
    max-height: 200px; 
    object-fit: contain;
    /* border-radius: 8px; */
    transition: transform 0.3s ease; 
}

.pos-image:hover {
    transform: scale(1.1); 
}

.pos-title {
    margin-top: 15px;
    font-weight: bold;
    text-align: left;
}

.pos-subtitle {
    text-align: left;
}

.divider-line {
  margin: 20px 0 20px 0;
}

.epos-sec {
  padding-top: 60px;
}

@media (max-width: 991px) {
  .pos-title, .pos-subtitle, .pos-systems-section h2 {
    text-align: center;
  }
  .epos-hero-container {
    flex-direction: column;
    gap: 35px;
  }
  .epos-image-placeholder {
    max-width: 100%;
    width: 100%;
    object-fit: cover;
  }
  .epos-header {
    padding: 75px 0 10px 0;
  }
  .epos-hero-text h2 {
    margin-top: 20px;
  }
}

/* Show desktop navbar on larger screens */
.navbar-desktop {
    padding: 10px 0 10px 0;
    text-align: end !important;
}

.navbar-desktop a {
    color: #000;
    margin: 0 15px;
    text-decoration: none;
    font-weight: 500;
}
.navbar-desktop a.active {
    font-weight: bold;
    color: black; /* Optional: Use a highlight color */
}
/* Hide mobile dropdown on larger screens */
.navbar-mobile {
    display: none;
}
/* Media query for mobile view */
@media (max-width: 991px) {
    /* Hide desktop links on mobile */
    .navbar-desktop {
        display: none;
    }
    /* Show dropdown menu on mobile */
    .navbar-mobile {
        display: block;
    padding-bottom: 30px !important;
    }
    .navbar-mobile a.active {
  font-weight: bold;
  color: black;
}
.navbar-mobile .dropdown-item.active {
  background-color: white;
}
    .hardware-menu {
    background-color: #333333;
    text-align: right !important; /* Align text itself */
}

.navbar-mobile #dropdownText {
    flex: 1; /* Ensures the text spans the available space */
    text-align: left; /* Aligns text to the left */
}

.navbar-mobile .dropdown-arrow {
    text-align: right; /* Aligns the arrow to the right */
    margin-left: auto; /* Ensures it stays at the far right */
}
.navbar-mobile .dropdown {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9999; /* Keeps it above all other elements */
    color: #d82927;
    border: 2px solid white;
}
.navbar-mobile .btn-secondary:focus {
  box-shadow: none;
}
.navbar-mobile .dropdown-toggle {
  background-color: #d82927 !important;
}

.navbar-mobile .dropdown-toggle::after {
  border-top: 0.6em solid;
  border-right: .6em solid transparent;
  border-left: .6em solid transparent;
}

.demo-phone {
  margin-left: 15px;
  background: #d82927;
  padding: 2px 5px 0 5px !important;
}
.demo-phone svg {
  margin-top: 2px;
  padding: 0;
}
}

@media (min-width: 768px) and (max-width: 991px) {
  .pos-card {
    height: 470px;
  }
}