@import url(fonts.css);

@import url(line-awesome.css);

/*------------------ # General ------------------*/

body {

  background: #fff;

  font-family: 'Inter';

  font-size: 16px;

  font-weight: 400;

  color: #333333;

}

body.innerpage {

  height: auto;

}

a {

  color: #333333;

  text-decoration: none;

  transition: 0.5s;

  -webkit-transition: 0.5s;

  -moz-transition: 0.5s;

  -ms-transition: 0.5s;

}

a:hover,

a:active,

a:focus {

  color: #FF4A00;

  outline: none;

  text-decoration: none;

}

section {

  padding: 80px 0;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: 'Inter';

  font-weight: 800;

  margin: 0 0 16px 0;

  color: #333333;

}

p {

  font-family: 'Inter';

  font-size: 16px;

  font-weight: 400;

  line-height: 24px;

  margin: 0 0 20px 0;

  color: #333333;

}

/*--------------------------------------------------------------

 Section Header

--------------------------------------------------------------*/

.section-header {

  margin-bottom: 42px;

}

.section-header h2 {

  font-size: 40px;

  font-weight: 800;

  margin: 12px 0 12px 0;

  line-height: 54px;

}

/*.section-header p{ font-size: 20px; font-weight: 700; line-height: 30px; margin-bottom: 0;}*/

.section-header p {

  font-size: 18px;

  color: #333333;

  text-transform: uppercase;

  font-weight: 500;

  line-height: 28px;

  margin-bottom: 0;

}

/*--------------------------------------------------------------

# Back to top button

--------------------------------------------------------------*/

.back-to-top {

  position: fixed;

  right: 15px;

  bottom: 15px;

  z-index: 996;

  background: #FF4A00;

  width: 38px;

  height: 38px;

  visibility: hidden;

  opacity: 0;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -ms-border-radius: 6px;

  border-radius: 6px;

  -webkit-transition: all 0.4s;

  -moz-transition: all 0.4s;

  -ms-transition: all 0.4s;

  transition: all 0.4s;

}

.back-to-top i {

  font-size: 28px;

  color: #ffffff;

  line-height: 0;

}

.back-to-top:hover {

  background: #313131;

}

.back-to-top:hover i {

  color: #fff;

}

.back-to-top.active {

  visibility: visible;

  opacity: 1;

}

/* Prelaoder */

#preloader {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 9999;

  overflow: hidden;

  background: #fff;

}

#preloader:before {

  content: "";

  position: fixed;

  top: calc(50% - 30px);

  left: calc(50% - 30px);

  border: 6px solid #f2f2f2;

  border-top: 6px solid #18d26e;

  border-radius: 50%;

  width: 60px;

  height: 60px;

  -webkit-animation: animate-preloader 1s linear infinite;

  animation: animate-preloader 1s linear infinite;

}

/*--------------------------------------------------------------

# Header

--------------------------------------------------------------*/

#header {

  background: #fff;

  transition: all 0.5s;

  z-index: 997;

  /*padding: 20px 0;*/

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  height: 80px;

}

#header.header-scrolled {

  /*padding: 12px 0;*/

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

  height: 74px;

}

#header .logo {

  font-family: 'Inter';

  font-size: 30px;

  margin: 0;

  padding: 0;

  font-weight: 600;

  margin-right: 80px;

}

#header .logo img {

  max-height: 40px;

}

/*--------------------------------------------------------------

# Navigation Menu

--------------------------------------------------------------*/

/*** Desktop Navigation */

.navbar {

  padding: 0;

}

.navbar ul {

  margin: 0;

  padding: 0;

  display: flex;

  list-style: none;

  align-items: center;

}

.navbar li {

  position: relative;

}

.navbar a,

.navbar a:focus {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 10px 0 10px 30px;

  font-family: 'Inter';

  font-size: 16px;

  font-weight: 500;

  color: #333333;

  white-space: nowrap;

  transition: 0.3s;

}

.navbar a i,

.navbar a:focus i {

  font-size: 16px;

  line-height: 0;

  margin-left: 8px;

  transition: all .3s;

}

.navbar a:hover,

.navbar .active,

.navbar .active:focus,

.navbar li:hover>a {

  color: #FF4A00;

}

.navbar .dropdown ul {

  display: block;

  position: absolute;

  left: 30px;

  top: calc(100% + 30px);

  margin: 0;

  padding: 10px 0;

  z-index: 99;

  opacity: 0;

  visibility: hidden;

  background: #fff;

  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

  transition: 0.3s;

}

.navbar .dropdown ul li {

  min-width: 200px;

}

.navbar .dropdown ul a {

  padding: 10px 20px;

  font-size: 16px;

}

.navbar .dropdown ul a:hover,

.navbar .dropdown ul .active:hover,

.navbar .dropdown ul li:hover>a {

  color: #FF4A00;

}

.navbar .dropdown:hover>ul {

  opacity: 1;

  top: 100%;

  visibility: visible;

}

/*.navbar .dropdown:hover a i {

  transform: rotate(180deg);

}*/

/* .rotate-icon {
    transition: transform 0.3s ease;
}

.rotate-icon.rotated {
    transform: rotate(180deg);
} */

#header .nav-right {

  display: flex;

  align-items: center;

  padding-left: 20px;

}

#header .nav-right span {

  display: inline-block;

}

#header .nav-right a {

  display: inline-flex;

  align-items: center;

  font-size: 16px;

  font-weight: 600;

  text-decoration: none;

  color: #333333;

  margin-right: 14px;

}

#header .nav-right a:last-child {

  margin-right: 0;

}

#header .nav-right a:hover {

  color: #FF4A00;

}

#header .nav-right a i {

  margin-right: 6px;

  font-size: 20px;

}

#header .nav-right a.contact-btn,

#header .nav-right a.login-btn {

  position: relative;

  background: #FF4A00;

  color: #fff;

  text-decoration: none;

  padding: 6px 14px;

  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -ms-border-radius: 4px;

  border-radius: 4px;

  margin-right: 16px;

  overflow: hidden;

  z-index: 9;

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -o-transition: all .3s linear;

  transition: all .3s linear;

}

#header .nav-right a.contact-btn::before,

#header .nav-right a.login-btn::before {

  position: absolute;

  z-index: -1;

  content: "";

  height: 0;

  width: 100%;

  background: #333333;

  top: auto;

  bottom: 0;

  left: 0;

  opacity: 0;

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -o-transition: all .3s linear;

  transition: all .3s linear;

}

#header .nav-right a.contact-btn:hover:before,

#header .nav-right a.login-btn:hover:before {

  opacity: 1;

  height: 100%;

  top: 0;

  bottom: auto;

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -o-transition: all .3s linear;

  transition: all .3s linear;

}

#header .nav-right a.login-btn {

  background: #00A04A;

  color: #FFFFFF;

}

#header .nav-right a.login-btn:hover {

  color: #FFFFFF;

}

/* #header .nav-right a.login-btn{ margin-right: 0;} */

/*** Mobile Navigation */

.mobile-nav-toggle {

  color: #333333;

  font-size: 28px;

  cursor: pointer;

  display: none;

  line-height: 0;

  transition: 0.5s;

}

.mobile-nav-toggle.bi-x {

  color: #fff;

}

@media (max-width: 991px) {

  .mobile-nav-toggle {

    display: block;

  }

  .navbar ul {

    display: none;

  }

}

.navbar-mobile {

  position: fixed;

  overflow: hidden;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  background: rgba(0, 0, 0, 0.9);

  transition: 0.3s;

  z-index: 999;

}

.navbar-mobile .mobile-nav-toggle {

  position: absolute;

  top: 15px;

  right: 15px;

}

.navbar-mobile ul {

  display: block;

  position: absolute;

  top: 55px;

  right: 15px;

  bottom: 15px;

  left: 15px;

  padding: 10px 0;

  background-color: #fff;

  overflow-y: auto;

  transition: 0.3s;

}

.navbar-mobile a,

.navbar-mobile a:focus {

  padding: 10px 20px;

  font-size: 16px;

  color: #111111;

}

.navbar-mobile a:hover,

.navbar-mobile .active,

.navbar-mobile li:hover>a {

  color: #FF4A00;

}

/*.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {

  margin: 15px;

}*/

.navbar-mobile .dropdown ul {

  position: static;

  display: none;

  margin: 10px 20px;

  padding: 10px 0;

  z-index: 99;

  opacity: 1;

  visibility: visible;

  background: #333333;

  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

}

.navbar-mobile .dropdown ul li {

  min-width: 200px;

}

.navbar-mobile .dropdown ul a {

  padding: 10px 20px;
  color: #FFFFFF;

}

.navbar-mobile .dropdown ul a i {

  font-size: 12px;

}

.navbar-mobile .dropdown ul a:hover,

.navbar-mobile .dropdown ul .active:hover,

.navbar-mobile .dropdown ul li:hover>a {

  color: #e03a3c;

}

.navbar-mobile .dropdown>.dropdown-active {

  display: block;

}

/*--------------------------------------------------------------

# Hero Section

--------------------------------------------------------------*/

/*#hero { width: 100%; height: 100vh; background: url("../img/bg/header-bg.webp") top center no-repeat; background-size: cover; position: relative;*/

/*padding-top: 160px;}*/

#hero {

  width: 100%;

  height: auto;

  background: #fff;

  position: relative;

  padding-top: 110px;

  padding-bottom: 30px;

}

#hero::before {

  content: ' ';

  display: block;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  opacity: 0.6;

  background: #FFFFFF;

  background-repeat: no-repeat;

  background-position: 50% 0;

  background-size: cover;

}

#hero video {

  border-radius: 16px;

}

#hero h2 {

  font-size: 36px;

  text-align: center;

  padding-top: 16px;

  font-style: italic;

}

#hero .hero-section-test {

  position: relative;

}

#hero .bg-img {

  position: absolute;

  top: -120px;

  max-width: 500px;

  z-index: -1;

  left: 400px;

}

#hero h1 {

  font-size: 48px;

  font-weight: 800;

  margin-bottom: 25px;

}

#hero h1 span {

  color: #FF4A00;

}

#hero p {

  font-size: 22px;

  font-weight: 400;

  line-height: 34px;

  color: #333333;

}

#hero a.btn-our-services {

  position: relative;

  font-family: 'Inter';

  font-size: 18px;

  font-weight: 700;

  display: inline-block;

  padding: 12px 20px;

  margin-top: 16px;

  color: #fff;

  background: #FF4A00;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -ms-border-radius: 6px;

  border-radius: 6px;

  margin-right: 8px;

  overflow: hidden;

  z-index: 9;

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -o-transition: all .3s linear;

  transition: all .3s linear;

}

#hero a.btn-our-services:before {

  position: absolute;

  z-index: -1;

  content: "";

  height: 0;

  width: 100%;

  background: #212834;

  top: auto;

  bottom: 0;

  left: 0;

  opacity: 0;

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -o-transition: all .3s linear;

  transition: all .3s linear;

}

#hero a.btn-our-services:hover:before {

  opacity: 1;

  height: 100%;

  top: 0;

  bottom: auto;

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -o-transition: all .3s linear;

  transition: all .3s linear;

}

#hero a.btn-our-services span {

  display: inline-flex;

  line-height: 0;

}

#hero a.btn-our-services:last-child {

  margin-right: 0;

}

#hero a.demo-btn {

  background: #E1E1E1;

  color: #333333;

}

#hero a.demo-btn:hover {

  color: #ffffff;

}

/*--------------------------------------------------------------

# Our Happy Customers Section

--------------------------------------------------------------*/

#happy-customers {

  background: #F6F6F6;

}

#happy-customers .section-header {

  padding: 0 140px;

}

#happy-customers .section-header h2 {

  font-weight: 800;

}

#happy-customers .section-header p {

  text-transform: inherit;

  font-weight: 400;

  color: #333333;

  padding: 0 50px;

}

#happy-customers .happy-customers-logo {

  display: flex;

  align-items: center;

  justify-content: center;

  border-right: 1px solid #cccccc;

  padding: 24px;

}

#happy-customers .happy-customers-logo.no-border {

  border-right: 0px none;

}

/*--------------------------------------------------------------

# One Platform Section

--------------------------------------------------------------*/

#one-platform {

  position: relative;

  background: url("../img/bg/one-platform.jpg") top center no-repeat;

  background-size: cover;

}

#one-platform .section-header h2 {

  color: #FFFFFF;

  margin-top: 0;

}

#one-platform .one-platform-box {

  background: #FFFFFF;

  padding: 60px 100px;

  -webkit-border-radius: 50px;

  -moz-border-radius: 50px;

  -ms-border-radius: 50px;

  border-radius: 50px;

  transition: all 0.3s ease-in-out;

}

#one-platform .one-platform-box:hover {

  transform: scale(1.02);

  box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.4);

}

/* #one-platform .one-platform-box img{ display: block; margin: 0 auto 16px auto; width: 92px; height: auto;}

#one-platform .one-platform-box img.resell-icon{ width: 74px; height: auto;} */

#one-platform .one-platform-box h3 {

  font-size: 28px;

  font-weight: 800;

  margin-bottom: 20px;

}

#one-platform .one-platform-box p {

  font-size: 18px;

  line-height: 28px;

}

#one-platform .one-platform-box span {

  position: relative;

  font-size: 18px;

  padding-left: 20px;

  display: inline-block;

  margin-bottom: 14px;

}

#one-platform .one-platform-box span::after {

  position: absolute;

  content: "";

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  height: 8px;

  width: 8px;

  background-color: #333333;

  border-radius: 50%;

}

#one-platform .one-platform-box span:last-child {

  margin-bottom: 0;

}

/*--------------------------------------------------------------

# Choose Us Section

--------------------------------------------------------------*/

#choose-us {

  position: relative;

}

#choose-us .bg-img {

  position: absolute;

  top: 0px;

  z-index: -1;

  text-align: center;

}

#choose-us .section-header h2 {

  font-weight: 800;

}

#choose-us .choose-us-box {

  padding: 24px;

  transition: all ease-in-out 0.3s;

}

/* #choose-us .choose-us-box:hover{ box-shadow: 0px 0 35px 0 rgba(0, 0, 0, 0.08); border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px;} */

#choose-us .choose-us-box img {

  width: 80px;

  height: auto;

  margin: 0 0 16px 0;

}

#choose-us .choose-us-box h3 {

  font-size: 26px;

  font-weight: 700;

}

/*--------------------------------------------------------------

# Products Section

--------------------------------------------------------------*/

#products {

  position: relative;

  background: url("../img/bg/products.jpg") center center no-repeat;

  background-size: cover;

}

#products .section-header h2 {

  color: #FFFFFF;

  text-transform: capitalize;

}

#products .products-area {

  -webkit-transition: all ease-in-out 0.3s;

  -moz-transition: all ease-in-out 0.3s;

  -o-transition: all ease-in-out 0.3s;

  transition: all ease-in-out 0.3s;

}

#products .products-area:hover {

  box-shadow: 0px 0 35px 0 rgba(0, 0, 0, 0.4);

  transform: scale(1.02);

}

#products .section-header p {

  font-size: 18px;

  color: #FFFFFF;

  text-transform: uppercase;

}

#products .products-area .products-icon {

  position: relative;

  flex-shrink: 0;

  width: 80px;

  height: 80px;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: color-mix(in srgb, #FF4A00, transparent 100%);

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  transition: 0.3s;

  border: 2px solid #333333;

}

#products .products-area .products-icon .products-icon-hover {

  position: absolute;

  /*left: 0; top: 0;*/

  display: none;

}

#products .products-area:hover .products-icon-hover {

  display: block;

}

#products .products-area:hover .products-icon-img {

  display: none;

}

#products .products-area:hover .products-icon {

  background: #FF4A00

    /*color-mix(in srgb, #FF4A00, transparent 10%)*/

  ;

  border: none;

}

#products .products-area img.first-child-img {

  width: 32px;

  height: auto;

}

#products .products-area img {

  width: 54px;

  height: auto;

}

#products .products-area {

  position: relative;

  text-align: center;

  background: #FFFFFF;

  padding: 40px 30px;

  -webkit-border-radius: 50px;

  -moz-border-radius: 50px;

  -ms-border-radius: 50px;

  border-radius: 50px;

}

#products .products-area .products-icon {

  margin: 0 auto 16px auto;

}

#products .products-area h3 {

  font-size: 26px;

  font-weight: 700;

}

#products .products-area P {

  margin-bottom: 24px;

}

#products .products-area span img {

  position: absolute;

  top: 0;

  left: 0;

  width: 74px;

  height: auto;

}

