html {
  scroll-behavior: smooth;
  scroll-padding-top: 50px;
}
.login-btn {
  background: #212121;
  color: #fff;
  font-size: 18px;
  padding: 15px 24px;
  border-radius: 50px;
}

.demo-btn {
  background: #FA9A00;
  color: #fff;
  font-size: 18px;
  padding: 16px 30px;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.enquiry-box .demo-btn.req-demo:hover {
  box-shadow: 0 4px 15px 0 #198754;
}
.demo-btn:hover {
  color: #fff;
  transition: ease 0.2s all;
  box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75);
  background: #ed9a16;
}

.hero-section {
  padding: 90px 0 60px;
  background: url("../../assets/img/gradient-bg.jpg") no-repeat;
  background-position: center;
}

@media (max-width: 992px) {
  .hero-section {
    padding: 40px 0 25px;
  }
  .module-filter .col-md-5 {
    margin-bottom: 20px;
}
.price-box {
margin-bottom: 25px;
}
}

.hero-section h1, .hero-title {
  font-size: 3.5rem;
  color: #212121;
  font-weight: 600;
}

@media (max-width: 767px) {
  .hero-section h1, .hero-title {
    font-size: 2rem;
    color: #212121;
    font-weight: 600;
  }
}

.inner-hero-section h1 {
  font-size: 3.5rem;
  color: #212121;
  font-weight: 600;
}

@media (max-width: 767px) {
  .inner-hero-section h1 {
    font-size: 1.8rem;
  }
}

@media (max-width: 767px) {
  .hero-section h1 {
    font-size: 2.25rem;
  }
}

.hero-section h3 {
  font-size: 2.25rem;
  font-weight: 600;
  margin: 25px 0;
  color: #212121;
}

@media (max-width: 767px) {
  .hero-section h3 {
    font-size: 1.25rem;
  }
}

h1, h2, h3, h4, h5, h6, p, span, a, li, .btn {
  font-family: 'Poppins';
}

@media (min-width: 1300px) {
  .hero-section p {
    font-size: 1.125rem;
    margin: 26px 160px 30px;
    line-height: 28px;
  }
}

.nav-link {
  color: #212121;
  font-size: 18px;
  margin-right: 14px;
  transition: ease 0.2s all;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .nav-link {
    margin-right: 0;
    font-size: 15px;
  }
}

.triangle {
  position: absolute;
  right: 0;
}

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

.hero-cont {
  position: relative;
}

.sec-heading {
  font-size: 34px;
  font-weight: 600;
}

@media (min-width: 1600px) {
  .clients-row {
    width: 90%;
  }
}

.clients-row {
  background: #008060;
  padding: 40px;
  border-radius: 20px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .clients-row {
    padding: 20px 0;
    width: 100%;
  }
}

.clients-row .sec-title {
  color: #fff;
  margin-bottom: 40px;
  font-size: 2.125rem;
}

@media (max-width: 767px) {
  .clients-row .sec-title {
    font-size: 1.5rem;
    line-height: 30px;
  }
}

.client-logos {
  margin: 70px 0;
}

.black-btn {
  background: #212121;
  color: #fff;
  padding: 18px 30px;
  border-radius: 10px;
}

@media (min-width: 1024px) and (max-width: 1399px) {
  .black-btn {
    padding: 14px 20px;
  }
}

.feature-row {
  background: #fff;
  /*border: 1px solid #E2E2E2;*/
  border-radius: 20px;
  padding: 16px 10px;
  margin: 0;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
}

.home-features {
  background: #F8F9F9 url("../../assets/img/ellipse-grad-bg.png") no-repeat;
  background-position: center right;
  padding: 110px 0;
}

@media (max-width: 767px) {
  .home-features {
    padding: 50px 0;
  }
}

.feature-row p {
  margin-bottom: 0;
  font-size: 15px;
}

.feature-row h4 {
  font-size: 1.5rem;
  font-weight: 500;
}

.green-subhead {
  color: #008060;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 1.375rem;
  font-weight: 600;
}

.white-subhead {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 22px;
  font-weight: 600;
}

.sec-title {
  color: #212121;
  font-size: 2.75rem;
  font-weight: 600;
  line-height: 3.875rem;
}

@media (min-width: 1024px) and (max-width: 1399px) {
  .sec-title {
    font-size: 2rem;
  }
}

@media (max-width: 767px) {
  .sec-title {
    font-size: 1.75rem;
    line-height: 2.2rem;
  }
}

p {
  color: #414141;
  font-size: 16px;
  line-height: 26px;
}

.home-middle {
  padding: 90px 0 0;
}

@media (max-width: 767px) {
  .home-middle {
    padding: 50px 0;
  }
}

.black-btn:hover {
  background: #3d3d3d;
  color: #fff;
}

@media (min-width: 1300px) {
  .partnr-txt {
    padding-top: 100px;
  }
}

.g-list svg {
  color: #008060;
  margin-right: 14px;
}

.g-list li {
  margin-bottom: 10px;
  color: #414141;
}

