@import url('https://fonts.googleapis.com/css2?family=Plus Jakarta Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');

  /***** General CSS *****/

  body {
      word-break: break-word;
      font: 15px/25px 'Plus Jakarta Sans', sans-serif;
      color: #232323;
      overflow-x: hidden;
  }
  .carousel-caption>.container {
      margin-top: 8%;
  }
  a {
      text-decoration: none;
      color: #28b16d;
      white-space: initial;
  }

  a:hover,
  a:focus {
      text-decoration: none;
      color: #232323;
  }

  a:hover {
      transition: all 0.5s ease-in-out;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
  }

  img {
      max-width: 100%;
  }

  input[type="text"]:focus,
  textarea:focus,
  input[type="password"]:focus,
  select:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="tel"]:focus,
  input[type="number"]:focus {
      transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      outline: none;
  }

  select,
  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="url"],
  input[type="number"],
  textarea,
  input[type="tel"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
  }

  ul {
      margin: 0 0 20px;
      padding: 0;
      list-style-type: none;
  }

  p {
      font-weight: 600;
      line-height: 28px;
      color: #585858;
      font-size: 23px;
  }


  /***** Font Files *****/

  @font-face {
      font-family: 'Fonts Awesome';
      src: url(../fonts/fontawesome-webfont.eot);
      src: url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff) format("woff"), url(../fonts/fontawesome-webfont.ttf) format("truetype"), url(../fonts/fontawesome-webfont.svg#fontawesome-webfont) format("svg");
      font-weight: 400;
      font-style: normal
  }

  @font-face {
      font-family: 'CircularStd-Bold';
      src: url(../fonts/CircularStd-Bold.ttf);
      font-style: normal
  }

  /***** Custom Classes *****/

  .noPadding {
      padding: 0;
  }

  .noLeft {
      padding-left: 0;
  }

  .noRight {
      padding-right: 0;
  }

  .centerCol {
      float: none;
      margin: 0 auto;
  }

  .pt_8 {
      padding-top: 80px;
  }

  .pb_8 {
      padding-bottom: 80px;
  }

  .py_8 {
      padding: 80px 0px;
  }

  .theme_btn {
      padding: 0 25px;
      border: unset;
      border-radius: 7px;
      color: #ffffff;
      z-index: 1;
      position: relative;
      font-size: 18px;
      box-shadow: 4px 8px 19px -3px rgba(0, 0, 0, 0.27);
      transition: all 250ms;
      overflow: hidden;
      background: linear-gradient(90deg, rgba(108,170,67,1) 4%, rgba(132,196,64,1) 65%);
      width: fit-content;
      height: 52px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 500;
  }

  .theme_btn::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 0;
      border-radius: 7px;
      background-color: #000000;
      z-index: -1;
      -webkit-box-shadow: 4px 8px 19px -3px rgba(0, 0, 0, 0.27);
      box-shadow: 4px 8px 19px -3px rgba(0, 0, 0, 0.27);
      transition: all 250ms
  }

  .theme_btn:hover {
      color: #fff;
  }

  .theme_btn:hover::before {
      width: 100%;
  }

  .flexRow {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center;
  }

  .flexCol {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      align-items: center;
  }

  h1 {
      font-family: 'Plus Jakarta Sans', Sans-Serif;
      font-size: 75px;
      line-height: 1.2;
      color: #232323;
      font-weight: 700;
      margin: 0 0 17px;
  }

  h2 {
      font-family: 'Plus Jakarta Sans', Sans-Serif;
      font-size: 48px;
      line-height: 1.2;
      color: #000;
      font-weight: 700;
      margin: 0 0 30px;
  }

  h3 {
      font-family: 'Plus Jakarta Sans', Sans-Serif;
      font-size: 42px;
      line-height: 1.2;
      color: #000000;
      font-weight: 800;
      margin: 0 0 28px;
  }

  h4 {
      font-family: 'Plus Jakarta Sans', Sans-Serif;
      font-size: 24px;
      line-height: 1.2;
      color: #393939;
      font-weight: 500;
      margin: 0 0 13px;
  }

  h5 {
      font-family: 'Plus Jakarta Sans', Sans-Serif;
      font-size: 20px;
      line-height: 1.2;
      color: #393939;
      font-weight: 500;
      margin: 0 0 20px;
  }

  h6 {
      font-family: 'Plus Jakarta Sans', Sans-Serif;
      font-size: 18px;
      line-height: 1.2;
      color: #393939;
      font-weight: 500;
      margin: 0 0 22px;
  }

  select {
      background: #fff url('../images/arrow.png') no-repeat right;
      padding: 0 40px 0 30px;
  }

  ::-webkit-input-placeholder {
      color: #575757;
  }

  ::-moz-placeholder {
      color: #575757;
      opacity: 1;
  }

  :-ms-input-placeholder {
      color: #575757;
  }

  :-moz-placeholder {
      color: #575757;
      opacity: 1;
  }


  /*header css start */

  .menuSec {
      padding: 0px 0;
      color: #84c440;
  }

  .menuSec img {
      margin: 0;
  }

  .menuSec ul {
      list-style: none;
      padding: 0;
      margin: 0;
      text-transform: capitalize;
      display: flex;
      align-items: center;
      justify-content: space-between;
  }

  .menuSec ul li {
      display: inline-block;
      margin: 0;
      padding: 0;
      position: relative;
  }

  .menuSec li:hover ul {
      opacity: 1;
  }

  .menuSec ul li a {
      position: relative;
      text-decoration: none;
      color: #232323;
      font-size: 18px;
      font-family: 'Plus Jakarta Sans', Sans-Serif;
      text-transform: capitalize;
      font-weight: 400;
  }

  .menuSec ul li:last-child a:after {
      display: none;
  }

  .menuSec ul li a:hover,
  .menuSec ul li a.active {
      transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      color: #6CAA43;
  }

  .menuSec li>ul {
      position: absolute;
      z-index: 0;
      background-color: #000000;
      left: 0px;
      width: 200px;
      text-align: left;
      top: -80px;
      opacity: 0;
      transition: 0.5s ease-in-out;
      display: flex;
      flex-direction: column;
      justify-content: start;
      align-items: start;
  }

  .menuSec li:hover ul {
      transition: 0.5s ease-in-out;
      top: 40px;
      z-index: 99;
  }

  .menuSec li>ul>li>a {
      border: none;
      padding: 13px 20px !important;
      color: #fff !important;
      font-size: 13px;
      line-height: 20px;
      width: 100%;
  }

  .menuSec li>ul>li,
  .menuSec li>ul>li>a {
      display: block;
      margin: 0;
  }

  .menuSec li>ul>li>a:before,
  .menuSec li>ul>li>a:after {
      display: none;
  }

  .menuSec li:hover li {
      float: none;
      width: 100%;
  }

  .menuSec li ul li a:hover {
      background-color: #6CAA43;
      color: #fff !important;
  }

  .menuSec ul ul ul {
      left: 100%;
      top: 0;
  }

  .menuSec ul:before,
  .menuSec ul:after {
      content: " ";
      display: table;
  }

  .menuSec ul:after {
      clear: both;
  }

  .menuSec li>ul>li:hover>ul {
      left: 230px;
      top: 0px;
      width: 270px;
  }

  .droopdwon li:hover>ul {
      display: block;
      position: absolute;
      z-index: 1000;
      background-color: #000000;
      left: 0px;
      width: 230px;
      text-align: left;
      top: 40px;
  }

  .droopdwon {
      float: left;
  }

  .droopdwon li:hover li a:hover {
      background-color: #ffffff;
      color: #000 !important;
  }


  /*header css start */

  .dropdown-menu {
      position: absolute !important;
      z-index: 1000;
      display: block;
      min-width: 10rem;
      padding: 0.5rem 0;
      margin: 0;
      font-size: 1rem;
      color: #212529;
      text-align: left !important;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid rgba(0, 0, 0, 0.15);
      border-radius: 0.25rem;
  }


  /*banner css start */


  /* Tab slider fix  */

  .tab_sec .tab-pane {
      display: block;
      border: 0;
      height: 0;
  }

  .tab_sec .tab-pane.active {
      display: block !important;
      height: auto;
  }


  /* Tab slider fix  */

  .carousel-inner>.item>a>img,
  .carousel-inner>.item>img {
      width: 100%;
  }

  .carousel-control.right,
  .carousel-control.left {
      background: none;
      opacity: 1;
      width: 50px;
      height: 50px;
      top: initial;
      top: 40%;
      background: rgba(255, 255, 255, 0.1);
      text-shadow: none;
  }

  .carousel-control.right:hover,
  .carousel-control.left:hover {
      background: rgba(255, 27, 27, 0.6);
      color: #fff;
  }

  .carousel-control.right .fa,
  .carousel-control.left .fa {
      position: relative;
      top: 12px;
      font-size: 20px;
      color: #fff;
      opacity: 0.5;
  }

  .carousel-control.right {
      right: 0px;
  }

  .carousel-control.left {
      left: 0px;
  }

  .carousel-indicators [data-bs-target] {
      box-sizing: content-box;
      flex: 0 1 auto;
      width: 10px;
      height: 12px;
      padding: 0;
      margin: 3px!important;
      text-indent: -999px;
      cursor: pointer;
      background-color: #fff;
      background-clip: padding-box;
      border: 0;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      opacity: 1;
      /* transition: opacity 0.6s ease; */
      border-radius: 20px;
  }

  .carousel-caption {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      left: 0;
      right: 0;
      margin: 0;
      padding: 0;
      color: #fff;
      text-align: left;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center;
  }

  .carousel-indicators li {
      border: none;
      border-radius: 100%;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      background: #fff;
      width: 12px;
      height: 12px;
      margin: 0;
  }

  .carousel-indicators .active {
      margin: 0;
      background-color: #28b16d;
      width: 10px;
      height: 12px;
  }


  /*banner css end*/

  .blog_sec {
      padding: 5% 0;
  }


  /* Tabs  */

  .tab_sec .nav-tabs .nav-link.active {
      background: #242889;
      color: #fff;
  }

  .tab_sec .nav-tabs .nav-link {
      background: #ccc;
      border-radius: 50px;
      color: #000;
      padding: 7px 28px;
  }

  .tab_sec .nav-tabs {
      border: none;
      justify-content: center;
      gap: 20px;
      margin-bottom: 20px;
  }


  /* Tabs  */
  /* ========================================================= Home ========================================================= */
  header {
      position: absolute;
      width: 100%;
      top: 20px;
      z-index: 9999;
  }
  .green{
      color: #6CAA43;
  }
  .banner_img {
      position: relative;
  }


  img.ban-loc {
      position: absolute;
      left: -190px;
      top: 58%;
      transform: translate(0, -50%);
  }

  img.ban-map {
      position: absolute;
      left: 0;
      left: -90px;
      top: 77%;
      transform: translate(0, -50%);
      z-index: -1;
  }

  img.ban-mob {
      margin: 0 0 0 auto;
      display: block;
  }
  .banner_text p {
      font-size: 20px;
      line-height: 30px;
      margin-bottom: 40px;
      color: #232323;
  }


  .ban-img-app {
      display: flex;
      align-items: center;
      gap: 30px;
  }

  .ban-img-app a img {
      width: 220px;
      object-fit: contain;
  }
  section.app-feature {
      padding: 80px 0;
  }
  .top-heading {
      text-align: center;
      margin-bottom: 110px;
  }
  .app-feat-text h3 span {
      color: #6CAA43;
      font-weight: 800;
  }
  .app-feat-img img {
      height: 700px;
      width: 348px;
  }

  .app-feat-text p {
      margin-bottom: 30px;
  }

  section.app-feature .row {
      align-items: center;
  }
  .theme_btn.btn2 {
      gap: 14px;
  }

  .theme_btn.btn2 i {
      color: #fff;
      font-size: 21px;
  }
  .bfr {
      position: relative;
  }

  .bfr:before {
      position: absolute;
      content: '';
      background-image: url(../images/clock1.svg);
      background-size: contain;
      width: 300px;
      height: 300px;
      left: -90px;
      top: 0;
  }
  .bfr:after{
      position: absolute;
      content: '';
      background-image: url(../images/map2.png);
      background-size: contain;
      width: 560px;
      height: 560px;
      right: -90px;
      top: 60px;
      z-index: -1;
      background-repeat: no-repeat;
  }
  .app-feat-img {
      text-align: center;
  }

  .ovel {
      position: relative;
      z-index: 0;
  }

  .ovel:before {position: absolute;content: '';background: linear-gradient(90deg, rgb(64 182 73) 4%, rgb(133 197 64) 65%);width: 530px;height: 360px;border-radius: 180px;left: 0;right: 0;margin: 0 auto;z-index: -1;bottom: 3px;}
  section.app-feature.pers-travel.bfr:after {
      display: none;
  }
  section.app-feature.pers-travel.bfr {
      padding-top: 0;
      margin-top: -100px;
  }


  section.app-feature.pers-travel.bfr:before {
      left: unset;
      right: -130px;
      width: 400px;
      height: 399px;
  }

  section.app-feature.intelligent.bfr:before {
      display: none;
  }

  section.app-feature.intelligent.bfr:after {
      right: unset;
      left: -120px;
      width: 700px;
      height: 700px;
      z-index: -1;
  }
  section.screen-shot .container-fluid {
      padding: 0 10%;
  }


  section.screen-shot {
      padding: 80px 0;
      position: relative;
  }
  section.screen-shot:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: url(../images/ss-bg.png);
      filter: grayscale(100%);
      background-size: cover;
      z-index: -1;
  }


  section.screen-shot ul {
      display: flex;
      justify-content: space-between;
      gap: 10px;
  }

  section.screen-shot ul li img {
      width: 260px;
      height: 660px;
      object-fit: contain;
      transition: 0.5s;
      margin: 0 auto;
      display: block;
  }

  section.screen-shot ul li {
      width: 19%;
  }

  section.screen-shot ul li:hover a img {
      transform: scale(1.2);
  }
  section.screen-shot ul li:nth-child(3) {
      width: 24%;
  }

  section.screen-shot ul li:nth-child(3) a img {
      margin: 0 auto;
      display: block;
      transform: scale(1.2);
  }
  section.about {
      background-image: url(../images/abt-bg.png);
      background-size: cover;
      padding: 80px 0;
  }

  img.abt-mob {
      width: 310px;
      margin: 0 0 0 auto;
      display: block;
  }
  .top-heading h2 {
      text-transform: uppercase;
  }
  section.about .top-heading h2 {
      color: #fff;
  }
  .abt-text p {
      color: #fff;
      margin-bottom: 50px;
  }

  .theme_btn.btn2.btn3 {
      background: #fff;
      color: #2D2D2D;
  }

  .theme_btn.btn2.btn3 i {
      filter: brightness(0) saturate(100%) invert(69%) sepia(9%) saturate(3676%) hue-rotate(52deg) brightness(94%) contrast(54%);
  }

  .theme_btn.btn2.btn3:hover {
      color: #fff;
  }

  .abt-img {
      position: relative;
      z-index: 0;
  }

  img.abt-loc2 {
      position: absolute;
      left: -140px;
      top: 58%;
      transform: translate(0, -50%);
  }

  img.abt-map2 {
      position: absolute;
      left: -150px;
      top: 77%;
      transform: translate(0, -50%);
      z-index: -1;
  }

  .abt-text {
      width: 90%;
      margin: 0 0 0 auto;
  }
  section.contact-us {
      background: linear-gradient(90deg, rgb(60 182 74) 4%, rgb(140 198 63) 65%);
      padding: 80px 0;
  }

  .contact-us h2 {
      text-align: center;
      margin-bottom: 60px;
      color: #fff;
  }

  .contact-us form input, .contact-us form textarea {
      width: 100%;
      padding: 13px;
      background: transparent;
      color: #000;
      margin-bottom: 30px;
      font-size: 18px;
      margin-top: 5px;
      border: 1px solid #CDCDCD99;
  }

  .contact-us form input::placeholder, .contact-us form textarea::placeholder {
      color: #A2A2A2;
      font-size: 18px;
  }

  .contact-us form textarea {
      height: 143px;
  }
  button.theme_btn {
      width: 0%;
      margin: 0 auto;
      background: #fff;
      color: #000;
  }

  .hf-fields-wrap button.theme_btn {
      width: 100%;
      margin: 0 auto;
      background: #2EB15E;
      color: #FFFFFF;
      border-radius: 80px;
      font-weight: 600;
      font-size: 22px;
      line-height: 100%;
      letter-spacing: 0px;
      height: 70px;
  }

  footer {
      padding: 20px 0;
      text-align: center;
      background: #2EB15E;
      color: white;
  }

  .ftr-text {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 20px;
  }

  .ftr-text a p {
      margin: 0;
      font-size: 20px;
      color: #000;
      font-weight: 500;
      transition: 0.5s;
  }
  .ftr-text a p:hover {
      color: #80c441;
  }
  section.faqs {
      padding: 80px 0;
  }

  section.faqs  .accordion-item {
      border-radius: 20px;
      border: 0 !important;
      margin-bottom: 22px;
      background: linear-gradient(90deg, rgb(137 210 144) 4%, rgb(178 219 138) 65%);
  }

  section.faqs  .accordion-button {
      border-radius: 20px !important;
      box-shadow: unset;
      background: transparent;
      padding: 34px 20px;
      color: #000;
      font-weight: 500;
      font-size: 20px;
  }
  section.faqs  .accordion-item:first-of-type, section.faqs  .accordion-item:last-of-type {
      border-radius: 20px;
  }


  section.faqs .accordion-button:not(.collapsed) {
      padding-top: 50px;
      padding-bottom: 0;
  }
  section.faqs .accordion-body p {
      color: #000;
      margin: 0;
      font-size: 14px;
  }

  section.faqs .accordion-button::after{
      display: none;
  }
  section.faqs.bfr:before {
      background-image: url(../images/faq1.svg);
      width: 200px;
      background-repeat: no-repeat;
  }

  section.faqs.bfr:after {
      background-image: url(../images/faq1.svg);
      width: 200px;
      bottom: 0;
      top: unset;
      transform: unset;
      height: 300px;
  }
  /* ====================================================== Home End ========================================================= */
  header.header.sticky {
    position: fixed !important;
    top: 0;
    width: 100%;
    background-color: #ffff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    padding: 0px 0px;
  }

  .header-btn a.theme_btn {
      padding: 12px 16px;
      height: auto;
      line-height: 100%;
  }

  header.header img.custom-logo {
      max-height: 100px;
      padding: 10px 0;
      width: auto;
  }


  .header-btn.centerwhite {
      margin: auto;
  }

  .header-btn.centerwhite a {
      background: #fff;
      color: #2EB15E;
  }

  section#features, section#optimization, section#check-in, section#Schedule {
      padding-bottom: 0;
  }

  .industry-table {
      width: 100%;
      text-align: left;
      border-collapse: collapse;
      border-radius: 18px 18px 0 0;
      overflow: hidden;
  }

  .industry-table thead {
      background-color: #2EB15E;
      color: #fff;
  }

  .industry-table th {
      padding: 25px;
      font-size: 24px;
  }

  .industry-table td {
      padding: 25px;
      font-weight: 500;
      font-size: 18px;
      line-height: 120%;
      letter-spacing: 0px;
      text-transform: capitalize;
  }

  .industry-table .industry-category {
      background: #2EB15E1F;
      font-weight: 700;
      font-size: 22px;
      line-height: 120%;
      text-transform: capitalize;
  }

  .pricing-section {
      background-color: #f8f9fa;
      padding: 0px 0 50px;
  }

  .pricing-heading {
      text-align: center;
      margin-bottom: 30px;
  }

  .pricing-heading h2 {
      font-size: 28px;
      font-weight: bold;
  }

  .pricing-tabs {
      display: flex;
      justify-content: center;
      max-width: 800px;
      height: 70;
      opacity: 1;
      border-radius: 80px;
      border-width: 1px;
      width: 100%;
      margin: 0 auto 50px;
      background: #364C710D;
      border: 1px solid #364C710F;
  }

  .pricing-tabs .tab-btn {
      padding: 10px 20px;
      border: none;
      border-radius: 50px;
      font-weight: bold;
      cursor: pointer;
      transition: background-color 0.3s, color 0.3s;
      width: 100%;
  }

  .pricing-tabs .monthly-btn {
      background-color: #000;
      color: #fff;
  }

  .pricing-tabs .yearly-btn {
      background-color: #f1f1f1;
      color: #6c757d;
  }

  .pricing-tabs .tab-btn.active {
      background-color: #000;
      color: #fff;
  }


  .pricing-tab-content {
      display: none;
  }

  .pricing-tab-content.active {
      display: block;
  }

  .pricing-card {
      border: 1px solid #364C711A;
      padding: 80px 20px 20px;
      text-align: center;
      border-radius: 12px;
      background-color:#364C710F;
      transition: transform 0.3s;
      border-top: 12px solid #060D17;
      display: flex;
      flex-direction: column;
      height: 100%;
  }

  .pricing-details {
      flex: 1;
  }

  .pricing-card:hover {
      border: 2px solid #2EB15E;
      border-top: 12px solid #2EB15E;
      background: #2EB15E14;
  }

  .pricing-card h3 {
      color: #060D17;
      font-weight: 700;
      font-size: 28px;
      line-height: 100%;
      letter-spacing: 0px;
      text-align: center;
      margin-bottom: 10px;
  }

  .pricing-card p {
      color: #74777D;
      font-weight: 500;
      font-size: 14px;
      line-height: 120%;
      letter-spacing: 0px;
      text-align: center;
      margin-bottom: 30px;
  }

  .pricing-card h2 b {
      font-size: 34px;
  }

  .pricing-card h2 {
      font-size: 22px;
      font-weight: bold;
      margin-bottom: 10px;
  }

  .pricing-card ul {
      list-style: none;
      padding: 0;
      text-align: left;
  }

  .pricing-card ul li {
      margin-bottom: 22px;
      font-weight: 600;
      font-size: 14px;
      line-height: 120%;
      display: flex;
      align-items: center;
      gap: 10px;
  }

  .pricing-card li:before {
      content: url(/wp-content/uploads/2025/11/Group-1686561367.png);
      margin-top: 5px;
  }

  .pricing-card .theme_btn {
      margin-top: 30px;
      width: 100%;
  }


  .enterprise-plan {
      text-align: left;
  }

  .enterprise-select,
  .enterprise-price {
      margin-bottom: 15px;
  }

  .enterprise-price {
      display: flex;
      width: 100%;
      justify-content: space-between;
      align-items: center;
      gap: 10px;
      height: 60px;
      border-radius: 12px;
      border-width: 1px;
      border: 1px solid #364C711A;
      padding: 10px;
  }

  .enterprise-select label,
  .enterprise-price label {
      font-size: 16px;
      font-weight: bold;
      color: #2D2D2D;
      margin-bottom: 5px;
      display: block;
  }

  .enterprise-select select {
      width: 100%;
      padding: 15px;
      border: none;
      border-radius: 12px;
      background-color: #fff;
      font-size: 16px;
      color: #000;
      border: 1px solid #364C711A;
      background: #364C7108;
      font-weight: 600;
      font-size: 16px;
      line-height: 150%;
  }

  .enterprise-price .price {
      font-size: 18px;
      font-weight: bold;
      color: #28a745;
      margin: 0;
  }

  .card.zoom-card {
      display: grid;
      grid-template-columns: 300px 1fr;
      gap: 20px;
      width: 100%;
      border: 2px solid #364C7133;
      background: #FFFFFF33;
      padding: 20px;
      border-radius: 12px;
      align-items: center;
  }

  .card.zoom-card h3 {
      font-weight: 700;
      font-size: 32px;
      line-height: 100%;
      letter-spacing: 0%;
      text-transform: capitalize;
  }

  .card.zoom-card p {
      font-family: Plus Jakarta Sans;
      font-weight: 600;
      font-size: 16px;
      line-height: 120%;
      text-transform: capitalize;
  }

  .card.zoom-card a.theme_btn {
      font-weight: 600;
      font-size: 16px;
      line-height: 120%;
      letter-spacing: 0px;
      text-align: center;
  }

  .carousel-indicators {
      text-align: center;
      margin-top: 20px;
  }

  .carousel-indicators button {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: #6c757d;
      margin: 0 5px;
      border: none;
      cursor: pointer;
  }

  .carousel-indicators .active {
      background-color: #28a745;
  }

  #whyChooseSlider .item {
      margin: 0 15px; /* 15px on each side creates a 30px gap */
  }

  .slick-slide {
      display: inline-block;
  }


  .slick-dots {
      text-align: center;
      margin-top: 20px;
      list-style: none;
      padding: 0;
  }

  .slick-dots li {
      display: inline-block;
      margin: 0 5px;
  }

  .slick-dots li button {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: #ddd;
      border: none;
      cursor: pointer;
      padding: 0;
  }

  .slick-dots li.slick-active button {
      background-color: #28a745; /* Active bullet color */
  }

  .slick-dots li button {
    background: #ADADAD66;
  }

  body .slick-dots li button:before {
    font-size: 20px;
    color: #ADADAD66;
  }

  .slick-dots li.slick-active button {
    background: #2EB15E;
  }

  .slick-dots li.slick-active button:before {
    font-size: 24px;
  }

  .footerbottom p {
      margin: 0;
      font-size: 14px;
      color: #fff;
      font-weight: 500;
      text-align: right;
  }

  .footertop p {
      margin-top: 30px !important;
      font-weight: 800;
      font-size: 24px;
      line-height: 100%;
      letter-spacing: 0px;
      text-transform: capitalize;
      color: white;
  }

  .footertop {
      justify-content: space-between;
      width: 100%;
  }

  .footertop nav {
      text-align: right;
  }

  .footertop nav a:last-child {
      margin-right: 0;
  }

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

  .slick-slide {
    transform: scale(0.8);
    transition: all 0.4s ease-in-out;
    padding: 40px 0;
  }


  .slick-slide img {
    max-width: 100%;
    transition: all 0.4s ease-in-out;
  }

  .slick-center {
    transform: scale(1.1);
  }

  #whyChooseSlider.slider {
    width: 100%;
    margin: 30px auto 100px;
  }

  section#why-choose .top-heading {
      margin: 0;
  }

  #whyChooseSlider.slider .item {
    max-width: 1000px;
  }

  h2.contact-heading {
    font-weight: 800;
    font-size: 42px;
    line-height: 100%;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #000000;
  }

  input#custom-employee-input-year {
    width: 100%;
    padding: 15px;
    border: none;
    border-radius: 12px;
    background-color: #fff;
    font-size: 16px;
    color: #000;
    border: 1px solid #364C711A;
    line-height: 150%;
    background: #364C7108;
}