#products .products-area a {

  color: #212834;

}

#products .products-area a:hover {

  color: #FF4A00;

}

#products .products-area a i {

  font-size: 34px;

}

/*#products a.learn-more-btn:hover{ background: #FF4A00; color: #FFFFFF;}*/

/*--------------------------------------------------------------

# How it Work Section

--------------------------------------------------------------*/

#how-it-work .border-radius {}

#how-it-work .your-path-info {

  padding: 0 50px;

}

#how-it-work .your-path-info .your-path-info-icon img {

  width: 54px;

  height: auto;

}

#how-it-work .your-path-info .your-path-info-icon {

  position: relative;

  flex-shrink: 0;

  width: 80px;

  height: 80px;

  margin: 0 auto 24px auto;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: color-mix(in srgb, #FF4A00, transparent 100%);

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  transition: 0.3s;

  border: 2px solid #212834;

}

#how-it-work .your-path-info h3 {

  font-size: 24px;

  font-weight: 700;

  margin-bottom: 24px;

}

#how-it-work .your-path-info p {

  margin-bottom: 0;

}

/*--------------------------------------------------------------

# Powerful Tech Section

--------------------------------------------------------------*/

/*#powerful-tech{ padding-top: 0;}*/

#powerful-tech img {

  border-radius: 40px;

}

#powerful-tech .powerful-tech-text .icon-box {

  background: #212834;

  width: 80px;

  height: 80px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-right: 20px;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  float: left;

}

#powerful-tech .powerful-tech-text .icon-box img {

  max-width: 62px;

  border-radius: 0;

}

#powerful-tech .powerful-tech-text h4 {

  font-size: 26px;

  font-weight: 700;

  line-height: 80px;

}

#powerful-tech .powerful-tech-text {

  padding: 0 24px;

}

#powerful-tech .powerful-tech-text p {

  color: #333333;

}

/*--------------------------------------------------------------

# Contact Us Section

--------------------------------------------------------------*/

#contact-us {

  width: 100%;

  height: 100%;

  position: relative;

  padding: 0;

}

#contact-us .bg-img {

  position: absolute;

  top: -80px;

  left: 230px;

  z-index: -1;

  text-align: center;

  max-width: 600px;

}

#contact-us .contact-info .horizontal-line-wrapper {

  display: flex;

  align-items: center;

  margin-bottom: 16px;

}

#contact-us .contact-info .horizontal-line {

  width: 22px;

  height: 2px;

  background: #FF4A00;

  margin-right: 10px;

}

#contact-us .contact-info {

  padding-right: 60px;

}

#contact-us .contact-us-logo img {

  max-height: 70px;

}

#contact-us .contact-info h4 {

  font-size: 38px;

  margin-bottom: 22px;

  font-weight: 700;

}

#contact-us .contact-info h5 {

  font-size: 24px;

  color: #FF4A00;

  font-weight: 600;

  margin-bottom: 27px;

  margin-bottom: 0;

}

#contact-us .contact-info p {

  font-size: 18px;

  line-height: 26px;

  margin-bottom: 30px;

}

#contact-us .contact-info .customer-support,

#contact-us .contact-info .phone {

  display: flex;

  align-items: center;

  margin-bottom: 16px;

}

#contact-us .contact-info .customer-support i,

#contact-us .contact-info .phone i {

  font-size: 28px;

  color: #ffffff;

  float: left;

  width: 40px;

  height: 40px;

  background: #FF4A00;

  display: flex;

  justify-content: center;

  align-items: center;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -ms-border-radius: 6px;

  border-radius: 6px;

}

#contact-us .contact-info .customer-support a,

#contact-us .contact-info .phone a {

  font-size: 18px;

  margin-left: 12px;

}

#contact-us .contact-info .phone i {

  background: #333333;

}

#contact-us .schedule-demo-form {

  background: #ffffff;

  padding: 40px 30px 40px 30px;

  -webkit-box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.08);

  -moz-box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.08);

  box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.08);

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

}

#contact-us .schedule-demo-form .section-title h4 {

  font-size: 32px;

  font-weight: 900;

  color: #333333;

}

#contact-us .schedule-demo-form .section-title p {

  font-size: 17px;

}

#contact-us .submit-btn {

  position: relative;

  width: 100%;

  font-family: 'Inter';

  font-size: 18px;

  font-weight: 700;

  display: inline-block;

  padding: 14px 30px;

  margin-top: 16px;

  color: #fff;

  background: #FF4A00;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -ms-border-radius: 6px;

  border-radius: 6px;

  margin-right: 8px;

  overflow: hidden;

  z-index: 9;

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -o-transition: all .3s linear;

  transition: all .3s linear;

}

#contact-us .submit-btn:before {

  position: absolute;

  z-index: -1;

  content: "";

  height: 0;

  width: 100%;

  background: #333333;

  top: auto;

  bottom: 0;

  left: 0;

  opacity: 0;

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -o-transition: all .3s linear;

  transition: all .3s linear;

}

#contact-us .submit-btn:hover:before {

  opacity: 1;

  height: 100%;

  top: 0;

  bottom: auto;

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -o-transition: all .3s linear;

  transition: all .3s linear;

}

/* #contact-us .submit-btn { width: 100%; background: #FF4A00; font-family: 'Inter'; font-size:18px; font-weight: 700;

	display: inline-block; color: #FFFFFF; text-align:center; padding: 0 16px; height: 52px; line-height: 52px;

	-webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;

	-webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s;  transition: all ease-in-out 0.3s;}

#contact-us .submit-btn:hover { background: #333333; color: #FFFFFF;} */

#contact-us .submit-btn:focus {

  outline: none;

  box-shadow: none;

}

#contact-us .form-control:focus {

  box-shadow: none;

}

#contact-us .form-control:focus {

  border-color: #000000;

}

#contact-us .form-control {

  color: #000000;

}

#contact-us .form-control {

  height: 48px;

  font-size: 18px;

  border: 1px solid #EFF0F6;

  -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.05);

  -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.05);

  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.05);

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

}

#contact-us .validate-input {

  position: relative;

}

#contact-us .validate-input i {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  position: absolute;

  bottom: 0;

  right: 0;

  /*width: 100%;*/

  height: 100%;

  padding-right: 30px;

  pointer-events: none;

  color: #333333;

  font-size: 20px;

  -webkit-transition: all .4s;

  -o-transition: all .4s;

  -moz-transition: all .4s;

  transition: all .4s;

}

#contact-us .validate-input {}

#contact-us .form-control:focus+i {

  color: #000000;

}

#contact-us textarea.form-control {

  height: auto;

}

/*--------------------------------------------------------------

# Our Clients Section

--------------------------------------------------------------*/

#our-client {

  position: relative;

}

#our-client .section-header {

  margin-bottom: 60px;

}

#our-client .our-client-say .stars img {

  width: 28px;

  height: auto;

  margin: 0 8px 30px 0;

}

#our-client .our-client-say p {

  font-size: 18px;

  line-height: 28px;

  margin-bottom: 30px;

}

#our-client .our-client-say h3 {

  font-size: 16px;

  font-weight: 700;

  margin-bottom: 8px;

}

#our-client .our-client-say h4 {

  font-size: 14px;

  font-weight: 400;

  margin-bottom: 0;

}

/*--------------------------------------------------------------

# Footer Section

--------------------------------------------------------------*/

/*#footer{ background: #333333; padding: 80px 0 0 0;}*/

#footer {

  background: linear-gradient(180deg, #333333 60%, #FF4A00 100%);

  padding: 80px 0 0 0;

}

/* #footer{ background: #333333;

  background: linear-gradient(180deg, rgba(0, 0, 0, 1) 40%, rgba(20, 110, 240, 1) 100%); padding: 80px 0 0 0;} */

#footer .footer-about {

  padding: 0 40px 0 0;

}

#footer .footer-about a img {

  width: 180px;

  height: auto;

  margin-bottom: 30px;

}

#footer .footer-about p {

  color: #FFFFFF;

  margin-bottom: 30px;

}

#footer .footer-about .social-links a {

  background: #FFFFFF;

  color: #333333;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 36px;

  height: 36px;

  border-radius: 4px;

  font-size: 22px;

  margin-right: 10px;

  transition: 0.3s;

}

#footer .footer-about .social-links a:hover {

  background: #FF4A00;

  color: #FFFFFF;

}

#footer .footer-links h5 {

  position: relative;

  font-size: 26px;

  color: #FFFFFF;

  font-weight: 700;

  margin-bottom: 34px;

}

#footer .footer-links ul {

  list-style: none;

  padding: 0;

  margin: 0;

}

#footer .footer-links ul li {

  padding: 10px 0;

  display: flex;

  align-items: center;

}

#footer .footer-links ul li:first-child {

  padding-top: 0;

}

#footer .footer-links ul a {

  color: #FFFFFF;

  display: inline-block;

  line-height: 1;

}

#footer .footer-links ul a:hover {

  color: #FF4A00;

}

#footer .footer-links ul.padding-top {

  margin-top: 62px;

}

#footer .footer-contact-info h5 {

  position: relative;

  font-size: 26px;

  color: #FFFFFF;

  font-weight: 700;

  margin-bottom: 34px;

}

#footer .footer-contact-info .customer-support,

#footer .footer-contact-info .phone {

  display: flex;

  align-items: center;

  margin-bottom: 16px;

}

#footer .footer-contact-info .customer-support i,

#footer .footer-contact-info .phone i {

  font-size: 28px;

  color: #333333;

  width: 40px;

  height: 40px;

  background: #FFFFFF;

  display: flex;

  justify-content: center;

  align-items: center;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -ms-border-radius: 6px;

  border-radius: 6px;

}

#footer .footer-contact-info .customer-support a,

#footer .footer-contact-info .phone a {

  font-size: 16px;

  color: #FFFFFF;

  margin-left: 12px;

}

#footer .footer-contact-info .customer-support a:hover,

#footer .footer-contact-info .phone a:hover {

  color: #FF4A00;

}

#footer .copyright {

  display: flex;

  justify-content: space-between;

  border-top: 1px solid #FFFFFF;

  padding: 30px 0 10px 0;

  margin-top: 44px;

}

#footer .copyright p {

  color: #FFFFFF;

}

#footer .copyright a.privacy-policy {

  color: #FFFFFF;

}

#footer .copyright a.privacy-policy:hover {

  color: #333333;

}

/*--------------------------------------------------------------

# Support Team Section

--------------------------------------------------------------*/

#support-team {

  background: #F6F6F6;

}

#support-team .support-team-img {

  width: 100%;

  text-align: center;

}

#support-team .support-team-img img {

  width: 100%;

  height: auto;

  border-radius: 40px;

}

#support-team .support-team-icon-box {

  margin-bottom: 20px;

  padding: 30px;

  border-radius: 16px;

  background: #ffffff;

  transition: 0.3s;

}

#support-team .support-team-icon-box img {

  width: 60px;

  height: auto;

  margin-bottom: 16px;

  float: left;

}

#support-team .support-team-icon-box h4 {

  font-size: 26px;

  margin-left: 80px;

  font-weight: 700;

  line-height: 60px;

}

#support-team .support-team-icon-box p {

  line-height: 28px;

  font-weight: 500;

  margin-bottom: 0;

}

/*--------------------------------------------------------------

# About Us Section

--------------------------------------------------------------*/

#about-us {

  position: relative;

  padding-bottom: 0;

}

#about-us .about-us-img {

  padding: 80px 0 0 0;

}

#about-us .about-us-img img {

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

}

#about-us .about-us-title {

  padding: 22px 22px 0 22px;

}

#about-us .about-us-title h1 {

  margin-bottom: 26px;

}

#about-us .about-us-title p {

  font-size: 18px;

  line-height: 28px;

  margin-bottom: 0;

}

/*--------------------------------------------------------------

# Why Partner Section

--------------------------------------------------------------*/

#why-partner {

  position: relative;

}

#why-partner .section-header p {

  text-transform: inherit;

  font-size: 20px;

}

#why-partner .container {

  background: #F6F6F6;

  padding: 60px 30px;

  -webkit-border-radius: 40px;

  -moz-border-radius: 40px;

  -ms-border-radius: 40px;

  border-radius: 40px;

}

#why-partner .partner-area {

  position: relative;

  text-align: center;

  padding: 18px 70px;

  -webkit-border-radius: 18px;

  -moz-border-radius: 18px;

  -ms-border-radius: 18px;

  border-radius: 18px;

}

#why-partner .partner-area .partner-icon {

  position: relative;

  width: 88px;

  height: 88px;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: #FFFFFF;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  transition: 0.3s;

  border: 2px solid #212834;

  margin: 0 auto 16px auto;

}

#why-partner .partner-area .partner-icon img {

  width: 64px;

  height: auto;

}

#why-partner .partner-area h3 {

  font-size: 28px;

  font-weight: 700;

}

/*--------------------------------------------------------------

# Proven Success Section

--------------------------------------------------------------*/

#proven-success {

  position: relative;

  padding: 80px 0;

}

#proven-success .proven-success-bg {

  position: absolute;

  inset: 0;

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  z-index: 1;

}

/* #proven-success::before { content: ""; background: rgba(20, 110, 240, 0.8); position: absolute; inset: 0; z-index: 2;} */

#proven-success .section-header {

  z-index: 10;

}

#proven-success .section-header h2 {

  color: #FFFFFF;

}

#proven-success .proven-success-area {

  position: relative;

  z-index: 10;

}

#proven-success .proven-success-area {

  background: #FFFFFF;

  padding: 40px 24px;

  text-align: center;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

}

#proven-success .proven-success-area .proven-success-icon img {

  width: 84px;

  height: auto;

}

#proven-success .proven-success-area .proven-success-icon {

  margin-bottom: 16px;

}

#proven-success .proven-success-area h3 {

  font-size: 38px;

  margin-bottom: 8px;

  font-weight: 700;

  margin-right: 14px;

}

#proven-success .proven-success-area p {

  font-size: 18px;

}

#proven-success .conter {

  display: flex;

  align-items: center;

}

#proven-success span {

  font-size: 36px;

  font-weight: 700;

}

#contact-us.contact-us {

  padding: 0 0 80px 0 !important;

}

#contact-us .contact-info h3 {

  font-size: 34px;

  font-weight: 400;

  line-height: 48px;

  margin-bottom: 30px;

}

#contact-us.contact-us .contact-info p {

  font-size: 18px;

}

#contact-us.contact-us .contact-info h4.gradient-color {

  font-size: 68px;

  background: linear-gradient(0deg, #FF4A00 0, #333333 90%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

/*--------------------------------------------------------------

# Let's Build Together Section

--------------------------------------------------------------*/

#lets-build-together {

  position: relative;

}

#lets-build-together .section-header {

  margin-bottom: 18px;

}

#lets-build-together .lets-build-together-content p {

  font-size: 18px;

  line-height: 28px;

  text-align: center;

}

/*--------------------------------------------------------------

# Contact Page Section

--------------------------------------------------------------*/

#contact {

  position: relative;

  padding: 106px 0 0 0;

}
#contact.contact-us{ padding-bottom: 80px;}

#contact .section-header p {

  font-size: 18px;

  text-transform: inherit;

  padding: 0 200px;

}

#contact .info-box {

  background: #333333;

  height: 100%;

  padding: 30px;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

}

#contact .info-box h3 {

  font-size: 28px;

  font-weight: 700;

  color: #FFFFFF;

  margin-bottom: 24px;

}

#contact .info-box .customer-support,

#contact .info-box .phone {

  display: flex;

  align-items: center;

  margin-bottom: 16px;

}

#contact .info-box .customer-support i,

#contact .info-box .phone i {

  font-size: 28px;

  color: #ffffff;

  float: left;

  width: 44px;

  height: 44px;

  background: #606060;

  display: flex;

  justify-content: center;

  align-items: center;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -ms-border-radius: 6px;

  border-radius: 6px;

}

#contact .info-box .customer-support a,

#contact .info-box .phone a {

  font-size: 18px;

  margin-left: 12px;

  color: #FFFFFF;

}

#contact hr {

  width: 60%;

  color: #FFFFFF;

  opacity: 1;

  margin: 26px 0;

}

#contact .schedule-demo-form {

  background: #ffffff;

  padding: 40px 30px 40px 30px;

  -webkit-box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.08);

  -moz-box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.08);

  box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.08);

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

}

#contact .schedule-demo-form .section-title h4 {

  font-size: 32px;

  font-weight: 900;

  color: #333333;

}

#contact .schedule-demo-form .section-title p {

  font-size: 17px;

}