.partnr-txt p, .partnr-txt li {
  font-size: 17.5px;
  line-height: 32px;
}

.home-integrations, .legal-cta, .helpdesk-bullets {
  background: #008060 url("../../assets/img/cicle-bg.png") right bottom no-repeat;
  padding: 60px;
  border-radius: 30px;
}

@media (max-width: 767px) {
  .home-integrations, .legal-cta {
    padding: 20px;
  }
}

@media (max-width: 767px) {
  .home-integrations {
    padding: 20px;
    border-radius: 30px;
    margin: 0;
  }
}

.home-integrations .sec-title {
  color: #fff;
}

.footer-lg-ul li a {
  font-size: 20px !important;
  font-weight: 500;
}

.foot-cta a {
  color: #fa9a00;
}

footer li a:hover {
  color: #fff;
  transition: ease 0.2s all;
}

.home-indus {
  padding: 0 0 60px;
}

.indus-carousel .item {
  margin: 0px !important;
}

.inds-item h4 {
  font-size: 24px;
  color: #212121;
  margin: 24px 0 16px;
}

.inds-item p {
  font-size: 15px;
}

.inds-item a {
  font-weight: 500;
  font-size: 16px;
  color: #008060;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.nav.nav-tabs.top-nav {
  border: none;
}

.pull-right {
  float: right;
}

.semi-bold {
  font-weight: 600;
}

@media (min-width: 768px) {
  .mega-nav .dropdown-menu {
    width: 100%;
    left: 0;
    right: 0;
    top: 90px;
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s linear;
  }
}

@media screen and (min-width: 767px) {
  .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
    display: block;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 0.3s linear;
  }
}

@media screen and (min-width: 768px) {
  .mega-nav .dropdown {
    position: static;
    z-index: 9999;
  }
}

.main-nav {
  padding: 0;
}

@media (min-width: 1600px) {
  .container {
    max-width: 1520px;
  }
}

.menu-sol {
  background: #f8f9f9;
  padding: 25px;
}

.top-dropdown {
  padding: 0;
  border: 0;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.menu-tabs .nav {
  float: left;
  display: block;
  width: 34%;
  border: 0;
}

.menu-tabs .nav-item {
}

.menu-tabs .tab-content {
  float: left;
  width: 65%;
}

.menu-tabs .nav-link {
  border: none !important;
  padding: 12px 20px !important;
  margin-bottom: 20px;
  border-radius: 6px;
  border: 1px solid #212121 !important;
  font-weight: 500;
  font-size: 18px;
}

.menu-tabs .nav-link.active {
  background: #008060;
  color: #fff !important;
  border-color: #008060 !important;
}

.pm-col-1, .pm-col-2 {
  padding: 40px;
}

.mega-nav h5 {
  font-size: 20px;
  color: #212121 !important;
  font-weight: 500;
}

.g-link {
  color: #008060;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
}

.top-dropdown p {
  font-size: 14px;
  margin-bottom: 13px;
}

.menu-f-links li > a {
  color: #000;
  text-decoration: none;
  font-size: 16px;
  display: block;
  padding: 8px 14px;
}

.f-18 {
  font-size: 18px !important;
}

.f-16 {
  font-size: 16px !important;
}

.pm-col-1 .black-btn {
  position: relative;
  top: -50px;
}

@media (min-width: 1300px) {
  .pt-10 {
    padding-top: 2.3rem;
  }
}

@media (min-width: 1600px) {
  .pt-10 {
    padding-top: 7.75rem;
  }
}

.btn:hover {
  transition: ease 0.2s all;
}

.btn {
  transition: ease 0.2s all;
}

.circle-el {
  position: absolute;
  left: 0;
}

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

.rotate {
  animation: rotation 1s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.m-anim {
  animation: rotation 7s infinite linear;
}

@keyframes m-anim {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.inner-hero-section {
  padding: 80px 0;
}

@media (max-width: 767px) {
  .inner-hero-section {
    padding: 50px 0;
  }
}

.gradient-row {
  background: url("../../assets/img/gradient-bg.jpg");
  background-size: cover;
}

.full-feaures-list {
  padding: 90px 0;
}

.feature-list li a {
  display: block;
  padding: 14px 20px;
  text-decoration: none;
  font-size: 20px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  border-radius: 0 10px 10px 0;
}

.feature-list li {
  margin-bottom: 20px;
}

.feature-list.green li a {
  border-left: 4px solid #008060;
}

.feature-list.red li a {
  border-left: 4px solid #DC4632;
}

.feature-list.blue li a {
  border-left: 4px solid #00A8E1;
}

.feature-list.orange li a {
  border-left: 4px solid #FA9A00;
}

.feature-list.green li a:hover {
  box-shadow: 0 0 15px rgba(0,128,96,0.3);
}

.feature-list.red li a:hover {
  box-shadow: 0 0 15px rgba(220,70,50,0.3);
}

.feature-list.blue li a:hover {
  box-shadow: 0 0 15px rgba(0,168,225,0.3);
}

.feature-list.orange li a:hover {
  box-shadow: 0 0 15px rgba(250,154,0,0.3);
}

.plat-int-sec {
  background: #f8f9f9;
}

.sf-int-sec {
  background: #F8F9F9 url("../../assets/img/gradient-bg-1.png") no-repeat center;
  padding: 60px 0;
  background-size: contain;
}

.faqs-sec {
  background: #FFF6E9;
  padding: 90px 0;
}

.faqs-sec {
}

#platform-accordion .accordion-item {
  background: none !important;
  border: 0;
  margin-bottom: 20px;
}

#accordion-inner-tabs .accordion-item, #accordion-inner-tabs-1 .accordion-item, #accordion-inner-tabs-2 .accordion-item {
  background: none !important;
  border: 0;
  margin-bottom: 20px;
}

#platform-accordion .accordion-button {
  color: #212121;
  font-size: 20px;
  border: 1px solid #212121;
  border-radius: 10px;
  font-weight: 500;
  background: #fff !important;
}