input#custom-employee-input {
    width: 100%;
    padding: 15px;
    border: none;
    border-radius: 12px;
    background-color: #fff;
    font-size: 16px;
    color: #000;
    line-height: 150%;
    border: 1px solid #364C711A;
    background: #364C7108;
}

  @media only screen and (min-width: 768px){
      .desk-reverse {
          flex-direction: row-reverse;
      }
      .align-right-desktop {
          text-align: right;
      }
      .align-right-desktop .ban-img-app {
        justify-content: flex-end;
      }  
      section#contact .row {
          display: flex;
          align-items: center;
      }
  }

  @media only screen and (max-width: 768px){
      .menuSec .header-btn:last-child {
          display: none;
      }
      .app-feature .app-img {
          margin-bottom: 40px;
      }
      .table-responsive table {
          width: 900px;
      }
      .card.zoom-card {
        grid-template-columns: 1fr;
        text-align: center;
      }
      .card.zoom-card a.theme_btn {
          margin: auto;
      }
      .contact-info {
          margin: 60px 20px 40px;
      }
      .footerbottom > div,
      .footerbottom p {
          width: 100%;
          text-align: center;
      }
      .footertop nav {
          text-align: center;
      }
      .top-heading {
          margin-bottom: 40px;
      }
      section.app-feature {
          padding: 70px 0 20px;
      }
      section#Reports, section#optimization, section#check-in, section#Schedule {
          padding-top: 10px;
      }
      .pricing-tab-content .row {
          gap: 30px;
      }
      .pricing-card {
        padding: 20px;
      }
      .pricing-card ul li {
          margin-bottom: 10px;
      }
      .pricing-card p {
          margin-bottom: 20px;
      }
      .pricing-card ul {
          margin-bottom: 0px;
      }
      .slick-slide {
        padding: 0;
      }
      section#why-choose .top-heading h2 {
        margin: 0;
      }
      section#why-choose {
        padding-top: 10px !important;
      }
      #whyChooseSlider.slider {
        margin-top: 0 !important;
        margin-bottom: 10px !important;
      }
      .contact-us h2 {
        margin-bottom: 30px !important;
      }
      .industry-table th {
          padding: 17px;
          font-size: 18px;
      }
      .industry-table td {
          padding: 17px;
          font-size: 16px;
      }
      .industry-table .industry-category {
          font-size: 16px;
      }
  }

  @media only screen and (min-width: 1320px){
      section#contact .col-md-8 {
          max-width: 800px;
      }
      section#contact .col-md-4 {
          max-width: 420px;
          margin-left: auto;
      }
  }

  @media only screen and (min-width: 1366px) and (max-width: 1920px){}

  @media only screen and (min-width: 1200px) and (max-width: 1365px){}

  @media only screen and (min-width: 992px) and (max-width: 1199px){
      .menuSec ul li a {
    font-size: 11px !important;
  }
  .carousel-caption > .container {
    margin-top: 30%;
  }
  h1 {
    font-size: 45px;
    line-height: 1.2;
  }
  .banner_text p {
    font-size: 14px;
    line-height: 22px;
  }
  img.ban-mob {
    height: 340px;
    object-fit: contain;
  }
  img.ban-loc {
    object-fit: contain;
    left: -126px;
  }
  img.ban-map {
    left: -32px;
  }
  .theme_btn {
      font-size: 8px !important;
      height: 40px;
      padding: 0 4px !important;
    }
  h2 {
    font-size: 40px;
    line-height: 1.2;
  }
  h3 {
    font-size: 30px;
  }
  p {
    line-height: 20px;
    font-size: 14px;
  }
  .ovel::before {
    width: 100%;
    height: 150px;
  }
  .bfr::after {
    width: 260px;
    height: 190px;
  }
  .bfr::before {
    width: 180px;
    height: 170px;
    background-repeat: no-repeat;
  }
  section.app-feature.intelligent.bfr::after {
    width: 280px;
    height: 360px;
  }
  section.screen-shot ul {
    flex-wrap: wrap;
  }
  section.screen-shot ul li {
    width: 14%;
  }
  section.screen-shot ul li img {
    height: 250px;
  }
  .video-sec video {
    width: 100%;
    height: 430px;
  }
  html {
    overflow-x: hidden;
  }
  body {
    overflow-x: hidden;
  }

  }

  @media only screen and (min-width: 768px) and (max-width: 991px){
      
  .menuSec ul li a {
    font-size: 11px !important;
  }
  .carousel-caption > .container {
    margin-top: 30%;
  }
  h1 {
    font-size: 45px;
    line-height: 1.2;
  }
  .banner_text p {
    font-size: 14px;
    line-height: 22px;
  }
  img.ban-mob {
    height: 340px;
    object-fit: contain;
  }
  img.ban-loc {
    object-fit: contain;
    left: -126px;
  }
  img.ban-map {
    left: -32px;
  }
  .theme_btn {
      font-size: 8px !important;
      height: 40px;
      padding: 0 4px !important;
    }
  h2 {
    font-size: 40px;
    line-height: 1.2;
  }
  h3 {
    font-size: 30px;
  }
  p {
    line-height: 20px;
    font-size: 14px;
  }
  .ovel::before {
    width: 100%;
    height: 150px;
  }
  .bfr::after {
    width: 260px;
    height: 190px;
  }
  .bfr::before {
    width: 180px;
    height: 170px;
    background-repeat: no-repeat;
  }
  section.app-feature.intelligent.bfr::after {
    width: 280px;
    height: 360px;
  }
  section.screen-shot ul {
    flex-wrap: wrap;
  }
  section.screen-shot ul li {
    width: 14%;
  }
  section.screen-shot ul li img {
    height: 250px;
  }
  .video-sec video {
    width: 100%;
    height: 430px;
  }
  html {
    overflow-x: hidden;
  }
  body {
    overflow-x: hidden;
  }

  }

  @media only screen and (min-width: 520px) and (max-width: 767px){
      .theme_btn {
    padding: 10px 16px !important;
    font-size: 11px;
  }
  .carousel-caption > .container {
  }
  .img-fluid {
  }
  .img-fluid {
    height: 700px;
  }
  h1 {
    font-size: 44px;
    line-height: 1.2;
  }
  .banner_text p {
    font-size: 12px;
    line-height: 20px;
  }
  img.ban-mob {
    height: 300px;
  }
  img.ban-loc {
    left: -53px;
  }
  h2 {
    font-size: 34px;
    line-height: 1;
  }
  .app-feat-img img {
    height: 410px;
    width: 100%;
    object-fit: contain;
  }
  .ovel::before {
    width: 90%;
    height: 190px;
  }
  .app-feat-img {
    margin-bottom: 30px;
  }
  h3 {
    font-size: 28px;
    line-height: 1.1;
  }
  p {
    line-height: 20px;
    font-size: 12px;
  }
  section.app-feature.pers-travel.bfr {
    margin-top: 0;
  }
  .app-feat-text {
    margin-bottom: 30px;
  }
  section.screen-shot .container-fluid {
    padding: 0 0%;
  }
  section.screen-shot ul {
    flex-wrap: wrap;
  }
  section.screen-shot ul li {
    width: 48%;
  }
  section.screen-shot ul li:nth-child(3) {
    width: 48%;
  }
  section.screen-shot ul li img {
    width: 100%;
    height: auto;
  }
  .video-sec video {
    height: 500px;
  }
  img.abt-mob {
    width: 100%;
    height: 400px;
    object-fit: contain;
  }
  img.abt-loc2 {
    left: 0px;
  }
  .abt-img.wow.bounceIn {
    visibility: visible;
    margin-bottom: 40px;
  }
  .abt-text {
    width: 100%;
  }
  section.faqs .accordion-button {
    font-size: 14px;
    line-height: 20px;
  }
  .contact-us form input {
    margin-bottom: 20px;
  }
  .contact-us form textarea {
    height: 80px;
    margin-top: 0px;
  }
  .ftr-text {
    flex-wrap: wrap;
  }
  .ftr-text a p {
    font-size: 14px;
  }
  header.header.sticky {
    position: relative !important;
  }
  html {
    overflow-x: hidden;
  }
  body {
    overflow-x: hidden;
  }
  .banner_img {
    margin-top: 30px;
  }


  }

  @media only screen and (min-width: 300px) and (max-width: 519px){
      
  .theme_btn {
    padding: 10px 16px !important;
    font-size: 11px !important;
  }
  .img-fluid {
    height: 700px;
  }
  h1 {
    font-size: 44px;
    line-height: 1.2;
  }
  .banner_text p {
    font-size: 12px;
    line-height: 20px;
  }
  img.ban-mob {
    height: 300px;
  }
  img.ban-loc {
    left: -53px;
  }
  h2 {
    font-size: 34px;
    line-height: 1;
  }
  .app-feat-img img {
    height: 410px;
    width: 100%;
    object-fit: contain;
  }
  .ovel::before {
    width: 90%;
    height: 190px;
  }
  .app-feat-img {
    margin-bottom: 30px;
  }
  h3 {
    font-size: 28px;
    line-height: 1.1;
  }
  p {
    line-height: 20px;
    font-size: 12px;
  }
  section.app-feature.pers-travel.bfr {
    margin-top: 0;
  }
  .app-feat-text {
    margin-bottom: 30px;
  }
  section.screen-shot .container-fluid {
    padding: 0 0%;
  }
  section.screen-shot ul {
    flex-wrap: wrap;
  }
  section.screen-shot ul li {
    width: 48%;
  }
  section.screen-shot ul li:nth-child(3) {
    width: 48%;
  }
  section.screen-shot ul li img {
    width: 100%;
    height: auto;
  }
  .video-sec video {
    height: 500px;
  }
  img.abt-mob {
    width: 100%;
    height: 400px;
    object-fit: contain;
  }
  img.abt-loc2 {
      left: -70px;
      width: 160px;
      top: inherit;
      bottom: 0;
  }
  .abt-img.wow.bounceIn {
    visibility: visible;
    margin-bottom: 40px;
  }
  .abt-text {
    width: 100%;
  }
  section.faqs .accordion-button {
    font-size: 14px;
    line-height: 20px;
  }
  .contact-us form input {
    margin-bottom: 20px;
  }
  .contact-us form textarea {
    height: 80px;
    margin-top: 0px;
  }
  .ftr-text {
    flex-wrap: wrap;
  }
  .ftr-text a p {
    font-size: 14px;
  }
  header.header.sticky {
    position: relative !important;
  }
  html {
    overflow-x: hidden;
  }
  body {
    overflow-x: hidden;
  }
  .banner_img {
    margin-top: 30px;
  }

  header {
    position: relative;
    top: 0px;
  }


  }