#contact .submit-btn {

  position: relative;

  width: 100%;

  font-family: 'Inter';

  font-size: 18px;

  font-weight: 700;

  display: inline-block;

  padding: 14px 30px;

  margin-top: 16px;

  color: #fff;

  background: #FF4A00;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -ms-border-radius: 6px;

  border-radius: 6px;

  margin-right: 8px;

  overflow: hidden;

  z-index: 9;

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -o-transition: all .3s linear;

  transition: all .3s linear;

}

#contact .submit-btn:before {

  position: absolute;

  z-index: -1;

  content: "";

  height: 0;

  width: 100%;

  background: #333333;

  top: auto;

  bottom: 0;

  left: 0;

  opacity: 0;

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -o-transition: all .3s linear;

  transition: all .3s linear;

}

#contact .submit-btn:hover:before {

  opacity: 1;

  height: 100%;

  top: 0;

  bottom: auto;

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -o-transition: all .3s linear;

  transition: all .3s linear;

}

#contact .submit-btn:focus {

  outline: none;

  box-shadow: none;

}

#contact .form-control:focus {

  box-shadow: none;

}

#contact .form-control:focus {

  border-color: #FF4A00;

}

#contact .form-control {

  color: #FF4A00;

}

#contact .form-control {

  height: 48px;

  border: 1px solid #EFF0F6;

  -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.05);

  -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.05);

  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.05);

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

}

#contact .validate-input {

  position: relative;

}

#contact .validate-input i {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  position: absolute;

  bottom: 0;

  right: 0;

  /*width: 100%;*/

  height: 100%;

  padding-right: 30px;

  pointer-events: none;

  color: #333333;

  font-size: 20px;

  -webkit-transition: all .4s;

  -o-transition: all .4s;

  -moz-transition: all .4s;

  transition: all .4s;

}

#contact .validate-input {}

#contact .form-control:focus+i {

  color: #FF4A00;

}

#contact textarea.form-control {

  height: auto;

}

/*--------------------------------------------------------------

# Integrations Section

--------------------------------------------------------------*/

#Integrations {

  position: relative;

  padding: 106px 0 100px 0;

}

#Integrations .section-header p {

  font-size: 18px;

  text-transform: inherit;

  padding: 0 200px;

}

#Integrations .clients-wrap {

  border-top: 1px solid #ECECEC;

  border-left: 1px solid #ECECEC;

}

#Integrations .client-logo {

  display: flex;

  justify-content: center;

  align-items: center;

  border-right: 1px solid #ECECEC;

  border-bottom: 1px solid #ECECEC;

  overflow: hidden;

}

#Integrations .client-logo a {

  width: 80%;

}

#Integrations .client-logo img {

  padding: 50px;

  max-width: 100%;

  transition: 0.3s;

}

@media (max-width: 640px) {

  #Integrations .client-logo img {

    padding: 30px;

    max-width: 100%;

  }

}

#Integrations #menu-flters {

  background: #D9D9D9;

  padding: 8px;

  margin: 0 auto 40px auto;

  list-style: none;

  text-align: center;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

}

#Integrations #menu-flters li.filter-active {

  cursor: pointer;

  display: inline-block;

  padding: 8px 28px 10px 28px;

  font-size: 18px;

  font-weight: 500;

  line-height: 1;

  color: #FFFFFF;

  margin: 0;

  transition: all ease-in-out 0.3s;

  background: #FF4A00;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -ms-border-radius: 6px;

  border-radius: 6px;

}

#Integrations #menu-flters li {

  cursor: pointer;

  display: inline-block;

  padding: 8px 28px 10px 28px;

  font-size: 18px;

  font-weight: 500;

  line-height: 1;

  color: #333333;

}

#Integrations #menu-flters li:hover,

.menu #menu-flters li.filter-active {

  color: #fff;

  background: #FF4A00;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -ms-border-radius: 6px;

  border-radius: 6px;

}

#Integrations #menu-flters li:last-child {

  margin-right: 0;

}

/*--------------------------------------------------------------

# Order Aggregation Section

--------------------------------------------------------------*/

#order-aggregation {

  position: relative;

  padding-top: 134px;

}

#order-aggregation .order-aggregation-bg {

  background: rgba(0, 0, 0, 0) url("../img/bg/order-aggregation-bg.webp") no-repeat scroll center center;

}

#order-aggregation .order-aggregation-bg {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  background-attachment: fixed !important;

  -webkit-background-size: cover !important;

  -moz-background-size: cover !important;

  background-size: cover !important;

  -ms-background-size: cover !important;

}

#order-aggregation .order-aggregation-bg::after {

  background: #000 url(../img/bg/pattarn.png?v=1.0);

  content: "";

  height: 100%;

  left: 0;

  opacity: 0.45;

  position: absolute;

  top: 0;

  width: 100%;

}

#order-aggregation .order-aggregation-banner-text {

  margin-bottom: 36px;

}

#order-aggregation .section-header h2 {

  color: #FFFFFF;

}

#order-aggregation .section-header P {

  color: #FFFFFF;

  text-transform: inherit;

}

#order-aggregation .third-party-logo {

  width: 280px;

  height: 280px;

  background: #ffffff;

  padding: 60px;

  display: grid;

  place-items: center;

}

#order-aggregation .fill {

  width: 100%;

  height: 100%;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  background-attachment: fixed;

}

/*--------------------------------------------------------------

# Less Tablets Section

--------------------------------------------------------------*/

#less-tablets {

  position: relative;

}

#less-tablets .section-header p {

  text-transform: inherit;

}

#less-tablets .circle-icon {

  display: flex;

  align-items: center;

  gap: 14px;

  margin-bottom: 16px;

}

#less-tablets .circle-icon span i {

  font-size: 34px;

}

#less-tablets .circle-icon p {

  font-size: 24px;

  font-weight: 500;

  margin-bottom: 0;

}

/*--------------------------------------------------------------

# Call-To-Text-Ordering Section

--------------------------------------------------------------*/

#guest-feedback-integration {

  padding: 80px 0;

  background: #F6F6F6;

}

/*#delivery-integrations .bg-color{ background: #30323B; padding: 0 60px}*/

#guest-feedback-integration .guest-feedback-integration-text-area {

  text-align: center;

  padding: 0 40px;

}

#guest-feedback-integration .guest-feedback-integration-text-area img {

  width: 64px;

  height: auto;

  margin: 0 0 16px 0;

}

#guest-feedback-integration .guest-feedback-integration-text-area h2 {

  font-size: 48px;

  font-weight: 800;

}

#guest-feedback-integration .guest-feedback-integration-text-area p {

  font-size: 18px;

  font-weight: 500;

  line-height: 28px;

}

#guest-feedback-integration .guest-feedback-integration-bg {

  min-height: 560px;

  background: url("../img/bg/Guest-Feedback-Integration-img.webp") top center;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

  border-radius: 34px;

}

#guest-feedback-integration .guest-feedback-points {

  display: grid;

  justify-content: center;

}

#guest-feedback-integration .guest-feedback-points p {

  font-size: 18px;

}

#guest-feedback-integration .guest-feedback-points p span {

  font-size: 20px;

  margin-right: 16px;

}

#guest-feedback-integration ul li{ margin: 0 0 10px 0;}

/*--------------------------------------------------------------

# Delivery Integration Section

--------------------------------------------------------------*/

#guest-feedback-integration.delivery-integration {

  padding-bottom: 0;

}

#guest-feedback-integration.delivery-integration {

  background: #FFFFFF;

}

#guest-feedback-integration.delivery-integration .guest-feedback-integration-bg {

  min-height: 560px;

  background: url("../img/bg/Delivery-Integrations-Img.webp") top center;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

  border-radius: 34px;

}

/*--------------------------------------------------------------

# Solutions Section

--------------------------------------------------------------*/

#solutions {

  padding-top: 60px;

}

#solutions .solutions-content .horizontal-line-wrapper {

  display: flex;

  align-items: center;

  margin-bottom: 16px;

}

#solutions .solutions-content .horizontal-line {

  width: 22px;

  height: 2px;

  background: #FF4A00;

  margin-right: 10px;

}

#solutions .solutions-content {

  padding-right: 60px;

}

#solutions .solutions-content h5 {

  font-size: 24px;

  color: #FF4A00;

  font-weight: 600;

  margin-bottom: 27px;

  margin-bottom: 0;

}

#solutions .solutions-content h2 {

  font-size: 48px;

}

#solutions .solutions-content ul {

  padding-left: 18px;

}

#solutions .solutions-content ul li {

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 14px;

}

#solutions .solutions-content .points-content {

  display: flex;

  gap: 80px;

}

a.online-order {

  position: relative;

  font-family: 'Inter';

  font-size: 18px;

  font-weight: 700;

  display: inline-block;

  padding: 18px 30px;

  margin-top: 18px;

  color: #fff;

  background: #FF4A00;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -ms-border-radius: 6px;

  border-radius: 6px;

  overflow: hidden;

  z-index: 9;

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -o-transition: all .3s linear;

  transition: all .3s linear;

}

a.online-order:before {

  position: absolute;

  z-index: -1;

  content: "";

  height: 0;

  width: 100%;

  background: #212834;

  top: auto;

  bottom: 0;

  left: 0;

  opacity: 0;

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -o-transition: all .3s linear;

  transition: all .3s linear;

}

a.online-order:hover:before {

  opacity: 1;

  height: 100%;

  top: 0;

  bottom: auto;

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -o-transition: all .3s linear;

  transition: all .3s linear;

}

#mobile-apps {

  padding: 80px 0;

  background: #F6F6F6;

}

#mobile-apps .mobile-apps-content .horizontal-line-wrapper {

  display: flex;

  align-items: center;

  margin-bottom: 16px;

}

#mobile-apps .mobile-apps-content .horizontal-line {

  width: 22px;

  height: 2px;

  background: #FF4A00;

  margin-right: 10px;

}

#mobile-apps .mobile-apps-content {

  padding-right: 60px;

}

#mobile-apps .mobile-apps-content h5 {

  font-size: 24px;

  color: #FF4A00;

  font-weight: 600;

  margin-bottom: 27px;

  margin-bottom: 0;

}

#mobile-apps .mobile-apps-content h2 {

  font-size: 44px;

}

#mobile-apps .mobile-apps-content ul {

  padding-left: 18px;

}

#mobile-apps .mobile-apps-content ul li {

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 14px;

}

#mobile-apps .mobile-apps-content .points-content {

  display: flex;

  gap: 80px;

}

#contactless {

  padding: 80px;

}

#contactless .contactless-content .horizontal-line-wrapper {

  display: flex;

  align-items: center;

  margin-bottom: 16px;

}

#contactless .contactless-content .horizontal-line {

  width: 22px;

  height: 2px;

  background: #FF4A00;

  margin-right: 10px;

}

#contactless .contactless-content {

  padding-right: 60px;

}

#contactless .contactless-content h5 {

  font-size: 24px;

  color: #FF4A00;

  font-weight: 600;

  margin-bottom: 27px;

  margin-bottom: 0;

}

#contactless .contactless-content h2 {

  font-size: 44px;

}

#contactless .contactless-content ul {

  padding-left: 18px;

}

#contactless .contactless-content ul li {

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 14px;

}

#contactless .contactless-content .points-content {

  display: flex;

  gap: 80px;

}

#self-service-kiosks {

  padding: 80px 0;

  background: #F6F6F6;

}

#self-service-kiosks .self-service-kiosks-content .horizontal-line-wrapper {

  display: flex;

  align-items: center;

  margin-bottom: 16px;

}

#self-service-kiosks .self-service-kiosks-content .horizontal-line {

  width: 22px;

  height: 2px;

  background: #FF4A00;

  margin-right: 10px;

}

#self-service-kiosks .self-service-kiosks-content {

  padding-right: 60px;

}

#self-service-kiosks .self-service-kiosks-content h5 {

  font-size: 24px;

  color: #FF4A00;

  font-weight: 600;

  margin-bottom: 27px;

  margin-bottom: 0;

}

#self-service-kiosks .self-service-kiosks-content h2 {

  font-size: 44px;

}

#self-service-kiosks .self-service-kiosks-content ul {

  padding-left: 18px;

}

#self-service-kiosks .self-service-kiosks-content ul li {

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 14px;

}

#self-service-kiosks .self-service-kiosks-content .points-content {

  display: flex;

  gap: 80px;

}

#self-service-kiosks .self-service-kiosks-img {

  display: flex;

  justify-content: center;

}

#self-service-kiosks .self-service-kiosks-img img {

  width: 80%;

}

#marketing-support {

  padding: 80px;

}

#marketing-support .marketing-support-content .horizontal-line-wrapper {

  display: flex;

  align-items: center;

  margin-bottom: 16px;

}

#marketing-support .marketing-support-content .horizontal-line {

  width: 22px;

  height: 2px;

  background: #FF4A00;

  margin-right: 10px;

}

#marketing-support .marketing-support-content {

  padding-right: 60px;

}

#marketing-support .marketing-support-content h5 {

  font-size: 24px;

  color: #FF4A00;

  font-weight: 600;

  margin-bottom: 27px;

  margin-bottom: 0;

}

#marketing-support .marketing-support-content h2 {

  font-size: 44px;

}

#marketing-support .marketing-support-content ul {

  padding-left: 18px;

}

#marketing-support .marketing-support-content ul li {

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 14px;

}

#marketing-support .marketing-support-content .points-content {

  display: flex;

  gap: 80px;

}

/*--------------------------------------------------------------

# Enterprise Solutions Section

--------------------------------------------------------------*/

#trust-imenu360 {

  background: #F6F6F6;

}

#trust-imenu360 .section-header {

  padding: 0 140px;

}

#trust-imenu360 .section-header h2 {

  font-weight: 800;

}

#trust-imenu360 .section-header p {

  text-transform: inherit;

  font-weight: 400;

  color: #333333;

  padding: 0 100px;

}

#trust-imenu360 .logos-main {

  margin-top: 26px;

}

#trust-imenu360 .trust-imenu360-logo {

  display: flex;

  align-items: center;

  justify-content: center;

  border-right: 1px solid #cccccc;

  padding: 24px 36px;

}

#trust-imenu360 .trust-imenu360-logo.border-right {

  border-right: none;

}

#trust-imenu360 .trust-imenu360-logo.no-border {

  border-right: 0px none;

}

/* #key-enterprise-features{ padding: 80px 0 0 0;} */

#key-enterprise-features .big-content-box {

  background: #F8F8F8;

  padding: 44px 36px;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  transition: all ease-in-out 0.3s;

}

#key-enterprise-features .big-content-box .content-box-icon {

  position: relative;

  display: flex;

  align-items: center;

}

#key-enterprise-features .big-content-box .content-box-icon img {

  width: 78px;

  height: auto;

  margin-bottom: 16px;

}

#key-enterprise-features .big-content-box .content-box-icon .content-box-icon-hover {

  display: none;

}

/*#key-enterprise-features .big-content-box:hover .content-box-icon-none{ display: none;}*/

/*#key-enterprise-features .big-content-box:hover .content-box-icon .content-box-icon-hover{ display: block;}*/

#key-enterprise-features .big-content-box h3 {

  font-size: 24px;

  font-weight: 600;

}

#key-enterprise-features .big-content-box hr {

  width: 100%;

  color: #333333;

  opacity: 1;

  margin: 26px 0;

  border-top: 3px dotted #333333;

}

#key-enterprise-features .big-content-box p {

  margin-bottom: 10px;

}
#key-enterprise-features .big-content-box ul{
  padding-left: 16px;
}
#key-enterprise-features .big-content-box ul li{
  margin-bottom: 10px;
}
#key-enterprise-features .big-content-box ul li:last-child{
  margin-bottom: 0px;
}

#key-enterprise-features .big-content-box:hover {

  box-shadow: 0px 0 24px 0 rgba(0, 0, 0, 0.4);

  transform: scale(1.02);

}

#key-enterprise-features .big-content-box a i{ font-size: 34px; padding-top: 0px;}

/*#key-enterprise-features .big-content-box:hover h3,*/

/*#key-enterprise-features .big-content-box:hover p{ color: #FFFFFF;}*/

/*#key-enterprise-features .big-content-box:hover hr{ border-top: 3px dotted #FFFFFF;}*/

/*--------------------------------------------------------------

# Use Cases Section

--------------------------------------------------------------*/

#use-cases {

  position: relative;

  background: #F6F6F6;

  /* margin-bottom: 80px; */

}

#use-cases .section-header {

  margin-bottom: 22px;

}

#use-cases .nav-tabs {

  border: 0;

  background-color: #FFFFFF;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  border-radius: 50px;

  padding: 6px;

  width: auto;

}