#accordion-inner-tabs .accordion-button, #accordion-inner-tabs-1 .accordion-button, #accordion-inner-tabs-2 .accordion-button {
  color: #212121;
  font-size: 20px;
  border: 1px solid #E2E2E2;
  border-radius: 10px;
  font-weight: 500;
  background: #fff !important;
}

.platform-tabs .tab-content {
  padding: 50px 0;
}

.portfolio-tabs-sec {
  background: #f8f9f9 url("../../assets/img/circle-big-bg.png") no-repeat bottom right;
}

.platform-tabs .nav-link.active {
  background: none !important;
  border: none;
  color: #008060 !important;
  border-bottom: 2px solid !important;
}

.platform-tabs .nav-link {
  border: none !important;
  padding: 16px 24px;
}

.platform-tabs .nav.nav-tabs {
  text-align: center;
  margin: 0 auto;
}

.single-feature-hero {
  padding: 70px 0;
}

@media (max-width: 767px) {
  .single-feature-hero {
    padding: 40px 0;
  }
}

.sf-row {
  background: #CEE8F9;
  padding: 60px 90px;
  width: 95%;
  border-radius: 30px;
  margin: 0 auto;
  background-image: linear-gradient(to right, #cee8f9 40%, #FFDEDA);
}

@media (max-width: 767px) {
  .sf-row {
    padding: 30px 20px;
    width: 100%;
  }
}

.feature-highlights {
  padding: 0 0 60px;
}

.feature-highlights .row {
  box-shadow: 0 0 18px rgba(0,0,0,0.12);
  padding: 50px 40px;
  border-radius: 30px;
  position: relative;
}

@media (max-width: 767px) {
  .feature-highlights .row {
    padding: 40px 20px;
    margin: 0;
  }
}

.sf-inner-block h4 {
  font-size: 26px;
  font-weight: 600;
}

.sf-inner-block.br-1 {
  border-right: 1px solid #E2E2E2;
}

@media (max-width: 767px) {
  .sf-inner-block.br-1 {
    border-right: none;
  }
}

.sf-inner-block p {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
}

.b-shadow {
  box-shadow: 0 0 25px rgba(0,0,0,0.12);
  border-radius: 10px;
}

.lifestye-hero {
  padding: 200px 0;
  background: url(../../assets/img/platform-hero.png) no-repeat right top;
}

@media (min-width: 1200px) and (max-width: 1599px) {
  .solution-hero {
    background-position: 550px top !important;
  }
}


@media (max-width: 420px) {
  .solution-hero {
    padding: 280px 0 0 !important;
    background-position: top !important;
    background-size: contain !important;
  }
}

.sol-logos-car {
  padding: 100px 0;
}

@media (max-width:767px) {
  .sol-logos-car {
    padding: 50px 0;
  }
}

.arrow-list li {
  background: url(../../assets/img/g-arrow.png) no-repeat left;
  padding: 8px 0px 8px 30px;
  text-decoration: underline;
  color: #414141;
}

.sol-sec-2 {
  background: #F8F9F9 url("../../assets/img/circle-big-bg.png") no-repeat top right;
  padding: 80px 0;
}

.sol-lg-cont {
  background: url("../../assets/img/sol-middle-bg.png") no-repeat;
  width: 95%;
  margin: 0 auto 120px;
  padding: 60px 30px 10px;
  min-height: 460px;
  background-size: contain;
}

@media (max-width: 767px) {
  .sol-lg-cont {
    background: none;
    width: 100%;
    margin: 0 auto 40px;
    padding: 0px 10px 10px;
    min-height: auto;
  }
}

.sol-block {
  background: #fff url("../../assets/img/gradient-sl.png") no-repeat;
  padding: 25px 35px;
  border-radius: 20px;
  background-size: cover;
  transition: transform 0.5s ease, all 0.5s ease;
  position: relative;
  box-shadow: 0 0 22px rgba(0,0,0,0.12);
  min-height: 260px;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .sol-block {
    transition: none;
    min-height: 260px;
  }
}

.sol-lg-cont .row {
  position: relative;
  top: 220px;
}

@media (max-width: 767px) {
  .sol-lg-cont .row {
    position: relative;
    top: 0;
  }
}

.sol-block h4 {
  color: #212121;
  font-weight: 600;
  font-size: 24px;
}

.sol-block svg {
  color: #008060;
  font-size: 35px;
  position: relative;
  float: right;
  top: -25px;
}

.arrow-list, .bi-arrow-down-circle {
  display: none;
}

.sol-block:hover {
  transform: translateY(-50px);
}

@media (max-width: 767px) {
  .sol-block:hover {
    transform: none;
  }
}

.sol-accordion .accordion-button {
  background: none;
  border-top: 1.25px solid #000;
  box-shadow: none;
  border-radius: 0 !important;
  color: #212121;
  font-size: 20px;
  font-weight: 500;
  padding: 15px 0;
}

.sol-accordion .accordion-item {
  border: none;
  background: none;
  border-radius: 0 !important;
}

.accordion-item:last-child {
  border-bottom: 1px solid !important;
}

.sol-detailed .row {
  width: 90%;
  margin: 0 auto;
}

@media (min-width:992px) {
  .pe-lg--5 {
    padding-right: 5rem!important;
  }
}

.sol-accordion .accordion-body {
  padding: 0 0 20px;
}

.sol-hero-txt {
  background: url("../../assets/img/gr-bg-vg.png") no-repeat center;
  background-size: contain;
}

@media (min-width:992px) {
  .ps-lg--5 {
    padding-left: 5rem!important;
  }
}

.sol-services {
  padding: 70px 0;
}

.sol-s-block {
  padding: 25px;
  border-radius: 20px;
  border: 1px solid #E2E2E2;
  margin-bottom: 25px;
  background: #fff;
}

.resources-block {
  padding: 25px;
  border-radius: 20px;
  border: 1px solid #E2E2E2;
  margin-bottom: 25px;
  background: #fff;
}

.intP-block {
  padding: 25px;
  border-radius: 20px;
  border: 1px solid #E2E2E2;
  background: #fff;
}

.pm-section {
  background: #FFF6E9;
  padding: 90px 0;
}

@media (max-width: 767px) {
  .pm-section {
    padding: 50px 0;
  }
}

@media (min-width: 768px) {
  .pm-tabs .nav {
    float: left;
    display: block;
    width: 28%;
    border: 0;
    padding-right: 20px;
  }
}

@media (min-width: 768px) {
  .pm-tabs .tab-content {
    float: left;
    width: 72%;
  }
}

.pm-tabs a.nav-link {
  background: #fff;
  border: 1px solid #212121;
  margin-bottom: 10px;
  border-radius: 10px;
  padding: 15px 20px;
  transition: ease 0.5s all;
}

@media (max-width: 767px) {
  .pm-tabs a.nav-link {
    padding: 15px 15px;
    font-size: 15px;
  }
}

.pm-tabs a.nav-link.active {
  background: #212121;
  color: #fff;
}

.container-flex {
  display: flex;
  align-items: center;
}

.pm-tabs a.nav-link:hover {
  background: #212121;
  color: #fff;
  transition: ease 0.5s all;
}

.swoosh {
  color: #fa9a00;
  background: url("../../assets/img/swoosh.png") no-repeat bottom right;
  padding-bottom: 14px;
}

.g-list li {
  background: url(../../assets/img/check.png) no-repeat left 2px;
  padding: 0 35px 5px;
  color: #414141;
}

.mb--5 {
  margin-bottom: 5rem!important;
}

.case-studies {
  padding: 90px 0;
}

@media (max-width: 767px) {
  .case-studies {
    padding: 25px;
  }
}

.cust--row {
  background: #008060 url("../../assets/img/cicle-bg.png") no-repeat right bottom;
  border-radius: 30px;
}

.cust--row h5 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.cust--row h2, .cust--row p {
  color: #fff;
}

.strategy-hero {
  padding: 100px 0;
  background: url("../../assets/img/strategy-bg.jpg") no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .strategy-hero {
    padding: 50px 0;
  }
}

.sub-nav-sec {
  background: rgba(248, 249, 249, 1);
}

.subnav .nav-link, .subnav .nav-link.active {
  background: none;
  box-shadow: none !important;
  border: none;
}

.subnav .nav-link.active {
  color: rgba(0, 128, 96, 1);
  border-bottom: 4px solid;
  box-shadow: none;
}

.subnav .nav-link {
  padding: 20px 18px;
  margin-right: 50px;
  font-weight: 500;
}

@media (max-width: 768px) {
  .subnav .nav-link {
    padding: 20px 8px;
    margin-right: 10px;
    font-size: 15px;
  }
}

.service-milestone {
  padding: 90px 0;
  background: url("../../assets/img/curcle-grad.jpg") no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .service-milestone {
    padding: 50px 0;
  }
}

.service-milestone .feature-row {
}

.st-video-sec {
  padding: 90px;
}

@media (max-width: 768px) {
  .st-video-sec {
    padding: 40px 0;
  }
}

.expert-box {
  padding: 30px 22px;
  box-shadow: 0 0 22px rgba(0,0,0,0.12);
  border-radius: 15px;
  border-top: 6px solid #B3B3B3;
  background: #fff;
}

.expert-box h4 {
  color: #212121;
  font-size: 26px;
  font-weight: 600;
}

.expert-row {
  background: url("../../assets/img/gradient-bg.jpg") no-repeat top center;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.hidden {
  display: none;
}

.csu-hero {
  padding: 200px 0;
  background: url(../../assets/img/csu-banner.png) no-repeat right top;
}

.hospitality-hero {
  padding: 200px 0;
  background: url(../../assets/img/hospitality-travel.png) no-repeat right top;
}

.retailers-hero {
  padding: 200px 0;
  background: url(../../assets/img/retailer-banner.png) no-repeat right top;
}

.saas-hero {
  padding: 200px 0;
  background: url(../../assets/img/saas-banner.png) no-repeat right top;
}

.health-hero {
  padding: 200px 0;
  background: url(../../assets/img/health-banner.png) no-repeat right top;
}

.local-service-hero {
  padding: 200px 0;
  background: url(../../assets/img/local-banner.png) no-repeat right top;
}

.education-hero {
  padding: 200px 0;
  background: url(../../assets/img/education-banner.png) no-repeat right top;
}

.media-hero {
  padding: 200px 0;
  background: url(../../assets/img/media-sports.png) no-repeat right top;
}

@media (min-width: 768px) {
  .stat-box {
    color: #008060;
    max-width: 280px;
    border: 2px solid #008060;
    margin: 34px 0 30px;
    border-radius: 10px;
    padding: 11px 0;
  }
}

.stat-box h2 {
  font-size: 42px;
  font-weight: 600;
}

.stat-box p {
  font-weight: 600;
  color: #212121;
}

.service-partner-module {
  padding: 0 0 80px;
}

@media (max-width: 767px) {
  .service-partner-module {
    padding: 0 0 30px;
  }
}

.module-filter select {
  border: 1px solid #E2E2E2;
  padding: 10px;
  height: 54px;
  color: #414141 !important;
}

.module-filter select > option {
  color: #414141 !important;
}

.active > .page-link, .page-link.active {
  background-color: #008060 !important;
  border: 1px solid #008060 !important;
  color: #fff !important;
}

.page-item:not(:first-child) .page-link {
  margin-left: -1px;
}

nav.uc-pag .page-link {
  color: #008060;
  box-shadow: none !important;
}

input:focus, textarea:focus {
  outline: none !important;
  box-shadow: none !important;
  border: 1px solid #E2E2E2 !important;
}

.sub-title {
  font-size: 25px;
  font-weight: 600;
}

.filter-search input {
  border: 1px solid #E2E2E2;
  padding: 10px 17px;
  border-radius: 50px;
  background: #fff url("../../assets/img/search-ico.png") no-repeat 95% center;
}

.tech-partner-module {
  padding: 70px 0;
  background: #F8F9F9;
}

.resert-link {
  color: #008060;
  font-size: 20px;
  text-decoration: none;
}

.resert-link svg {
  font-size: 24px;
  margin-right: 8px;
}

.grey-divider {
  color: #ababab;
}

.filter-checkboxes .form-check-label {
  color: #212121;
  font-size: 18px;
  margin-bottom: 8px;
}

.stretegy-parter-hero {
  padding: 50px 0 !important;
}

.pricing-hero {
  padding: 60px 0;
  background: url("../../assets/img/gradient-small.png") no-repeat left center;
}

@media (max-width: 767px) {
  .pricing-hero {
    padding: 30px 20px;
  }
}

.legal-hero {
  padding: 60px 0;
  background: url("../../assets/img/gradient-small.png") no-repeat left center;
  background-size: 30%;
}

.policy-hero {
  padding: 35px 0;
  background: url("../../assets/img/gradient-small.png") no-repeat left center;
  background-size: 30%;
}

.pricing-page {
  padding: 0 0 60px;
  background: url("../../assets/img/grey-cricle.png") no-repeat right 30px;
}

.contact-page {
  padding: 0 0 60px;
}

.product-heading {
  background: #E6F3F0;
  padding: 12px 20px;
  text-align: center;
  border: 1px solid #80C0B0;
  border-radius: 10px;
}

.price-box h2 {
  font-size: 45px;
  font-weight: 600;
}

.price-box p, .price-box li {
  font-size: 18px;
  color: #414141;
}

.price-box {
  padding: 40px 25px;
  box-shadow: 0 0 20px rgba(0,0,0,0.12);
  border-radius: 20px;
  background: #fff;
}

.g-outline-btn {
  background: #F8F9F9;
  width: 100%;
  padding: 15px 20px;
  border: 1.5px solid #008060;
  font-size: 18px;
  font-weight: 500;
}

.price-disclaimer {
  color: #787878 !important;
  font-size: 16px !important;
}

.price-disclaimer a {
  color: #008060;
}

.price-box ul {
  min-height: 280px;
}

.bundle-list, .p-list {
  line-height: 2.8em;
}

.bundle-list li, .p-list li a {
      font-size: 18px;
    padding: 6px 14px;
    line-height: 22px;
    margin-bottom: 15px;
}

.p-list .active-p a, .active-li  {
  background: #F8F9F9;
  border-left: 4px solid #008060;
  display: block;
}
.price-box .sub-title {
    word-wrap: break-word;
        font-size: 22px;
}

.g-outline-btn:hover {
  background: #008060;
  color: #fff;
}

.p-list li a, .bundle-list li a {
  color: #212121;
  text-decoration: none;
}

.p-list li a:hover, .legal-list li a:hover {
  color: #008060;
}

.legal-list {
  font-size: 20px;
  line-height: 50px;
}

.legal-list li a {
  text-decoration: underline;
  color: #000;
}

.legal-cta h2 {
  color: #fff;
  line-height: 50px;
}

@media (max-width: 767px) {
  .legal-cta h2 {
    line-height: 34px;
  }
}

.career-hero {
  padding: 60px 0;
  background: url("../../assets/img/creer-hero-bg.jpg");
  background-size: cover;
}

.career-intro {
  padding: 70px 0;
}

@media (max-width: 767px) {
  .career-intro {
    padding: 30px 0;
  }
}

.career-card {
  border: 1px solid #E2E2E2;
  border-radius: 20px;
  padding: 0 10px 30px;
  width: 100%;
}

@media (max-width: 768px) {
  .career-card {
    margin-bottom: 3em;
  }
}

.career-card img {
  position: relative;
  margin-top: -50px;
}

.jobs-section {
  padding: 70px 0;
  background: #FFF6E9;
}

#accordion-career .accordion-button {
  font-size: 26px !important;
  padding: 27px 5px;
  display: block;
  padding-left: 50px;
  border-top: 2px solid;
}

#accordion-career .accordion-button::after {
  position: absolute;
  left: -10px;
  background-image: url("../../assets/img/careeer-arrow.png");
  height: 40px;
  width: 40px;
  background-size: 100%;
  margin-top: -20px;
}