#use-cases .nav-item {

  margin: 0;

  padding: 0 5px 0 0;

}

#use-cases .nav-item:last-child {

  padding-right: 0;

}

#use-cases .nav-link {

  background-color: none;

  color: #000000;

  padding: 10px 30px;

  transition: 0.3s;

  border-radius: 50px;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  height: 100%;

  border: 0;

  margin: 0;

}
#use-cases .your-path-info{
  width: 100%;
  height: auto;
  background: #FFFFFF;
  padding: 44px 36px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  border-radius: 16px;
  transition: all ease-in-out 0.3s;
}

#use-cases .your-path-info:hover{
  box-shadow: 0px 0 24px 0 rgba(0, 0, 0, 0.4);
  transform: scale(1.02);
}
#use-cases .your-path-info h3{
  font-size: 26px;
  font-weight: 700;
}
#use-cases .your-path-info h6{
  font-size: 16px;
  font-weight: 600;
}

@media (max-width: 468px) {

  #use-cases .nav-link {

    padding: 8px 20px;

  }

}

#use-cases .nav-link i {

  padding-right: 15px;

  font-size: 48px;

}

#use-cases .nav-link h4 {

  font-size: 18px;

  font-weight: 600;

  margin: 0;

}

#use-cases .nav-link:hover {

  border-color: #FF4A00;

}

#use-cases .nav-link:hover h4 {

  color: #FF4A00;

}

#use-cases .nav-link.active {

  background-color: #FF4A00;

  border-color: #FF4A00;

}

#use-cases .nav-link.active h4 {

  color: #FFFFFF;

}

#use-cases .tab-content {

  margin-top: 30px;

}

#use-cases .tab-pane p {

  font-size: 18px;

}

#use-cases .tab-pane p:last-child {

  margin-bottom: 0;

}

/*--------------------------------------------------------------

# Faq Section

--------------------------------------------------------------*/

#technical-specs .faq-item {

  background-color: #FFFFFF;

  position: relative;

  padding: 20px;

  margin-bottom: 15px;

  border: 1px solid rgba(0, 0, 0, 0.5);

  border-radius: 5px;

  overflow: hidden;

}

#technical-specs .faq-item:last-child {

  margin-bottom: 0;

}

#technical-specs .faq-item h3 {

  font-weight: 500;

  font-size: 20px;

  line-height: 24px;

  margin: 0 30px 0 0;

  transition: 0.3s;

  cursor: pointer;

  display: flex;

  align-items: center;

}

#technical-specs .faq-item h3 .num {

  color: #ffffff;

  padding-right: 5px;

}

#technical-specs .faq-item h3:hover {

  color: #FF4A00;

}

#technical-specs .faq-item .faq-content {

  display: grid;

  grid-template-rows: 0fr;

  transition: 0.3s ease-in-out;

  visibility: hidden;

  opacity: 0;

}

#technical-specs .faq-item .faq-content p {

  margin-bottom: 0;

  overflow: hidden;

}

#technical-specs .faq-item .faq-toggle {

  position: absolute;

  top: 20px;

  right: 20px;

  font-size: 16px;

  line-height: 0;

  transition: 0.3s;

  cursor: pointer;

}

#technical-specs .faq-item .faq-toggle:hover {

  color: #FF4A00;

}

#technical-specs .faq-active {

  background-color: rgba(255, 74, 0, 0.1);

  border-color: rgba(255, 74, 0, 0.5);

}

#technical-specs .faq-active h3 {

  color: #FF4A00;

}

#technical-specs .faq-active .faq-content {

  grid-template-rows: 1fr;

  visibility: visible;

  opacity: 1;

  padding-top: 10px;

}

#technical-specs .faq-active .faq-toggle {

  transform: rotate(90deg);

  color: var(--accent-color);

}

/*--------------------------------------------------------------

# Online Ordering Section

--------------------------------------------------------------*/

#online-ordering {

  position: relative;

  padding: 60px 0 0 0;

}

#online-ordering .bg-img,

#solutions .bg-img {

  position: absolute;

  z-index: -1;

  text-align: center;

  max-width: 500px;

}

#online-ordering video {

  border-radius: 16px;

}

#online-ordering .online-ordering-content {

  padding: 0 20px 0 0;

}

#online-ordering .online-ordering-content h1 {

  font-size: 48px;

}

#online-ordering .online-ordering-content h1 span {

  color: #FF4A00;

}

#online-ordering .online-ordering-content p {

  font-size: 18px;

  line-height: 26px;

}

#online-ordering .online-ordering-content p span {

  font-size: 28px;

  line-height: 28px;

  font-weight: 800;

}

#online-ordering .big-content-box {

  background: #F8F8F8;

  padding: 44px 36px;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  transition: all ease-in-out 0.3s;

}

#online-ordering .big-content-box .content-box-icon {

  position: relative;

  display: flex;

  align-items: center;

}

#online-ordering .big-content-box .content-box-icon img {

  width: 78px;

  height: auto;

  margin-bottom: 16px;

}

#online-ordering .big-content-box .content-box-icon .content-box-icon-hover {

  display: none;

}

/*#online-ordering .big-content-box:hover .content-box-icon-none{ display: none;}*/

/*#online-ordering .big-content-box:hover .content-box-icon .content-box-icon-hover{ display: block;}*/

#online-ordering .big-content-box h3 {

  font-size: 24px;

  font-weight: 600;

}

#online-ordering .big-content-box hr {

  width: 100%;

  color: #333333;

  opacity: 1;

  margin: 26px 0;

  border-top: 3px dotted #333333;

}

#online-ordering .big-content-box p {

  margin-bottom: 0;

}

#online-ordering .margin-top {

  margin-top: 60px;

}

#online-ordering .big-content-box:hover {

  box-shadow: 0px 0 24px 0 rgba(0, 0, 0, 0.4);

  transform: scale(1.02);

}

/*#online-ordering .big-content-box:hover h3,*/

/*#online-ordering .big-content-box:hover p{ color: #FFFFFF;}*/

/*#online-ordering .big-content-box:hover hr{ border-top: 3px dotted #FFFFFF;}*/

#online-ordering.enterprise-solutions {

  padding: 140px 0 80px 0;

}

#proven-success.counter-area .proven-success-area p {

  margin-bottom: 0;

}

/*--------------------------------------------------------------

# Self Service Kiosks New Section

--------------------------------------------------------------*/

#self-Service-kiosks-new {

  position: relative;

  padding: 140px 0 80px 0

}

#self-Service-kiosks-new .bg-img {

  position: absolute;

  z-index: -1;

  text-align: center;

  max-width: 600px;

}

#self-Service-kiosks-new .self-Service-kiosks-new-content {

  padding: 0 20px 0 0;

}

#self-Service-kiosks-new .self-Service-kiosks-new-content h2 {

  font-size: 48px;

}

#self-Service-kiosks-new .self-Service-kiosks-new-content p {

  font-size: 18px;

  line-height: 26px;

}

#self-Service-kiosks-new .self-Service-kiosks-new-content p span {

  font-size: 22px;

  font-weight: 500;

}

#self-Service-kiosks-new video {

  border-radius: 16px;

}

#why-upgrade-to-self-service-kiosks {

  position: relative;

  padding: 80px 0;

  background: #F6F6F6;

}

#why-upgrade-to-self-service-kiosks .why-upgrade-box {

  background: #FFFFFF;

  padding: 40px 75px;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  -webkit-transition: all ease-in-out 0.3s;

  -moz-transition: all ease-in-out 0.3s;

  -o-transition: all ease-in-out 0.3s;

  transition: all ease-in-out 0.3s;

}

#why-upgrade-to-self-service-kiosks .why-upgrade-box .why-upgrade-box-icon {

  text-align: center;

  margin-bottom: 16px;

}

#why-upgrade-to-self-service-kiosks .why-upgrade-box .why-upgrade-box-icon img {

  width: 74px;

  height: auto;

}

#why-upgrade-to-self-service-kiosks .why-upgrade-box h3 {

  font-size: 26px;

  font-weight: 700;

  text-align: center;

}

#why-upgrade-to-self-service-kiosks .why-upgrade-box p {

  text-align: center;

}

#why-upgrade-to-self-service-kiosks .why-upgrade-box:hover {

  box-shadow: 0px 0 24px 0 rgba(0, 0, 0, 0.4);

  transform: scale(1.02);

}

#key-benefits {

  background: #FFFFFF;

}

#key-benefits .section-header p {

  text-transform: inherit;

  padding: 0 220px;

}

#key-benefits .key-benefits-img {

  width: 100%;

  text-align: center;

}

#key-benefits .key-benefits-img img {

  width: 100%;

  height: auto;

  border-radius: 40px;

}

#key-benefits .key-benefits-icon-box {

  margin-bottom: 20px;

  padding: 30px;

  border-radius: 16px;

  background: #F6F6F6;

  transition: 0.3s;

}

#key-benefits .key-benefits-icon-box h4 {

  font-size: 26px;

  font-weight: 700;

  margin-bottom: 18px;

}

#key-benefits .key-benefits-icon-box p {

  line-height: 28px;

  font-weight: 500;

  margin-bottom: 0;

}

#online-ordering .download-app {

  display: flex;

  margin: 10px 0 0 0;

}

#online-ordering .download-app .download-btn {

  margin: 0 12px 0 0;

}

#online-ordering.demo-mobile-apps {

  padding-bottom: 80px;

}

/*--------------------------------------------------------------

# Privacy Policy Section

--------------------------------------------------------------*/

#privacy-policy {

  position: relative;

  padding: 106px 0 0 0;

}

#privacy-policy .section-header p {

  font-size: 18px;

  text-transform: inherit;

  padding: 0 200px;

}

#privacy-policy-info {

  background: #F6F6F6;

}

#privacy-policy-info .privacy-policy-content h2 {

  font-size: 28px;

  font-weight: 700;

}

#privacy-policy-info .privacy-policy-content P {

  margin-bottom: 54px;

  border-bottom: 1px dotted #000000;

  padding-bottom: 24px;

}

#privacy-policy-info .privacy-policy-content P:last-child {

  margin-bottom: 0;

}

#changes-Privacy-policy .section-header h2 {

  font-size: 34px;

}

#changes-Privacy-policy p {

  text-transform: inherit;

}

/*--------------------------------------------------------------

# Demo Confirmed Section

--------------------------------------------------------------*/

#demo-confirmed {

  padding: 180px 0 80px 0;

}

/*--------------------------------------------------------------

# Split Landing Page Section

--------------------------------------------------------------*/

#split-landing-page {

  padding-top: 150px;

}

#split-landing-page .split-landing-page-img img {

  border-radius: 18px;

}

#split-landing-page .split-landing-page-content h1 {

  font-size: 36px;

  font-weight: 800;

  margin-bottom: 22px;

}

#split-landing-page .split-landing-page-content p {

  font-size: 16px;

}

#split-landing-page a.split-btn {

  position: relative;

  font-family: 'Inter';

  font-size: 18px;

  font-weight: 700;

  display: inline-block;

  padding: 18px 30px;

  margin-top: 16px;

  color: #fff;

  background: #E67E22;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -ms-border-radius: 6px;

  border-radius: 6px;

  margin-right: 8px;

  overflow: hidden;

  z-index: 9;

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -o-transition: all .3s linear;

  transition: all .3s linear;

}

#split-landing-page a.split-btn:before {

  position: absolute;

  z-index: -1;

  content: "";

  height: 0;

  width: 100%;

  background: #333333;

  top: auto;

  bottom: 0;

  left: 0;

  opacity: 0;

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -o-transition: all .3s linear;

  transition: all .3s linear;

}

#split-landing-page a.split-btn:hover:before {

  opacity: 1;

  height: 100%;

  top: 0;

  bottom: auto;

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -o-transition: all .3s linear;

  transition: all .3s linear;

}

#split-landing-page a.btn-our-services span {

  display: inline-flex;

  line-height: 0;

}

#split-landing-page a.btn-our-services:last-child {

  margin-right: 0;

}

#split-landing-page a.demo-btn {

  background: #E1E1E1;

  color: #333333;

}

#split-landing-page a.demo-btn:hover {

  color: #ffffff;

}

#split-landing-page .split-landing-page-content a.solutions-link {

  display: flex;

  justify-content: center;

  font-size: 20px;

  font-weight: 600;

  margin-top: 14px;

  color: #FF4A00;

}

#split-landing-page .split-landing-page-content a.solutions-link:hover {

  color: #333333;

}

/*--------------------------------------------------------------

# On-Demand Section

--------------------------------------------------------------*/

#on-demand {

  background: #F6F6F6;

}

#on-demand .on-demand-img img {

  border-radius: 18px;

}

#on-demand .on-demand-content h1 {

  font-size: 52px;

  font-weight: 800;

  margin-bottom: 22px;

}

#on-demand .on-demand-content p {

  font-size: 18px;

}

#on-demand a.split-btn {

  position: relative;

  font-family: 'Inter';

  font-size: 18px;

  font-weight: 700;

  display: inline-block;

  padding: 18px 30px;

  margin-top: 16px;

  color: #fff;

  background: #19454B;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -ms-border-radius: 6px;

  border-radius: 6px;

  margin-right: 8px;

  overflow: hidden;

  z-index: 9;

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -o-transition: all .3s linear;

  transition: all .3s linear;

}

#on-demand a.split-btn:before {

  position: absolute;

  z-index: -1;

  content: "";

  height: 0;

  width: 100%;

  background: #333333;

  top: auto;

  bottom: 0;

  left: 0;

  opacity: 0;

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -o-transition: all .3s linear;

  transition: all .3s linear;

}

#on-demand a.split-btn:hover:before {

  opacity: 1;

  height: 100%;

  top: 0;

  bottom: auto;

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -o-transition: all .3s linear;

  transition: all .3s linear;

}

#on-demand a.btn-our-services span {

  display: inline-flex;

  line-height: 0;

}

#on-demand a.btn-our-services:last-child {

  margin-right: 0;

}

#on-demand a.demo-btn {

  background: #E1E1E1;

  color: #333333;

}

#on-demand a.demo-btn:hover {

  color: #ffffff;

}

#on-demand .on-demand-content a.solutions-link {

  display: flex;

  justify-content: center;

  font-size: 20px;

  font-weight: 600;

  margin-top: 14px;

  color: #FF4A00;

}

#on-demand .on-demand-content a.solutions-link:hover {

  color: #333333;

}

#on-demand .partner-area {

  position: relative;

  text-align: center;

  /*padding: 18px 70px;*/

  -webkit-border-radius: 18px;

  -moz-border-radius: 18px;

  -ms-border-radius: 18px;

  border-radius: 18px;

}

#on-demand .partner-area .partner-icon {

  position: relative;

  width: 88px;

  height: 88px;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: #FFFFFF;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  transition: 0.3s;

  border: 2px solid #212834;

  margin: 0 auto 16px auto;

}

#on-demand .partner-area .partner-icon img {

  width: 64px;

  height: auto;

}

#on-demand .partner-area h3 {

  font-size: 26px;

  font-weight: 700;

}

#on-demand .margin-top {

  margin-top: 80px;

}

/*--------------------------------------------------------------

# Contact Page Section

--------------------------------------------------------------*/

#registration {

  position: relative;

  padding: 106px 0 80px 0;

}

#registration .section-header p {

  font-size: 18px;

  text-transform: inherit;

  padding: 0 200px;

}
#registration .section-header p.paragraph-padding{
  padding: 0 100px;
}

#registration label {

  font-size: 16px;

  font-weight: 400;

  display: block;

  width: 100%;

  margin-bottom: 12px;

}

#registration .form-group {

  margin-bottom: 24px;

}

#registration .form-control:focus {

  outline: none;

  border-color: #FF4A00;

  box-shadow: none;

}
#registration .form-group.form-group-left{
  display: flex;
  gap: 40px;
}
#registration .form-group .form-check-input:focus{
  border-color: #ff4a00;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(255,74,0,.25);
}
#registration .form-check-input:checked{
  background-color: #ff4a00;
  border-color: #ff4a00;

}
#registration .form-control:focus {
  outline: none;
  border-color: #FF4A00;
  box-shadow: none;
}

/*select.form-control	{ height: 42px!important;}

textarea.form-control { height: auto;}*/

#registration .registration-page-header h3 {

  font-size: 22px;

  font-weight: 600;

  margin-bottom: 20px;

  color: #FF4A00;

}
#registration .account-type-heading h5{
  font-size: 18px;
  font-weight: 600;
}
#registration .registration-page-header h3 i{
  font-size: 16px;
}

#registration textarea.form-control {

  height: auto;

}

#registration .form-group.form-upload-file {

  padding: 8px 12px 8px 12px;

  border: 1px solid #ccc;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -ms-border-radius: 4px;

  -o-border-radius: 4px;

  border-radius: 4px;

}

#registration .submit-btn {

  position: relative;

  width: 100%;

  max-width: 260px;

  font-family: 'Inter';

  font-size: 18px;

  font-weight: 700;

  display: inline-block;

  padding: 14px 30px;

  margin-top: 16px;

  color: #fff;

  background: #FF4A00;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -ms-border-radius: 6px;

  border-radius: 6px;

  margin-right: 8px;

  overflow: hidden;

  z-index: 9;

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -o-transition: all .3s linear;

  transition: all .3s linear;

}

#registration .submit-btn:before {

  position: absolute;

  z-index: -1;

  content: "";

  height: 0;

  width: 100%;

  background: #333333;

  top: auto;

  bottom: 0;

  left: 0;

  opacity: 0;

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -o-transition: all .3s linear;

  transition: all .3s linear;

}

#registration .submit-btn:hover:before {

  opacity: 1;

  height: 100%;

  top: 0;

  bottom: auto;

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -o-transition: all .3s linear;

  transition: all .3s linear;

}

#registration .form-control {

  font-size: 16px;

  font-weight: 400;

  color: #333333;

  border: 1px solid #ccc;

  padding: 8px 12px 8px 12px;

  height: 44px;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -ms-border-radius: 4px;

  -o-border-radius: 4px;

  border-radius: 4px;

}

#registration .form-control .form-select {

  color: #000 !important;

}

#registration textarea.form-control {

  height: auto;

}

#registration .form-control::-webkit-input-placeholder {

  color: #6f6f6f !important;

  opacity: 0.8 !important;

}

#registration .form-control::-ms-input-placeholder {

  color: #6f6f6f !important;

  opacity: 0.8 !important;

}

#registration .form-control::-moz-input-placeholder {

  color: #6f6f6f !important;

  opacity: 0.8 !important;

}

/*** split-landing-page ***/

#split-landing-page .card.card-custom {

  height: 100%;

  transition: all .2s ease-in-out;

}

#split-landing-page .card.card-custom:hover {

  transform: scale(1.01);

}

#split-landing-page .card.card-custom,

#split-landing-page .split-landing-page-img img {

  border-radius: 20px;

}

#split-landing-page .split-landing-page-img img {

  height: 400px;

  width: 100%;

  object-fit: cover;

}

#split-landing-page .split-landing-page-content {

  padding: 15px 0;

}

#split-landing-page .on-demand-icons {

  display: flex;

  align-items: flex-start;

  justify-content: center;

  gap: 0;

  flex-wrap: wrap;

}

#split-landing-page .on-demand-icons .partner-area {

  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  gap: 10px;

  flex: 1;

}

@media(max-width: 767px) {

  #split-landing-page .on-demand-icons .partner-area {

    flex: 1 0 auto;

  }

}

#split-landing-page .on-demand-icons .partner-icon {

  width: 70px;

  height: 70px;

  border-radius: 16px;

  border: 1px solid #C3C3C3;

  display: flex;

  align-items: center;

  justify-content: center;

}

#split-landing-page .on-demand-icons .partner-icon img {

  width: 40px;

  height: 40px;

}

#split-landing-page .on-demand-icons .partner-area h3 {

  font-size: 14px;

}

#split-landing-page a.split-btn.dark {

  background: #19454B;

}

#how-it-work.partner-with-us {

  padding-top: 120px;

}

/*--------------------------------------------------------------

# Counter area Section

--------------------------------------------------------------*/

#proven-success.counter-area {

  width: 100%;

  height: 100%;

  position: relative;

  background: url(../img/bg/counter1_bgmap.png) top center no-repeat;

  background-size: cover;

  -webkit-background-size: cover;

  -moz-background-size: cover;

}

#proven-success.counter-area .proven-success-area {

  box-shadow: 15px 28px 46px rgba(0, 0, 0, .09);

  border: 1px solid rgba(112, 112, 112, .23);

}

#key-enterprise-features.ui-ux-services .section-header p {

  text-transform: inherit;

}

#proven-success.counter-area .section-header h2 {

  color: #333333;

}

/*--------------------------------------------------------------

# UI UX CTA Section

--------------------------------------------------------------*/

#ui-ux-cta {

  padding-top: 0;

}

#ui-ux-cta .cta-bg {

  background: url(../img/bg/uiux_cta.webp);

  padding: 50px 15px;

  z-index: 98;

  position: relative;

  background-size: cover;

  background-repeat: no-repeat;

  border-radius: 30px;

}

#ui-ux-cta .cta-bg .cta-content h4 {

  font-size: 44px;

  line-height: 1.3;

  color: #FFFFFF;

  text-align: center;

  margin-bottom: 0;

}

#ui-ux-cta .cta-bg .cta-content a.online-order {

  text-align: center;

}

/*--------------------------------------------------------------

# Accordion Section

--------------------------------------------------------------*/

#ui-ux-process-accordion {

  background: #333333;

}

#ui-ux-process-accordion .section-header h2 {

  color: #FFFFFF;

}

#ui-ux-process-accordion .section-header p {

  text-transform: inherit;

  color: #FFFFFF;

}

#ui-ux-process-accordion .accordion-button:not(.collapsed) {

  box-shadow: none;

}

.accordion-item {

  background: #333333;

  border: none;

  border-bottom: 1px solid #FFFFFF;

  padding: 30px 0;

}

.accordion-button {

  background: #333333;

}

.accordion-button::after {

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' class='bi bi-plus' viewBox='6 4 4 10'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");

  transition: all 0.5s;

}

.accordion-button:not(.collapsed)::after {

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='6 4 4 8'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");

}

.accordion-button::after {

  transition: all 0.5s;

  filter: brightness(0) invert(1);

}

#ui-ux-process-accordion .accordion .accordion-item .accordion-header .ui-ux-accordion-heading {

  display: flex;

  justify-content: space-between;

  align-items: center;

  flex-wrap: wrap;

}

#ui-ux-process-accordion .accordion .accordion-item .accordion-header .ui-ux-accordion-heading .ui-ux-accordion-icon {

  display: flex;

  align-items: center;

  gap: 14px;

  flex-wrap: wrap;

}

#ui-ux-process-accordion .accordion .accordion-item .accordion-header .ui-ux-accordion-heading .ui-ux-accordion-icon i {

  width: 40px;

  height: 40px;

  font-size: 30px;

  display: flex;

  align-items: center;

  color: #FFFFFF;

}

#ui-ux-process-accordion .accordion .accordion-item .accordion-header .ui-ux-accordion-heading .ui-ux-accordion-icon h4 {

  font-size: 22px;

  font-weight: 600;

  margin-bottom: 0;

  color: #FFFFFF;

}

#ui-ux-process-accordion .accordion .accordion-item .accordion-header .ui-ux-accordion-heading p {

  width: 50%;

  margin-right: 100px;

  position: relative;

  margin-bottom: 0;

  color: #FFFFFF;

}

#ui-ux-process-accordion .accordion-body ul {

  padding: 0;

  list-style: none;

  margin: 0;

  display: flex;

  flex-wrap: wrap;

  justify-content: flex-end;

  gap: 16px;

  align-items: center;

  margin-bottom: 14px;

}

#ui-ux-process-accordion .accordion-body ul li {

  width: 26%;

  font-size: 16px;

  font-weight: 500;

  line-height: 24px;

  color: #FFFFFF;

}

#ui-ux-process-accordion .accordion-body ul i {

  font-size: 22px;

  color: #FFFFFF;

}

#ui-ux-process-accordion .accordion-button:focus {

  box-shadow: none;

}

#ui-ux-process-accordion .accordion-button:not(.collapsed) {

  background: #333333;

}

/*--------------------------------------------------------------

# UI/UX Challenges Section

--------------------------------------------------------------*/

#ui-ux-challenges {

  padding-bottom: 110px;

}

#ui-ux-challenges .section-header p {

  text-transform: inherit;

}

#ui-ux-challenges .owl-cards-carousel .owl-cards .item {

  padding: 30px 20px;

  margin: 0;

  position: relative;

  height: 100%;

  box-shadow: var(--bs-box-shadow-lg);

  border-radius: 30px;

}

/*#ui-ux-challenges .owl-cards-carousel .owl-cards .item::before{ position: absolute; content: ""; background: #FFFFFF 0 0 no-repeat padding-box; clip-path: polygon(70% 0, 100% 20%, 100% 100%, 0 100%, 0 0); z-index: -1; inset: 0; margin: auto;}*/

#ui-ux-challenges .owl-cards-carousel .owl-cards {

  filter: drop-shadow(0px 3px 21px rgba(0, 0, 0, .16));

  margin-top: 30px;

  row-gap: 30px

}

#ui-ux-challenges .owl-cards-carousel .owl-cards h3 {

  color: #FF4A00;

  font-size: 16px;

  font-weight: 700;

}

#ui-ux-challenges .owl-cards-carousel .owl-cards p {

  margin: 20px 0 0;

  padding-bottom: 20px;

  font-size: 14px;

  line-height: 1.5;

  color: #000000;

}

#ui-ux-challenges .owl-cards-carousel .owl-cards h4 {

  font-size: 15px;

  text-transform: uppercase;

  font-weight: 600;

  line-height: 1.5;

  display: flex;

  align-items: center;

  color: #000000;

}

#ui-ux-challenges .owl-cards-carousel .owl-cards h4 span {

  font-size: 40px;

  margin-right: 10px;

}

#ui-ux-challenges .owl-nav {

  text-align: center;

  position: absolute;

  width: 100%;

  bottom: -90px;

  transform: translateY(5px);

}

#ui-ux-challenges .owl-dots {

  display: none;

}

#ui-ux-challenges .owl-nav .owl-prev {

  width: 50px;

  height: 50px;

  border-radius: 100%;

  background: #000000;

  margin-right: 20px;

  outline: none;

}

#ui-ux-challenges .owl-nav .owl-prev span,

#ui-ux-challenges .owl-nav .owl-next span {

  opacity: 0;

}

#ui-ux-challenges .owl-nav .owl-prev i {

  display: flex;

  align-items: center;

  justify-content: center;

  color: #FFFFFF;

  font-size: 25px;

  font-weight: 700;

}

#ui-ux-challenges .owl-nav .owl-prev {

  opacity: 1;

  transition: all .5s;

}

#ui-ux-challenges .owl-nav .owl-prev:hover {

  opacity: 1;

}

#ui-ux-challenges .owl-nav .owl-next {

  opacity: 1;

  transition: all .5s;

}

#ui-ux-challenges .owl-nav .owl-next:hover {

  opacity: 1;

}

#ui-ux-challenges .owl-nav .owl-next {

  width: 50px;

  height: 50px;

  border-radius: 100%;

  background: #000000;

  margin-right: 20px;

  outline: none;

}

#ui-ux-challenges .owl-nav .owl-next i {

  display: flex;

  align-items: center;

  justify-content: center;

  color: #FFFFFF;

  font-size: 25px;

  font-weight: 700;

}

/*--------------------------------------------------------------

# UI/UX Industries Section

--------------------------------------------------------------*/

#ui-ux-industries {

  padding-top: 0px;

}

#ui-ux-industries .section-header p {

  text-transform: inherit;

}

#ui-ux-industries .img-area {

  position: relative;

  border-radius: 16px;

  overflow: hidden;

  margin: 0;

  z-index: 9;

}

#ui-ux-industries .img-area .bottom-content h3 {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

  font-size: 22px;

  font-weight: 700;

  text-align: center;

  padding: 20px 10px;

  color: #FFFFFF;

  z-index: 9;

}

#ui-ux-industries .img-area .hover-content {

  position: absolute;

  bottom: 0;

  transform: translate(0, 80%);

  margin: auto;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  text-align: center;

  width: 100%;

  height: 100%;

  transition: all .5s ease-in-out 0s;

  z-index: 9;

  opacity: 0;

  border-radius: 16px;

  background: transparent linear-gradient(270deg, #33b4ff 0%, #00649e 100%);

  padding: 35px;

}

#ui-ux-industries .img-area .hover-content h3 {

  font-size: 22px;

  color: #FFFFFF;

  font-weight: 700;

}

#ui-ux-industries .img-area .hover-content p {

  font-weight: 200;

  color: #FFFFFF;

}

#ui-ux-industries .img-area .hover-content span {

  position: absolute;

  width: 35px;

  height: 35px;

  border-radius: 50%;

  border: 1px solid #fff;

  top: 20px;

  right: 20px;

  transform: rotate(-30deg);

  padding: 10px;

}

#ui-ux-industries .img-area .hover-content span:after {

  position: absolute;

  content: "";

  background: url("../img/enterprise/arrow-up.webp") no-repeat, center;

  width: 15px;

  height: 11px;

  background-size: contain;

  display: flex;

  align-items: center;

  justify-content: center;

}

#ui-ux-industries .img-area:hover .hover-content {

  opacity: 1;

  transform: unset;

}

#ui-ux-industries .img-area:after {

  position: absolute;

  content: "";

  background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);

  bottom: 0;

  left: 0;

  right: 0;

  width: 100%;

  opacity: 1;

  height: 180px;

}

/*--------------------------------------------------------------

# Unlock Efficiency Section

--------------------------------------------------------------*/

#unlock-efficiency {

  padding-top: 0;

  padding-bottom: 110px;

}

#unlock-efficiency .section-header p {

  text-transform: inherit;

}

#unlock-efficiency .menu-item-carousel .owl-menu-item .item {

  background: #fff;

  border: 1px solid #1a8ccf;

  border-radius: 27px;

  padding: 30px;

  margin: 10px;

  height: inherit;

}

#unlock-efficiency .menu-item-carousel .owl-menu-item .item .products-icon {

  width: 60px;

  height: 55px;

  margin: 0 auto;

}

#unlock-efficiency .menu-item-carousel .owl-menu-item .item h3 {

  font-size: 26px;

  font-weight: 700;

  margin: 30px 0 15px;

  text-align: center;

}

#unlock-efficiency .menu-item-carousel .owl-menu-item .item p {

  font-size: 17px;

  text-align: center;

  margin-bottom: 0;

}

#unlock-efficiency .menu-item-carousel .owl-menu-item .item:hover {

  background: transparent linear-gradient(270deg, #33b4ff 0%, #00649e 100%);

}

#unlock-efficiency .menu-item-carousel .owl-menu-item .item:hover .products-icon-img {

  display: none;

}

#unlock-efficiency .menu-item-carousel .owl-menu-item .item:hover .products-icon-hover {

  display: block;

}

#unlock-efficiency .menu-item-carousel .owl-menu-item .item:hover h3,

#unlock-efficiency .menu-item-carousel .owl-menu-item .item:hover P {

  color: #FFFFFF;

}

#unlock-efficiency .owl-nav {

  text-align: center;

  position: absolute;

  width: 100%;

  bottom: -70px;

  transform: translateY(5px);

}

#unlock-efficiency .owl-dots {

  display: none;

}

#unlock-efficiency .owl-nav .owl-prev {

  width: 50px;

  height: 50px;

  border-radius: 100%;

  background: #000000;

  margin-right: 20px;

  outline: none;

}

#unlock-efficiency .owl-nav .owl-prev span,

#unlock-efficiency .owl-nav .owl-next span {

  opacity: 0;

}

#unlock-efficiency .owl-nav .owl-prev i {

  display: flex;

  align-items: center;

  justify-content: center;

  color: #FFFFFF;

  font-size: 25px;

  font-weight: 700;

}

#unlock-efficiency .owl-nav .owl-prev {

  opacity: 0.75;

  transition: all .5s;

}

#unlock-efficiency .owl-nav .owl-prev:hover {

  opacity: 1;

}

#unlock-efficiency .owl-nav .owl-next {

  opacity: 0.75;

  transition: all .5s;

}

#unlock-efficiency .owl-nav .owl-next:hover {

  opacity: 1;

}

#unlock-efficiency .owl-nav .owl-next {

  width: 50px;

  height: 50px;

  border-radius: 100%;

  background: #000000;

  margin-right: 20px;

  outline: none;

}

#unlock-efficiency .owl-nav .owl-next i {

  display: flex;

  align-items: center;

  justify-content: center;

  color: #FFFFFF;

  font-size: 25px;

  font-weight: 700;

}

/*--------------------------------------------------------------

# Work Design Agency Section

--------------------------------------------------------------*/