.location {
  color: #008060;
  font-weight: normal;
  font-size: 20px;
}

#accordion-career .accordion-item:last-child {
  border-bottom: 2px solid !important;
}

#demoModal .modal-header, #demoModal .modal-footer {
  display: block;
  border: none;
}

#demoModal .btn, .contact-form .btn {
  width: 100%;
}

#demoModal .modal-content {
  padding: 20px 30px;
}

#demoModal .btn-close {
  position: absolute;
  right: 20px;
  top: 20px;
}

#demoModal label, .contact-form label {
  font-weight: 500;
  font-size: 18px;
}

.modal-title {
  font-size: 34px;
  font-weight: 600;
  color: #212121;
}

div#demoModal input, .contact-form input {
  height: 50px;
  border: 1px solid #DCDCDC;
  margin-bottom: 15px;
}

div#demoModal textarea, .contact-form textarea {
  height: 150px;
}

.contact-tabs ul.nav.nav-tabs {
  border: 0;
}

.contact-tabs a.nav-link {
  background: #ECE2FF;
  border-radius: 50px;
  padding: 10px 20px;
  font-size: 16px;
}

.contact-tabs .nav-link.active {
  background: #212121;
  color: #fff;
}

.enquiry-box {
  padding: 50px;
  box-shadow: 0 0 20px rgba(0,0,0,0.1);
  border-radius: 20px;
  border-left: 7px solid #008061;
  background: #fff;
}