#work-design-agency {

  padding-top: 0;

}

#work-design-agency .section-header p {

  text-transform: inherit;

}

#work-design-agency .inner-content {

  display: flex;

  gap: 20px;

  flex-wrap: wrap;

}

#work-design-agency .inner-content .left-content {

  width: 425px;

}

#work-design-agency .inner-content .left-content .left-img {

  height: 100%;

}

#work-design-agency .inner-content .left-content .left-img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 16px;

}

#work-design-agency .inner-content .right-content {

  background: #2b2a40;

  width: calc(100% - (425px + 20px));

  background: #141324;

  border-radius: 20px;

  backdrop-filter: blur(50px);

  padding: 10px 40px 40px;

}

#work-design-agency .inner-content .right-content ul {

  list-style: none;

  padding: 0;

  display: flex;

  flex-wrap: wrap;

  counter-reset: section;

}

#work-design-agency .inner-content .right-content ul li {

  width: 50%;

  padding: 30px 0 30px;

  position: relative;

  margin: 0;

}

#work-design-agency .inner-content .right-content ul li:not(:nth-last-child(-n+2)) {

  border-bottom: 1px solid #353346;

}

#work-design-agency .inner-content .right-content ul li:nth-child(even) {

  border-left: 1px solid #353346;

  padding-left: 30px;

}

#work-design-agency .inner-content .right-content ul li:nth-child(odd) {

  padding-right: 30px;

}

#work-design-agency .inner-content .right-content ul li::before {

  counter-increment: section;

  content: counter(section, decimal-leading-zero);

  position: absolute;

  top: 8px;

  right: 24px;

  font-size: 30px;

  color: rgba(255, 255, 255, .13);

}

#work-design-agency .inner-content .right-content ul li h3 {

  font-size: 20px;

  color: #FFFFFF;

  font-weight: 700;

  max-width: 230px;

  line-height: 1.4;

  min-height: 40px;

}

#work-design-agency .inner-content .right-content ul li p {

  font-size: 16px;

  color: #FFFFFF;

  margin-bottom: 0;

}

/* ----**** [ home why partner section ] ****---- */

#home-why-partner {

  padding: 0;

  padding-top: 120px;

}

.why-partner-main {

  padding: 48px;

  background: #333;

  border-radius: 40px;

}

.why-partner-main .section-header {

  text-align: left;

}

.why-partner-main .section-header h2 {

  color: #FFFFFF;

}

.why-partner-main .section-header p {

  color: rgba(255, 255, 255, 0.70);

}

.why-partner-inner {

  display: flex;

  justify-content: space-between;

  gap: 24px;

  row-gap: 36px;

  flex-wrap: wrap;

  align-items: start;

}

.why-partner-inner .why-partner-block {

  width: 30%;

  display: flex;

  flex-wrap: wrap;

  gap: 16px;

}

.why-partner-inner .why-partner-block i {

  background: rgba(255, 255, 255, 1);

  height: 80px;

  width: 80px;

  display: flex;

  justify-content: center;

  align-items: center;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

}

.why-partner-inner .why-partner-block i img {

  max-width: 54px;

}

.why-partner-inner .why-partner-block h4 {

  font-size: 22px;

  font-weight: 700;

  margin: 0;

  color: #FFFFFF;

  width: 100%;

}

.why-partner-inner .why-partner-block p {

  font-weight: 400;

  margin: 0;

  color: #FFFFFF;

}

/*--------------------------------------------------------------

# FAQ Section

--------------------------------------------------------------*/

#faq {

  padding-top: 0;

}

#faq.faq {

  padding-top: 80px;

}

#faq .conta-iner {

  width: 90%;

  max-width: 1170px;

  margin: 0 auto;

}

#faq .faq-grid {

  display: flex;

  flex-wrap: wrap;

  align-items: flex-start;

  gap: 30px;

}

#faq .faq-grid .accordn_bx {

  width: 100%;

}

#faq .faq-grid .accordn_bx:not(:only-child) {

  width: calc(50% - (30px / 2));

}

#faq .faq-grid .accordn_bx .panel-title {

  font-size: 18px;

  font-weight: 400;

  padding: 20px 80px 20px 30px;

  position: relative;

  display: flex;

  align-items: center;

  color: #FFFFFF;

  line-height: 26px;

  cursor: pointer;

}

#faq .faq-grid .accordn_bx:not(:only-child) .panel-title {

  min-height: 110px;

}

#faq .faq-grid .accordn_bx .acdn_mn {

  border-bottom: none;

  background-color: #051629;

  border-radius: 20px;

}

#faq .faq-grid .accordn_bx .acdn_mn * {

  transition: unset;

}

#faq .faq-grid .accordn_bx .acdn_mn:not(:last-child) {

  margin-bottom: 30px;

}

#faq .faq-grid .accordn_bx .panel-title::after {

  content: "";

  width: 19px;

  height: 36px;

  position: absolute;

  background-image: url("../img/longArrow_icon.webp");

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  right: 30px;

}

#faq .faq-grid .accordn_bx .panel-title.active {

  color: var(--c_white);

}

#faq .faq-grid .accordn_bx .panel-title.active::after {

  transform: scaleY(-1);

}

#faq .faq-grid .accordn_bx .panel-body {

  padding: 0 30px 30px;

  transform: none;

}

#faq .faq-grid .accordn_bx :is(.panel-body, .panel-body p, .panel-body li) {

  font-size: 16px;

  line-height: 1.6;

  font-weight: 300;

  color: var(--c_white);

}

#faq .faq-grid .accordn_bx :is(.panel-body, .panel-body p, .panel-body li) strong {

  font-weight: 500;

}

#faq .faq-grid .accordn_bx .panel-body li:not(:last-child) {

  margin-bottom: 5px;

}

#faq .faq-grid .accordn_bx .panel-body ul {

  list-style: disc;

  padding-left: 20px;

}

#faq .faq-grid .accordn_bx .acdn_mn:has(.panel-title.active) {

  background: linear-gradient(to bottom, #051629 40%, var(--c_primary) 140%);

}

#faq .faq-new-sc .s_head h2 {

  color: #FFFFFF;

}

#faq .cm_white_mode .faq-grid .accordn_bx .acdn_mn {

  background-color: #FFFFFF;

  box-shadow: 0 3px 24px rgba(0, 0, 0, .09);

}

#faq .cm_white_mode .faq-grid .accordn_bx .panel-title {

  color: #000000;

}

#faq .cm_white_mode .faq-grid .accordn_bx .panel-title::after {

  filter: brightness(0);

  top: 20px;

}

#faq .cm_white_mode .faq-grid .accordn_bx .acdn_mn:has(.panel-title.active) {

  background: #FFFFFF;

}

#faq .cm_white_mode .faq-grid .accordn_bx .panel-title.active {

  color: #000000;

}

#faq .cm_white_mode .faq-grid .accordn_bx:not(:only-child) .panel-title {

  min-height: 90px;

}

#faq .cm_white_mode .faq-grid .accordn_bx :is(.panel-body, .panel-body p, .panel-body li) {

  color: #000000;

}

#faq .cm_white_mode.faq-new-sc .s_head h2 {

  color: #000000;

}

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

  #faq .faq-grid .accordn_bx .panel-title {

    font-size: 19px;

    font-weight: 400;

    padding: 20px 90px 20px 25px;

  }

  #faq .faq-grid .accordn_bx:not(:only-child) .panel-title {

    min-height: 95px;

  }

  #faq .faq-grid .accordn_bx .panel-title::after {

    width: 16px;

    height: 30px;

    right: 20px;

  }

  #faq .faq-grid .accordn_bx .acdn_mn {

    border-radius: 10px;

  }

  #faq .faq-grid .accordn_bx .panel-body {

    padding: 0 25px 25px;

  }

}

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

  #faq .faq-grid {

    gap: 16px;

  }

  #faq .faq-grid .accordn_bx .acdn_mn:not(:last-child) {

    margin-bottom: 16px;

  }

  #faq .faq-grid .accordn_bx .panel-title {

    font-size: 18px;

    padding: 15px 90px 15px 20px;

  }

  #faq .faq-grid .accordn_bx:not(:only-child) .panel-title {

    min-height: 80px;

  }

  #faq .faq-grid .accordn_bx .panel-body {

    padding: 0 20px 20px;

  }

}

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

  #faq .faq-grid .accordn_bx,

  #faq .faq-grid .accordn_bx:not(:only-child) {

    width: 100%;

  }

  #faq .faq-grid .accordn_bx .panel-title::after {

    width: 12px;

    height: 25px;

  }

}

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

  #faq .faq-grid .accordn_bx .panel-title {

    font-size: 16px;

    line-height: 1.45;

    padding: 14px 45px 14px 15px;

  }

  #faq .faq-grid .accordn_bx:not(:only-child) .panel-title {

    min-height: 70px;

  }

  #faq .faq-grid .accordn_bx .panel-title::after {

    right: 15px;

  }

  #faq .faq-grid .accordn_bx .panel-body {

    padding: 0 15px 15px;

  }

  #faq .faq-grid .accordn_bx .panel-body p {

    font-size: 14px;

  }

  #faq .faq-grid .accordn_bx :is(.panel-body, .panel-body p, .panel-body li) {

    font-size: 14px;

  }

}

/*--------------------------------------------------------------

# Mobile App Development Video Section

--------------------------------------------------------------*/

.mobile-app-development {

  position: relative;

  width: 100%;

  height: 100vh;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  overflow: hidden;

}

.mobile-app-development video {

  position: absolute;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.mobile-app-development .mobile-app-development-content {

  position: relative;

  color: #fff;

  text-align: center;

  padding-top: 70px;

  z-index: 9;

}

.mobile-app-development .mobile-app-development-content h1 {

  font-size: 48px;

  font-weight: 800;

  color: #FFFFFF;

}

.mobile-app-development .mobile-app-development-content p {

  font-size: 18px;

  color: #FFFFFF;

}

.mobile-app-development .mobile-app-development-content h3 {

  font-size: 20px;

  color: #FFFFFF;

  font-weight: 700;

}

.mobile-app-development .mobile-app-development-content h3 span {

  display: flex;

  align-items: center;

  gap: 10px;

  font-weight: 500;

  margin: 0;

  line-height: normal;

  justify-content: center;

}

.mobile-app-development .mobile-app-development-content a.online-order {

  margin-bottom: 20px;

}

.mobile-app-development::after {

  position: absolute;

  content: "";

  background: linear-gradient(303.22deg, rgba(0, 21, 34, .8) 25%, rgba(0, 67, 107, .8) 93.58%);

  width: 100%;

  height: 100%;

  z-index: 1;

  opacity: .9;

  inset: 0;

}

/*--------------------------------------------------------------

#  App Development Solutions Section

--------------------------------------------------------------*/

#app-development-solutions {

  background: #00649e;

  padding-bottom: 110px;

}

#app-development-solutions .section-header h2,

#app-development-solutions .section-header P {

  color: #FFFFFF;

}

#app-development-solutions .section-header p {

  text-transform: inherit;

}

#app-development-solutions .app-item-carousel .app-menu-item .item {

  background: #FFFFFF;

  padding: 40px 20px;

  /* margin: 0 15px; */

  position: relative;

  height: 100%;

  border-radius: 20px;

}

#app-development-solutions .app-item-carousel .app-menu-item .item.text-start{

  padding-top: 40px;

}

#app-development-solutions .app-item-carousel .app-menu-item {

  filter: drop-shadow(0px 3px 21px rgba(0, 0, 0, .16));

  margin-top: 30px;

  row-gap: 30px;

}

#app-development-solutions .app-item-carousel .app-menu-item .item span {

  position: absolute;

  top: 26px;

  right: 26px;

  border: 1px solid rgba(0, 100, 158, .3);

  width: 60px;

  height: 60px;

  border-radius: 60px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 32px;

  color: #00649e;

}

#app-development-solutions .app-item-carousel .app-menu-item h3 {

  font-size: 22px;

  font-weight: 700;

  line-height: 28px;

}

#app-development-solutions .app-item-carousel .app-menu-item h5{ font-weight: 600;}

#app-development-solutions .app-item-carousel .app-menu-item ul{ padding-left: 16px;}

#app-development-solutions .app-item-carousel .app-menu-item .item ul li{ margin: 0 0 6px 0;}

#app-development-solutions .app-item-carousel .app-menu-item p {

  margin: 20px 0;

  /* border-bottom: 1px solid rgba(0, 0, 0, .13); */

  font-size: 15px;

  line-height: 1.5;

  color: #000000;

}

#app-development-solutions .app-item-carousel .app-menu-item p a {

  color: #FF4A00;

}

#app-development-solutions .owl-nav {

  text-align: center;

  position: absolute;

  width: 100%;

  bottom: -70px;

  transform: translateY(5px);

}

#app-development-solutions .owl-dots {

  display: none;

}

#app-development-solutions .owl-nav .owl-prev {

  width: 50px;

  height: 50px;

  border-radius: 100%;

  background: #000000;

  margin-right: 20px;

  outline: none;

}

#app-development-solutions .owl-nav .owl-prev span,

#app-development-solutions .owl-nav .owl-next span {

  opacity: 0;

}

#app-development-solutions .owl-nav .owl-prev i {

  display: flex;

  align-items: center;

  justify-content: center;

  color: #FFFFFF;

  font-size: 25px;

  font-weight: 700;

}

#app-development-solutions .owl-nav .owl-prev {

  opacity: 1;

  transition: all .5s;

}

#app-development-solutions .owl-nav .owl-prev:hover {

  opacity: 1;

}

#app-development-solutions .owl-nav .owl-next {

  opacity: 1;

  transition: all .5s;

}

#app-development-solutions .owl-nav .owl-next:hover {

  opacity: 1;

}

#app-development-solutions .owl-nav .owl-next {

  width: 50px;

  height: 50px;

  border-radius: 100%;

  background: #000000;

  margin-right: 10px;

  outline: none;

}

#app-development-solutions .owl-nav .owl-next i {

  display: flex;

  align-items: center;

  justify-content: center;

  color: #FFFFFF;

  font-size: 25px;

  font-weight: 700;

}

/*--------------------------------------------------------------

#  Mobile App Development Process Section

--------------------------------------------------------------*/

#mobile-app-development-process {

  background: #141414;

  padding-bottom: 80px;

}

#mobile-app-development-process .section-header h2 {

  color: #FFFFFF;

}

#mobile-app-development-process .section-header p {

  position: relative;

  text-transform: inherit;

  color: #FFFFFF;

  z-index: 9;

}

#mobile-app-development-process .owl-menu-item-area .item,

#mobile-app-development-process .mobile-app-development-process-area .item {

  background: rgba(20, 20, 20, .37);

  padding: 40px 20px;

  margin: 0 15px;

  position: relative;

  height: 600px;

  border-radius: 20px;

  border: 1px solid #e7e7e7;

}

#mobile-app-development-process .owl-menu-item-area,

#mobile-app-development-process .mobile-app-development-process-area {

  filter: drop-shadow(0px 3px 21px rgba(0, 0, 0, .16));

  margin-top: 30px;

}

#mobile-app-development-process .owl-menu-item-area .item img,

#mobile-app-development-process .mobile-app-development-process-area .item img {

  width: 54px;

  height: auto;

  margin: 0 0 16px 0;

}

#mobile-app-development-process .owl-menu-item-area .item h3,

#mobile-app-development-process .mobile-app-development-process-area .item h3{

  font-size: 22px;

  font-weight: 700;

  line-height: 28px;

  color: #FFFFFF;

}

#mobile-app-development-process .owl-menu-item-area .item h5,

#mobile-app-development-process .mobile-app-development-process-area .item h5{

  color: #FFFFFF;

  font-weight: 600;

}

#mobile-app-development-process .owl-menu-item-area .item ul,

#mobile-app-development-process .mobile-app-development-process-area .item ul{ padding-left: 16px;}

#mobile-app-development-process .owl-menu-item-area .item ul li,

#mobile-app-development-process .mobile-app-development-process-area .item ul li{ font-size: 15px; color: #FFFFFF; margin-bottom: 4px;}

#mobile-app-development-process .owl-menu-item-area .item p,

#mobile-app-development-process .mobile-app-development-process-area .item p {

  margin: 20px 0;

  font-size: 15px;

  line-height: 26px;

  color: #FFFFFF;

}

#mobile-app-development-process .owl-menu-item-area .item p a,

#mobile-app-development-process .mobile-app-development-process-area .item p a {

  color: #FF4A00;

}

#mobile-app-development-process .owl-menu-item-area::after,

#mobile-app-development-process .mobile-app-development-process-area::after {

  content: "";

  position: absolute;

  top: -110px;

  left: 50%;

  transform: translateX(-50%);

  background: linear-gradient(229.83deg, #FF4A00 -22.14%, rgba(1, 22, 34, 0) 83.81%);

  width: 590px;

  height: 590px;

  border-radius: 50%;

  z-index: -1;

}

#mobile-app-development-process .owl-nav {

  text-align: center;

  position: absolute;

  width: 100%;

  bottom: -100px;

  transform: translateY(5px);

}

#mobile-app-development-process .owl-dots {

  display: none;

}

#mobile-app-development-process .owl-nav .owl-prev {

  width: 50px;

  height: 50px;

  border-radius: 100%;

  background: #000000;

  border: 1px solid #FF4A00;

  margin-right: 10px;

  outline: none;

}

#mobile-app-development-process .owl-nav .owl-prev span,

#mobile-app-development-process .owl-nav .owl-next span {

  opacity: 0;

}

#mobile-app-development-process .owl-nav .owl-prev i {

  display: flex;

  align-items: center;

  justify-content: center;

  color: #FFFFFF;

  font-size: 25px;

  font-weight: 700;

}

#mobile-app-development-process .owl-nav .owl-prev {

  opacity: 1;

  transition: all .5s;

}

#mobile-app-development-process .owl-nav .owl-prev:hover {

  opacity: 1;

  background: #FF4A00;

  border: 1px solid #FF4A00;

}

#mobile-app-development-process .owl-nav .owl-next {

  opacity: 1;

  transition: all .5s;

}

#mobile-app-development-process .owl-nav .owl-next:hover {

  opacity: 1;

  background: #FF4A00;

  border: 1px solid #FF4A00;

}

#mobile-app-development-process .owl-nav .owl-next {

  width: 50px;

  height: 50px;

  border-radius: 100%;

  background: #000000;

  border: 1px solid #FF4A00;

  margin-left: 10px;

  outline: none;

}

#mobile-app-development-process .owl-nav .owl-next i {

  display: flex;

  align-items: center;

  justify-content: center;

  color: #FFFFFF;

  font-size: 25px;

  font-weight: 700;

}

/*--------------------------------------------------------------

#  Can Transform Your Industry Section

--------------------------------------------------------------*/

#can-transform-your-industry {

  background: #141414;

  /* margin-bottom: 80px; */

}

#can-transform-your-industry .section-header h2 {

  color: #FFFFFF;

}

#can-transform-your-industry .section-header p {

  text-transform: inherit;

  color: #FFFFFF;

}

#can-transform-your-industry .nav-tabs {

  position: relative;

  border: 1px solid #4d4d4d;

  border-radius: 10px;

  counter-reset: item-counter;

  overflow: auto;

  padding: 0px;

  /*padding: 0px 16px 16px 0px;*/

  scrollbar-width: thin;
  scrollbar-color: #FF4A00 #141414;

  height: 596px;

}

#can-transform-your-industry .nav-item {

  width: 100%;

  /*margin-bottom: 15px;*/

}

#can-transform-your-industry .nav-item:last-child {

  margin-bottom: 0;

}

#can-transform-your-industry .nav-link {

  color: red;

  border: 0;

  padding: 0px;

  transition: 0.3s;

  border-radius: 0px;

  cursor: pointer;

}

#can-transform-your-industry .nav-link h4 {

  position: relative;

  font-size: 20px;

  color: #FFFFFF;

  font-weight: 500;

  margin: 0;

  padding: 26px 0px 26px 70px;

  transition: 0.3s;

}

#can-transform-your-industry .nav-link h4::before {

  counter-increment: item-counter;

  content: "0" counter(item-counter);

  position: absolute;

  top: 26px;

  left: 20px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 22px;

  color: #fff;

}

#can-transform-your-industry li:not(:last-child) h4:after {

  position: absolute;

  content: "";

  background: rgba(255, 255, 255, .1);

  width: 90%;

  height: 2px;

  left: 0;

  right: 0;

  bottom: 0;

}

#can-transform-your-industry .nav-link p {

  font-size: 15px;
  margin: 0;
  margin-left: 20px;
  margin-bottom: 10px;
  color: #FFFFFF;

}

#can-transform-your-industry .nav-link:hover {

  background: rgba(255, 74, 0, 0.1);

}

#can-transform-your-industry .nav-link.active {

  background: linear-gradient(90deg, #FF4A00 0%, rgba(0, 35, 56, 0) 75%);

  color: var(--default-color);

}

#can-transform-your-industry .tab-pane img {

  border-radius: 15px;

}

#can-transform-your-industry .nav-link ul{
  padding-left: 40px;
  list-style-type: disc;
  position: relative;
}
#can-transform-your-industry .nav-link ul li{
  color: #FFFFFF;
  margin-bottom: 0px;
  padding-bottom: 14px;
}
#can-transform-your-industry .nav-link ul li:last-child{
  margin-bottom: 0;
}
#can-transform-your-industry .nav-link ul:after{
  position: absolute;
  content: "";
  background: rgba(255, 255, 255, .1);
  width: 90%;
  height: 2px;
  left: 0;
  right: 0;
  bottom: 0;
}
#can-transform-your-industry .nav-link ul li::marker{
  font-size: 20px;
}
#can-transform-your-industry .nav-tabs .tab-content-area h4::after{
  display: none;
}
#can-transform-your-industry .nav-tabs .tab-content-area h4{
  padding: 26px 0px 10px 60px;
}

img.hero-img.img-fluid {

  border-radius: 90px;

}

.enterprise-page #key-enterprise-features .big-content-box {

  width: 100%;

}

.enterprise-page #key-enterprise-features {

  background: url('../img/bg/products.jpg') no-repeat center center / cover;

}

.enterprise-page #key-enterprise-features .section-header h2 {

  color: #fff;

}

.enterprise-page #key-enterprise-features .section-header p{ color: #FFFFFF;text-transform: inherit;}

.enterprise-page #key-enterprise-features.our-services{ background: #F6F6F6;}

.enterprise-page #key-enterprise-features.our-services .section-header h2{ color: #333333;}

#key-enterprise-features.our-services .big-content-box{ background: #FFFFFF;}

.enterprise-page #key-enterprise-features.our-services .section-header P{ text-transform: inherit; color: #333333;}

/*** On Demand ***/

.on-demand #ui-ux-cta {

  padding-top: 80px;

  background: url('../img/bg/bg-army.webp') no-repeat center center / cover;

}

.on-demand #ui-ux-cta .cta-bg {

  background: transparent;

  padding: 0;

}

.on-demand #key-enterprise-features.trusted-industries{

  background-color: #fff;

}

.on-demand #key-enterprise-features.trusted-industries .big-content-box {

  display: flex;

  align-items: start;

  gap: 15px;

}

.on-demand #key-enterprise-features.trusted-industries .big-content-box .content-box-icon {

  display: flex;

  align-items: center;

  justify-content: center;

  height: 70px;

  width: 70px;

  border-radius: 50%;

  flex: 1 0 auto;

  background-color: #FF4A00;

}

.on-demand #key-enterprise-features.trusted-industries .big-content-box.even .content-box-icon {

  background-color: #333333;

}

.on-demand #key-enterprise-features.trusted-industries .big-content-box .content-box-icon img.content-box-icon-hover {

  display: block;

  max-width: 40px;

  max-height: 40px;

  margin: 0;

  filter: brightness(0) invert(1);

}

.orange-bg {

  background: url('../img/bg/products.jpg') no-repeat center center / cover !important;

}

.end-to-end#key-enterprise-features .big-content-box {

  width: 100%;

}

.end-to-end#key-enterprise-features .big-content-box ul {

  margin: 0;

}

#heavy-workload .big-content-box {

  padding: 40px 30px;

}

#heavy-workload .big-content-box.left {

  background-color: #333333;

}

#heavy-workload .big-content-box.right {

  background-color: #FF4A00;

}

#heavy-workload .big-content-box .big-content-box-title {

  font-size: 24px;

  font-weight: 700;

  font-style: normal;

  font-stretch: normal;

  line-height: 1.17;

  letter-spacing: normal;

  text-align: left;

  color: #fff;

  margin-top: 0;

  margin-bottom: 30px;

}

#heavy-workload .big-content-box .big-content-box-img{

  margin-bottom: 30px;

}

#heavy-workload .big-content-box .big-content-box-img img{

  width: 100%;

  height: 300px;

  object-fit: cover;

}

#heavy-workload .big-content-box .big-content-box-desc ul li{

  margin-bottom: 15px;

}

#work-design-agency.seamless-enterprise .inner-content .left-content,

#work-design-agency.seamless-enterprise .inner-content .right-content {

  width: 100%;

  height: 100%;

}

#work-design-agency.seamless-enterprise .inner-content .right-content {

  padding-top: 40px;

}

#work-design-agency.seamless-enterprise .inner-content .right-content ul {

  height: 100%;

  justify-content: space-between;

  margin: 0;

  flex-wrap: unset;

  flex-direction: column;

}

#work-design-agency.seamless-enterprise .inner-content .right-content ul li {

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 15px;

  padding: 0;

  border: none;

  width: 100%;

}

#work-design-agency.seamless-enterprise .inner-content .right-content ul li::before {

  display: none;

}

#work-design-agency.seamless-enterprise .inner-content .right-content ul li span.icon {

  border: 2px solid #bfc4cd;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 60px;

  height: 60px;

  text-align: center;

  border-radius: 50%;

}

#work-design-agency.seamless-enterprise .inner-content .right-content ul li span.icon img{

  max-width: 32px;

  max-height: 32px;

  filter: brightness(0) invert(1);

}

#work-design-agency.seamless-enterprise .inner-content .right-content ul li h3 {

  margin: 0;

}

#work-design-agency.seamless-enterprise .inner-content {

  gap: inherit;

}

#why-choose-us .big-content-box {

  text-align: center;

  border-radius: 5px;

  padding: 40px 15px;

  position: relative;

  overflow: hidden;

  height: 100%;

}

#why-choose-us .big-content-box {

  background-color: #FF4A00;

}

#why-choose-us .big-content-box.even {

  background-color: #333333;

}

#why-choose-us .big-content-box .content-box-icon img {

  height: 40px;

  filter: brightness(0) invert(1);

}

#why-choose-us .big-content-box .content-box-title h3 {

  font-size: 20px;

  font-weight: 600;

  font-style: normal;

  font-stretch: normal;

  line-height: 1.3;

  letter-spacing: normal;

  text-align: center;

  color: #fff;

  margin: 0;

  margin-top: 20px;

}

#why-choose-us .big-content-box .content-box-title p {

  margin: 0;

  position: absolute;

  width: 100%;

  height: 100%;

  background-color: #000;

  font-size: 15px;

  font-weight: normal;

  font-style: normal;

  font-stretch: normal;

  line-height: 1.47;

  letter-spacing: normal;

  text-align: center;

  color: #fff;

  left: 0;

  right: 0;

  bottom: -110%;

  top: 100%;

  border-radius: 5px;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 15px;

  transition: .5s;

}

#why-choose-us .big-content-box:hover .content-box-title p{

  top: 0;

}

/*** Industries ***/

/* The actual timeline (the vertical ruler) */

.timeline {

  position: relative;

  max-width: 1200px;

  margin: 0 auto;

}

/* The actual timeline (the vertical ruler) */

.timeline::after {

  content: '';

  position: absolute;

  width: 6px;

  background-color: white;

  top: 0;

  bottom: 0;

  left: 50%;

  margin-left: -3px;

}

/* Container around content */

.timeline-container {

  padding: 10px 40px;

  position: relative;

  background-color: inherit;

  width: 50%;

  z-index: 100;

}

/* The circles on the timeline */

.timeline-container::after {

  content: '';

  position: absolute;

  width: 15px;

  height: 15px;

  right: -7px;

  background-color: #141414;

  border: 4px solid #FF4A00;

  top: 15px;

  z-index: 100;

}

/* Place the container to the left */

.left {

  left: 0;

}

/* Place the container to the right */

.right {

  left: 50%;

}

/* Add arrows to the left container (pointing right) */

.left::before {

  content: " ";

  height: 0;

  position: absolute;

  top: 22px;

  width: 0;

  z-index: 1;

  right: 30px;

  border: medium solid white;

  border-width: 10px 0 10px 10px;

  border-color: transparent transparent transparent white;

}

/* Add arrows to the right container (pointing left) */

.right::before {

  content: " ";

  height: 0;

  position: absolute;

  top: 22px;

  width: 0;

  z-index: 1;

  left: 30px;

  border: medium solid white;

  border-width: 10px 10px 10px 0;

  border-color: transparent white transparent transparent;

}

.timeline-container.left:hover::before{

  border-color: transparent transparent transparent #FF4A00;

  transition: all 0.5s;

}

.timeline-container.right:hover::before{

  border-color: transparent #FF4A00 transparent ;

  transition: all 0.5s;

}

/* Fix the circle for containers on the right side */

.right::after {

  left: -7px;

}

/* The actual content */

.content {

  padding: 20px 30px;

  background-color: white;

  position: relative;

  border-radius: 6px;

}

.timeline-container:hover .content{

  background-color: #FF4A00;

  color: #fff;

  transition: all 0.5s;

}

.timeline-container:hover .content h6,

.timeline-container:hover .content h2,

.timeline-container:hover .content p{

  color: #fff;

  transition: all 0.5s;

}



.industries #contact-us.contact-us{

  padding-top: 80px !important;

}

#guest-feedback-integration.restaurant-specific-features .guest-feedback-integration-bg{

  background: url('../img/industries/foodservice.webp') no-repeat center center;

}

#integration-section{

  background: url('../img/bg/integration-bg.webp') no-repeat center center / cover;

}

#integration-section .item{

  background: transparent;

  padding: 40px 20px;

  position: relative;

  height: 100%;

  border-radius: 20px;

  border: 1px solid #e7e7e7;

}

#integration-section .item img {

    width: 54px;

    height: auto;

    margin: 0 0 16px 0;

    filter: brightness(0) invert(1);

}

#integration-section .item h3 {

    font-size: 22px;

    font-weight: 700;

    line-height: 28px;

    color: #FFFFFF;

}

/*government page css */

.government-challenges table {

	width: 100%;

	border-collapse: collapse;

	background-color: white;

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

}

.government-challenges table th, .government-challenges table td {

	padding: 16px;

	border: 1px solid #ddd;

	vertical-align: middle;

}

.government-challenges table th {

	background-color: #f0f0f0;

}

.government-challenges table td img {

	width: 24px;

	height: 24px;

}

.government-challenges .section-header h2 {

	color: #333333;

}

.government-challenges .iconBox img {

	width:44px;

	height: auto;

}

#coreSolutions {

	position: relative;

	background: #F6F6F6;

}

#coreSolutions .section-header p {

	text-transform:none;

}

.core-solutionsTbl table {

	width: 100%;

	border-collapse: collapse;

	background-color: #fff;

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

}

.core-solutionsTbl table th, .core-solutionsTbl table td {

	border: 1px solid #ddd;

	padding:20px 15px;

	vertical-align:middle;

	text-align: left;

}

.core-solutionsTbl table th {

	background-color: #f0f0f0;

	font-weight: bold;

}

.core-solutionsTbl table ul {

	margin:0;

	padding:0;

	list-style-type:none;

}

.core-solutionsTbl table ul li {

	margin:0 0 20px 0;

}

.core-solutionsTbl table ul li:last-child {

	margin:0;

}

.core-solutionsTbl table ul li p {

	margin:0;

}

/*.core-solutionsTbl table ul img {

	width:18px;

	height:18px;

	margin:5px 10px 0 0;

}*/

.core-solutionsTbl table img {

	width:18px;

	height:18px;

	margin:0 10px 0 0;

}

.core-solutionsTbl table p {

	margin:0;

}

#government-specific-features .inner-content .left-content .left-img img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	border-radius: 16px;

}

#government-specific-features ul li h3 {

	font-size: 20px;

	color: #FFFFFF;

	font-weight: 700;

	line-height: 1.4;

}

#government-specific-features ul li p {

	font-size: 16px;

	color: #FFFFFF;

	margin: 0 0 15px 0;

}

#government-specific-features ul {

	list-style: none;

	padding: 0;

	backdrop-filter: blur(50px);

	background:#F8F8F8;

	border-radius:16px;

	padding:30px;

}

#government-specific-features ul li {

	margin: 0;

}

#government-specific-features ul li p img {

	width: 18px;

	height: 18px;

	margin: 0 10px 0 0;

}