@media (max-width: 768px) {
  .enquiry-box {
    padding: 25px;
  }
}

.enquiry-box h3 {
  font-size: 34px;
  font-weight: 600;
}

@media (max-width: 768px) {
  .enquiry-box h3 {
    font-size: 22px;
  }
}

.cs-enq-col {
  background: url("../../assets/img/gradient-bg.jpg") no-repeat;
  background-size: 100%;
}

.about-hero {
  padding: 100px 0;
  background: #F8F9F9 url("../../assets/img/circle-grad.png") no-repeat;
  background-position: bottom right;
}

@media (max-width: 990px) {
  .about-hero {
    padding: 30px 0;
  }
}

.about-row {
  height: auto;
  background: linear-gradient(to right, #008060, #122B43);
  border-radius: 20px;
  margin-bottom: 3em;
}

@media (min-width: 1400px) {
  .about-row {
    padding: 0;
    border-radius: 20px;
    max-height: 450px;
    background: linear-gradient(to right, #008060, #122B43);
    margin-bottom: 10em;
  }
}

.abt-left-col {
}

@media (min-width: 1024px) {
  .abt-img {
    position: relative;
    top: -40px;
  }
}

.abt-right-col h1, .abt-right-col p {
  color: #fff;
}

@media (min-width: 1024px) {
  .abt-right-col {
    padding-top: 120px;
  }
}

.story-sec {
  padding: 50px 0 100px;
}

.story-sec p {
  line-height: 2.3em;
}

.support-sec {
  padding: 0;
  background: url("../../assets/img/sprt-bg.jpg");
}

.support-div {
  background: #fff url("../../assets/img/gradient-small.png") center;
  padding: 50px;
  border-radius: 20px;
  box-shadow: 0 0 20px rgba(0,0,0,0.1);
  background-size: 90%;
  position: relative;
  left: 5em;
}

@media (max-width: 880px) {
  .support-div {
    left: 0;
  }
}

.support-div h3 {
  font-weight: 600;
  font-size: 44px;
}

.support-div h5 {
  font-size: 26px;
  font-weight: 500;
}

.orng-text {
  color: #FA9A00;
}

.green-text {
  color: #008060;
}

.support-div p {
  font-size: 22px;
}

.sprt-lady {
  position: relative;
  margin-top: -80px;
}

@media (max-width: 768px) {
  .sprt-lady {
    margin-top: 0;
  }
}

.stats-box {
  border-radius: 20px;
  background: #fff;
  padding: 20px;
  margin: 0;
  box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

.stattics-2 {
  width: 70%;
  position: relative;
  margin: 0 auto;
}
@media (min-width: 1200px) and (max-width: 1400px) {
.stattics-2 {
  width: 80%;
}
}

@media (max-width: 1024px) {
  .stattics-2 {
    width: 100%;
  }
}

.stattics {
  width: 70%;
  margin: 0px auto 1em 10em;
}

@media (max-width: 1024px) {
  .stattics {
    width: 100%;
    margin: 0 auto !important;
  }
}

.stats-box p {
  font-size: 20px;
  margin-bottom: 5px;
}

.stats-box h2 {
  font-size: 40px;
  font-weight: 600;
}

@media (max-width: 767px) {
  .stats-box h2 {
    font-size: 30px;
  }
}

#expertize {
  padding: 0 0 60px;
}

@media (max-width: 767px) {
  #expertize {
    padding: 0 0 20px;
  }
}

.sub-para {
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 767px) {
  .portfolio-tabs-sec .sec-title {
    font-size: 2.4rem;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .login-btn {
    font-size: 15px;
    padding: 5px 12px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .logo img {
    width: 100px;
  }
}

@media (max-width: 767px) {
  .feature-row {
    text-align: center;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .main-nav {
    padding: 12px 0;
  }
}

@media (max-width:1024px) {
  .customer-heading {
    margin-bottom: 0.8em;
  }
}

@media (max-width: 767px) {
  .platform-tabs .nav-link {
    padding: 16px 5px;
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .sf-inner-block {
    margin-bottom: 30px;
    text-align: center;
  }
}

.privacy-disclaimer {
  background: #F8F8F8;
  padding: 20px;
  border-radius: 6px;
  margin-top: 30px;
}

.privacy-disclaimer p {
  font-style: italic;
  font-size: 14px;
}

.resources-block h4 {
  font-size: 26px;
  font-weight: 600;
}

.resources-block img {
  border-radius: 20px;
}

@media (max-width: 767px) {
  .legal-hero {
    padding: 30px 20px;
  }
}

.sol-block p {
  font-size: 15px;
}

h4.sub-title a {
  text-decoration: none;
  color: #212121;
}
.fixed-footer {
    padding: 12px 0px 12px 50px;
        width: 100%;
    position: fixed;
    bottom: 0px;
    z-index: 1000;
    border-top: 5px solid rgb(213, 215, 216);
    background: rgb(255, 255, 255);
}
.toast {
    background: #F7F9FA;
    border: 1px solid #ddd;
    border-radius: 50px;
    box-shadow: none;
    width: auto;
    font-family: 'Poppins';
    padding: 0px 20px;
    margin-bottom: 10px;
}
a#bottom_request_demo_btn2 {
    background: #008060 !important;
    border: 1px solid #008060 !important;
    font-family: 'Poppins';
    border-radius: 50px;
    padding: 10px 20px;

}

@media (min-width: 991px) and (max-width: 1200px) {
.price-box h2 {
    font-size: 30px;
}
}

@media (min-width: 1201px) and (max-width: 1399px) {
.price-box h2 {
    font-size: 38px;
}
.sol-block {
    min-height: 320px;
    padding: 20px;
}
.sol-lg-cont {
    min-height: 500px;
        padding: 0px;
}
.arrow-list li {
    font-size: 14px;
}
}
button:focus, 
button:active, a:focus, a:active {
    outline: none !important;
    box-shadow: none !important;
}
.platform-tabs .accordion-item:last-child {
    border-bottom: none !important;
}
button.close {
    background: none;
    border: 0;
    font-size: 40px;
    position: absolute;
    top: 0;
    right: 0;
    color: #000 !important;
}
.no-link {
  text-decoration: none;
  color: inherit;
}
a.reset-link {
    margin-bottom: 50px !important;
    display: block;
}
@media (max-width: 767px) {
.contact-tabs a.nav-link {
    margin-bottom: 12px;
}
  .demo-btn {
    font-size: 16px;
    padding: 12px 20px;
  }
  iframe.custom-video {
    height: 200px;
}
.owl-item.active.center {
    background-size: contain;
    background-position: center;
}
.m-item {
    width: 75%;
    margin: 0 auto;
}
}
@media (max-width: 920px) {
.sec-title {
    font-size: 1.8rem;
    line-height: 2.6rem;
}
.home-features {
    padding: 50px 0;
}
.feature-row h4 {
    font-size: 1.2rem !important;
}
.hero-section h1, .hero-title {
    font-size: 2.5rem;
}
.sf-row {
    padding: 60px 20px;
}
.sf-inner-block {
    padding: 0 !important;
    margin-bottom: 30px;
}
}
@media (min-width: 421px) and (max-width: 620px) {
    .solution-hero {
        padding: 350px 0 0 !important;
        background-position: top !important;
        background-size: contain !important;
    }
}
@media (min-width: 621px) and (max-width: 700px) {
    .solution-hero {
        padding: 460px 0 0 !important;
        background-position: top !important;
        background-size: contain !important;
    }
}
@media (min-width: 701px) and (max-width: 830px) {
    .solution-hero {
        padding: 550px 0 0 !important;
         background-position: top !important;
        background-size: contain !important;
    }
}
@media (min-width: 831px) and (max-width: 990px) {
    .solution-hero {
        padding: 550px 0 0 !important;
        background-position: top !important;
        background-size: 84% !important;
    }
}
@media (min-width: 991px) and (max-width: 1199px) {
    .solution-hero {
       background-size: 60%;
        padding: 40px 0;
       
    }
.hero-section h1, .hero-title {
    font-size: 2.75rem;
}
}
@media (min-width: 991px) and (max-width: 1199px) {
  .black-btn {
    padding: 14px 10px !important;
    font-size: 15px;
    
  }
}
@media (max-width: 1180px) {
.st-video-sec iframe {
    height: 380px;
}
.st-video-sec {
    padding: 40px;
}
.sub-title {
    font-size: 18px;
}
}
@media (max-width: 991px) {
  .case-study-row {
    flex-direction: column;
  }
  .career-card {
    width: 100%;
    margin-bottom: 60px;
}
  .text-content,
  .image-content {
    padding: 0;
    width: 100%;
  }

  .text-content {
    order: 1;
  }

  .image-content {
    order: 2;
    margin-bottom: 1rem;
  }

  .image-content img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 1200px) {
  .enquiry-box h3 {
    font-size: 27px !important;
  }
}
@media (min-width: 1025px) and (max-width: 1199px){
.stattics-2 {
        width: 100% !important;
}
}
@media (min-width: 768px) and (max-width: 990px){
.main-nav {
    margin-bottom: 20px;
}
}
#technology-hero-section .gradient-row {
  background-size: 52%;
  background-position: center top;
  background-repeat: no-repeat;
  }

  @media (min-width: 950px) and (max-width: 1400px){ 
  .triangle {
    right: -60px;
    top: 10px;
    }
    .circle-el {
      left: 0;
      margin-top: 60px;
      }
}
.top-nav a.nav-link.active {
  background: none;
  border: 0;
}

@media only screen and (max-width: 767px) {
  .row-rev  {
      flex-direction: column-reverse; 
  }
  .img-first {
      order: 0; 
  }
  .row.copyright {
    margin-bottom: 35px;
}
.expert-box {
  margin-bottom: 25px !important;
}
}

div#status_message {
  height: auto !important;
}

@media (min-width: 950px) and (max-width: 1300px){ 
.sol-block p {
  font-size: 14px;
}
}

@media (min-width: 768px) and (max-width: 1199px){ 
.contact-tabs a.nav-link {
  padding: 10px 16px;
  font-size: 14px;
  margin-right: 5px !important;
}
}

#selected_wishlist_items {
  max-height: 200px;
  overflow-y: auto;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

@media (min-width: 1200px) and (max-width: 1399px){ 
.bundle-list li, .p-list li a {
  font-size: 16px;
  padding: 6px 14px 6px 2px;
}
}

section.career-hero.int-helpdesk {
  padding: 70px 0 70px;
}
.helpdesk-bullets {
  color: #fff;
}
.helpdesk-bullets .sec-title {
  color: #fff !important;
}
.helpdesk-bullets li {
  padding-bottom: 11px;
  font-size: 18px;
}
.helpdesk-foot {
  background: #FFF6E9;
  padding: 60px 0;
}
.hd-cta {
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  padding: 20px 30px;
  border-radius: 10px;
  text-align: center;
}
.hd-cta p {
  line-height: 2rem;
}
.bundle-list li a {
    font-size: 17px;
    line-height: 25px;
}
.p-list li a {
        font-size: 17px;
    line-height: 25px;
    display: block;
}
.sub-title-20 {
  font-size: 20px !important;
}
h5.st-19 {
    font-size: 18px;
}
.price-side {
    overflow-y: scroll;
    max-height: 890px;
}

@media screen and (max-width: 767px) {
    .logos-carousel .item img {
        max-width: 170px !important;
    }
    .logos-carousel .item img.m-sm-logo {
      max-width: 150px !important;
    }
}