#government-specific-features {

	background: url('../img/bg/products.jpg') no-repeat center center / cover;

}

#government-specific-features .section-header h2 {

	color: #fff;

}

#government-specific-features .big-content-box h3 {

	font-size: 24px;

	font-weight: 600;

}

#government-specific-features .big-content-box {

	background: #F8F8F8;

	padding: 44px 36px;

	-webkit-border-radius: 16px;

	-moz-border-radius: 16px;

	-ms-border-radius: 16px;

	border-radius: 16px;

	transition: all ease-in-out 0.3s;

	width:100%;

}

#government-specific-features .big-content-box .content-box-icon {

	position: relative;

	display: flex;

	align-items: center;

}

#government-specific-features .big-content-box .content-box-icon img {

	width: 78px;

	height: auto;

	margin-bottom: 16px;

}

#government-specific-features .big-content-box hr {

	width: 100%;

	color: #333333;

	opacity: 1;

	margin: 26px 0;

	border-top: 3px dotted #333333;

}

#government-specific-features .big-content-box p {

	margin: 0 0 15px 0;

}

#government-specific-features .big-content-box p:last-child {

	margin:0;

}

#government-specific-features .big-content-box:hover {

	box-shadow: 0px 0 24px 0 rgba(0, 0, 0, 0.4);

	transform: scale(1.02);

}

#government-specific-features .big-content-box img {

	width:18px;

	height:18px;

	margin:0 10px 0 0;

}

#implementation-roadmap {

	background:#F8F8F8;

}

#implementation-roadmap .timeline {

	display: flex;

	justify-content: space-between;

	align-items: center;

	background:#ffffff;

	border-radius: 40px;

	max-width:100%;

	padding:40px 30px;

}

 #implementation-roadmap .timeline::after {

 display:none;

}

#implementation-roadmap .step {

	flex: 1;

	text-align: center;

	position: relative;

}

 #implementation-roadmap .step:not(:last-child)::after {

 content: "";

 position: absolute;

 top: 30%;

 right: -15px;

 width: 30px;

 height: 2px;

 background: #ccc;

 z-index: 1;

}

#implementation-roadmap .circle {

	width: 45px;

	height: 45px;

	line-height: 45px;

	background:#fdab18;

	color: #ffffff;

	border-radius: 50%;

	margin: 0 auto 10px;

	font-weight: 600;

	font-size:22px;

}

#implementation-roadmap .label {

	font-weight:600;

	font-size:20px;

	margin:0 0 0 0;

}

#implementation-roadmap .label small {

	font-size:16px;

	color:#555555;

	font-weight:normal;

}

#implementation-roadmap .desc {

	display:block;

	font-size:18px;

	font-weight:normal;

	color:#333333;

}

#governmentForm {

	width: 100%;

	height: 100%;

	position: relative;

	padding: 0;

}

#governmentForm .bg-img {

	position: absolute;

	top:-30px;

	bottom:0;

	left: 230px;

	z-index: -1;

	text-align: center;

	max-width: 600px;

}

#governmentForm.contact-us {

	padding:80px 0;

	position:relative;

}

#governmentForm .contact-info h3 {

	font-size: 34px;

	font-weight: 400;

	line-height: 48px;

	margin-bottom: 30px;

}

#governmentForm.contact-us .contact-info p {

	font-size: 18px;

}

#governmentForm.contact-us .contact-info h4.gradient-color {

	font-size: 68px;

	background: linear-gradient(0deg, #FF4A00 0, #333333 90%);

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

}

#governmentForm .contact-info h4 {

	font-size: 38px;

	margin-bottom: 22px;

	font-weight: 700;

}

#governmentForm .contact-info h5 {

	font-size: 24px;

	color: #FF4A00;

	font-weight: 600;

	margin-bottom: 27px;

	margin-bottom: 0;

}

#governmentForm .contact-info p {

	font-size: 18px;

	line-height: 26px;

	margin-bottom: 30px;

}

#governmentForm .contact-info .customer-support, #governmentForm .contact-info .phone {

	display: flex;

	align-items: center;

	margin-bottom: 16px;

}

#governmentForm .contact-info .customer-support i, #governmentForm .contact-info .phone i {

	font-size: 28px;

	color: #ffffff;

	float: left;

	width: 40px;

	height: 40px;

	background: #FF4A00;

	display: flex;

	justify-content: center;

	align-items: center;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	-ms-border-radius: 6px;

	border-radius: 6px;

}

#governmentForm .contact-info .customer-support a, #governmentForm .contact-info .phone a {

	font-size: 18px;

	margin-left: 12px;

}

#governmentForm .contact-info .phone i {

	background: #333333;

}

#governmentForm .schedule-demo-form {

	background: #ffffff;

	padding: 40px 30px 40px 30px;

	-webkit-box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.08);

	-moz-box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.08);

	box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.08);

	-webkit-border-radius: 16px;

	-moz-border-radius: 16px;

	-ms-border-radius: 16px;

	border-radius: 16px;

}

#governmentForm .schedule-demo-form .section-title h4 {

	font-size: 32px;

	font-weight: 900;

	color: #333333;

}

#governmentForm .schedule-demo-form .section-title p {

	font-size: 17px;

}

#governmentForm .submit-btn {

	position: relative;

	width: 100%;

	font-family: 'Inter';

	font-size: 18px;

	font-weight: 700;

	display: inline-block;

	padding: 14px 30px;

	margin-top: 16px;

	color: #fff;

	background: #FF4A00;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	-ms-border-radius: 6px;

	border-radius: 6px;

	margin-right: 8px;

	overflow: hidden;

	z-index: 9;

 -webkit-transition: all .3s linear;

 -moz-transition: all .3s linear;

 -o-transition: all .3s linear;

 transition: all .3s linear;

}

#governmentForm .submit-btn:before {

	position: absolute;

	z-index: -1;

	content: "";

	height: 0;

	width: 100%;

	background: #333333;

	top: auto;

	bottom: 0;

	left: 0;

	opacity: 0;

 -webkit-transition: all .3s linear;

 -moz-transition: all .3s linear;

 -o-transition: all .3s linear;

 transition: all .3s linear;

}

#governmentForm .submit-btn:hover:before {

	opacity: 1;

	height: 100%;

	top: 0;

	bottom: auto;

 -webkit-transition: all .3s linear;

 -moz-transition: all .3s linear;

 -o-transition: all .3s linear;

 transition: all .3s linear;

}

#governmentForm .submit-btn:focus {

	outline: none;

	box-shadow: none;

}

#governmentForm .form-control:focus {

	box-shadow: none;

}

#governmentForm .form-control:focus {

	border-color: #000000;

}

#governmentForm .form-control {

	color: #000000;

}

#governmentForm .form-control {

	height: 48px;

	font-size: 18px;

	border: 1px solid #EFF0F6;

	-webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.05);

	-moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.05);

	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.05);

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	-ms-border-radius: 8px;

	border-radius: 8px;

}

#governmentForm .validate-input {

	position: relative;

}

#governmentForm .validate-input i {

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	align-items: center;

	position: absolute;

	bottom: 0;

	right: 0;

	/*width: 100%;*/

  height: 100%;

	padding-right: 30px;

	pointer-events: none;

	color: #333333;

	font-size: 20px;

 -webkit-transition: all .4s;

 -o-transition: all .4s;

 -moz-transition: all .4s;

 transition: all .4s;

}

#governmentForm .form-control:focus+i {

	color: #000000;

}

#governmentForm textarea.form-control {

	height: auto;

}

/*** Retail Page CSS ***/

.retail .enterprise-solutions{

  background: url('../img/on-demand/seamless.webp') no-repeat center center / cover;

  position: relative;

}

.retail .enterprise-solutions::after{

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, .5);

  z-index: 1;

}

.retail .enterprise-solutions .container{

  z-index: 2;

  position: relative;

}

.retail #guest-feedback-integration .guest-feedback-integration-bg{

  background: url('../img/retail/retail-img-1.webp') no-repeat center center / cover;

}

.enterprise-page #can-transform-your-industry .nav-link h4{

  font-size: 24px;

}

.enterprise-page #can-transform-your-industry .tab-pane img {

  height: 600px;

  width: 100%;

  object-fit: cover;

  object-position: top;

}

.enterprise-page #trust-imenu360 .col-6:last-child .trust-imenu360-logo{

  border: none;

}

.industries #guest-feedback-integration .guest-feedback-integration-bg{

    background: url('../img/foodservice.webp') no-repeat center center / cover;

}

#mobile-app-development-process .mobile-app-development-process-area .item{

  margin: 0;

}

.mobile-app #ui-ux-process-accordion .accordion .accordion-item .accordion-header .ui-ux-accordion-heading{

  flex: 1;

}

.mobile-app .accordion-button::after{

  visibility: hidden;

}

#contact-us.contact-us,

#contact-us{

  display: none;

}



/*** New CSS ***/

#Integrations .clients-wrap{

  border: none;

}

#Integrations .client-logo{

  display: inline-block;

  border: none;

  padding: 5px;

  max-width: 250px;

}

#Integrations .client-logo a{

  width: 100%;

  border: 1px solid #ECECEC;

  display: flex;

}

#Integrations .clients-wrap .col-xl-4{

  position: relative;

}

#order-aggregation.integration-order-aggregation .third-party-logo{

  width: 100%;

  height: 180px;

  padding: 15px;

  background-color: #fff;

}

#order-aggregation.integration-order-aggregation .third-party-logo img{

  max-height: 40px;

}

.third-party-container a{

  display: inline-block;

  width: 100%;

}
#trust-imenu360.legacy-text-area .legacy-text p{
  font-size: 20px;
  line-height: 28px;
}

#lets-build-together .big-content-box {
  width: 100%;
  height: auto;
  background: #F8F8F8;
    padding: 44px 36px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    border-radius: 16px;
    transition: all ease-in-out 0.3s;

}

#lets-build-together .big-content-box .content-box-icon {

  display: flex;

  align-items: center;

  justify-content: center;

  height: 70px;

  width: 70px;

  border-radius: 50%;

  flex: 1 0 auto;

  background-color: #FF4A00;
  margin-bottom: 12px;

}

#lets-build-together .big-content-box.even .content-box-icon {

  background-color: #333333;

}

#lets-build-together .content-box-icon img.content-box-icon-hover {

  display: block;

  max-width: 40px;

  max-height: 40px;

  margin: 0;

  filter: brightness(0) invert(1);

}
#lets-build-together .big-content-box .content-box-desc h3{
  font-size: 24px;
  font-weight: 600;
}
#lets-build-together .margin-top{ margin-top: 18px;}

/*** Blog CSS ***/

#blog{
  padding-top: 120px;
}
#blog .section-header p{
  text-transform: inherit;
}
/*--------------------------------------------------------------
# Blog Hero Section
--------------------------------------------------------------*/

#blog .featured-post {
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 32px;
}

#blog .featured-post img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}

#blog .featured-post .post-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
  padding: 32px;
  color: #FFFFFF;
}

#blog .featured-post .post-content {
  max-width: 800px;
}

#blog .featured-post .post-title {
  font-size: 32px;
  margin: 16px 0;
}

#blog .featured-post .post-title a {
  color: #FFFFFF;
}

#blog .featured-post .post-title a:hover {
  color: #FF4A00;
}

#blog .featured-post .post-excerpt {
  font-size: 16px;
  color: #FFFFFF;
  margin-bottom: 16px;
  opacity: 0.9;
}

#blog .secondary-post {
  background-color: #FFFFFF;
  border-radius: 8px;
  overflow: hidden;
  height: 100%;
  box-shadow: 0px 0 12px 0 rgba(0, 0, 0, 0.2);
  transition: all ease-in-out 0.3s;
}
#blog .secondary-post:hover{
  transform: scale(1.02);
}

#blog .secondary-post .post-image img {
  width: 100%;
  height: 240px;
  object-fit: cover;
}

#blog .secondary-post .post-content {
  padding: 24px;
}

#blog .secondary-post .post-title {
  font-size: 22px;
  margin: 8px 0;
  line-height: 1.4;
  font-weight: 600;
}

#blog .secondary-post .post-title a {
  color: #333333;
}

#blog .secondary-post .post-title a:hover {
  color: #FF4A00;
}

#blog .news-tabs {
  background-color: #FFFFFF;
  border-radius: 8px;
  overflow: hidden;
}

#blog .news-tabs .nav-tabs {
  border: none;
  padding: 16px 0px 0;
  gap: 8px;
  background-color: #FFFFFF;
}

#blog .news-tabs .nav-tabs .nav-link {
  border: none;
  padding: 8px 16px;
  font-size: 14px;
  color: #333333;
  font-weight: 500;
  border-radius: 20px;
  transition: 0.3s;
}

#blog .news-tabs .nav-tabs .nav-link:hover {
  color: var(--accent-color);
}

#blog .news-tabs .nav-tabs .nav-link.active {
  background-color: #00A04A;
  color: #FFFFFF;
}

#blog .news-tabs .tab-content {
  padding: 34px 4px 24px;
}

#blog .tab-post {
  padding: 16px 0;
  border-bottom: 1px solid color-mix(in srgb, #333333, transparent 90%);
}

#blog .tab-post:first-child {
  padding-top: 0;
}

#blog .tab-post:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

#blog .tab-post img {
  border-radius: 8px;
  width: 100%;
  height: 100px;
  object-fit: cover;
}

#blog .tab-post .post-content {
  padding-left: 16px;
}

#blog .tab-post .post-title {
  font-size: 15px;
  margin: 8px 0;
  line-height: 1.4;
}

#blog .tab-post .post-title a {
  color: #333333;
}

#blog .tab-post .post-title a:hover {
  color: #FF4A00;
}

#blog .category {
  display: inline-block;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  background-color: #00A04A;
  color: #FFFFFF;
  margin-right: 8px;
}

#blog .date {
  font-size: 14px;
  color: color-mix(in srgb, #333333, transparent 30%);
}

#blog .post-author {
  font-size: 13px;
  margin-top: 8px;
}

#blog .post-author span {
  color: color-mix(in srgb, #333333, transparent 30%);
}

#blog .post-author a {
  color: #00A04A;
  font-weight: 500;
}

#blog .post-author a:hover {
  color: color-mix(in srgb, #FF4A00, transparent 25%);
}

@media (max-width: 991.98px) {
  #blog .featured-post img {
    height: 400px;
  }

  #blog .featured-post .post-title {
    font-size: 28px;
  }

  #blog .secondary-post .post-image img {
    height: 220px;
  }

  #blog .news-tabs {
    margin-top: 32px;
  }
}

@media (max-width: 767.98px) {
  #blog .featured-post img {
    height: 500px;
  }

  #blog .featured-post .post-title {
    font-size: 24px;
  }

  #blog .featured-post .post-overlay {
    padding: 24px;
  }

  #blog .tab-post .post-title {
    font-size: 14px;
  }

  #blog .tab-post img {
    height: 80px;
  }
}

/*--------------------------------------------------------------
# Pagination 2 Section
--------------------------------------------------------------*/
.pagination-2 {
  padding-top: 0;
}

.pagination-2 nav {
  position: relative;
}

.pagination-2 ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.pagination-2 li {
  margin: 0;
  transition: all 0.3s ease-in-out;
}

.pagination-2 li a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 8px 16px;
  color: var(--default-color);
  background-color: #FFFFFF;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 2px 4px color-mix(in srgb, #333333, transparent 90%);
}

.pagination-2 li a.active {
  background-color: #333333;
  color: #FFFFFF;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px color-mix(in srgb, #333333, transparent 70%);
}

.pagination-2 li a:hover:not(.active) {
  background-color: color-mix(in srgb, #333333, transparent 90%);
  transform: translateY(-1px);
  box-shadow: 0 3px 6px color-mix(in srgb, #333333, transparent 85%);
}

.pagination-2 li a i {
  font-size: 14px;
}

.pagination-2 li a span {
  margin: 0 4px;
}

@media (max-width: 575px) {
  .pagination-2 ul {
    gap: 4px;
  }

  .pagination-2 li a {
    min-width: 36px;
    height: 36px;
    padding: 8px 12px;
    font-size: 14px;
  }
}

/*** 17 July Index | Industries We Serve ***/
#ui-ux-process-accordion .accordion-body ul.accordion-ul li{
  display: flex;
  gap: 10px;
  align-items: center;
  width: 100%;
}
#ui-ux-process-accordion .accordion-body ul.accordion-ul{
  justify-content: flex-start;
  width: 50%;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 115px;
}
.industry-serve .accordion-body{
  display: flex;
  justify-content: flex-end;
}