body {
  color: #000;
}
section {
  width: 100%;
  position: relative;
  padding: 100px 0;
  box-sizing: border-box;
}
h1 {
  font: 65px/1.1 Zoho_Puvi_Bold;
}
h2 {
  font: 40px/1.2 Zoho_Puvi_Bold;
}
h3 {
  font: 25px/1.2 Zoho_Puvi_Bold;
}
section p, section li, section a {
  font: 18px/1.6 Zoho_Puvi_Regular;
}
a {
  text-decoration: none;
}
section img, section source, section picture {
  width: 100%;
}
#main-container {
  margin: 0 0;
  padding: 0 0;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
}
.content-wrap {
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
}
.inner-cont-wrap {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}
.cta .circle-arrow {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: #0b5d89;
  border-radius: 20px;
  margin-left: 8px;
  transition: 0.6s ease;
  position: absolute;
  right: -12px;
  z-index: -1;
  transform: scale(0.7);
}
.cta .circle-arrow::before {
  content: "";
  left: 0;
}
.cta .circle-arrow span {
  margin-left: 0;
}
.cta .circle-arrow span, .cta .circle-arrow span:after, .cta .circle-arrow span::before {
  background: #fff;
}
.banner-section {
  background: #bbedea;
  color: #fff;
  padding: 75px 0 140px 0;
  height: auto;
}
.banner-section h1, .banner-section p, .banner-section span {
  color: #000;
}
.banner-section h1 {
  padding-right: 10px;
}
.banner-section .flex-left-wrap p {
  font-size: 23px;
  margin: 20px 0 40px 0;
  max-width: 450px;
  width: 100%;
}
.banner-section .cta {
  background: #db4228;
  color: #fff;
  text-decoration: none;
  font: 20px/1.5 Zoho_Puvi_Bold;
  position: relative;
  overflow: hidden;
  padding: 18px 60px;
}
.banner-section .cta::after {
  content: "";
  width: 30px;
  height: 110px;
  position: absolute;
  left: -30px;
  top: 0;
  margin-top: -20px;
  background: #e9c5c5;
  opacity: 0.6;
  filter: blur(20px);
  animation: login-blur 3s infinite;
  transform: translate(-10px) rotate(45deg);
  animation-delay: 3.5s;
  transform-origin: top;
}
@keyframes login-blur {
  from {
    transform: translate(-10px) rotate(45deg);
  }
  to {
    transform: translateX(600px) rotate(45deg);
  }
}
.banner-section .img-wrap {
  z-index: 51;
  position: relative;
  max-width: 450px;
  margin: 0 auto;
  top: 20px;
  left: -40px;
  opacity: 0;
  transform: translateX(-20px);
}
.parent-active.banner-section .img-wrap {
  opacity: 1;
  transform: translateX(0);
  transition: 0.6s ease all;
  transition-delay: 0.4s;
}
.animated-img-wrap {
  position: relative;
}
.mobile-banner-image-container {
  display: none;
  margin-top: 40px;
}
.parent-circle {
  transform: scale(0.9);
}
.big-circle, .small-circle {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  z-index: 1;
}
.parent-circle .big-circle, .parent-circle .small-circle {
  border-radius: 50%;
}
.parent-active .parent-circle .small-circle {
  opacity: 1;
  transition-delay: 0.3s;
  animation: _circle_anim 0.6s linear;
  animation-delay: 0.3s;
}
.parent-active .parent-circle .big-circle {
  animation: _circle_anim 0.6s linear;
  opacity: 1;
}
@keyframes _circle_anim {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.05);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
.parent-circle .big-circle {
  width: 630px;
  height: 630px;
  background-color: #85d6d15c;
  z-index: 1;
}
.parent-circle .small-circle {
  width: 430px;
  height: 430px;
  background-color: #8cd6d2;
  z-index: 2;
}
.bot-chat-wrap {
  position: relative;
  z-index: 4;
}
.chat-wrap {
  left: -40px;
  top: 40px;
  z-index: 1;
}
.chat-wrap .notification {
  margin: 12px 0;
  padding: 10px 28px;
  background: linear-gradient(to right, #e7fbfa 0%, #fff0 100%);
  border: 0.3px solid #fff;
  border-radius: 6px;
  font-weight: 500;
  height: 28px;
  width: 230px;
  position: relative;
  opacity: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 2.5;
}
.chat-wrap > div {
  transition: 0.6s ease;
}
.chat-1 {
  left: -30px;
  transform: translateX(-50px);
}
.chat-2 {
  transform: translateX(50px);
}
.parent-active .chat-wrap {
  opacity: 1;
  transition-delay: 0.4s;
}
.parent-active .chat-wrap .chat-1, .parent-active .chat-wrap .chat-2 {
  transform: translateX(0);
  opacity: 1;
}
.parent-active .chat-wrap .chat-1 {
  transition-delay: 0.6s;
}
.parent-active .chat-wrap .chat-2 {
  transition-delay: 1.4s;
}
.bot {
  left: 220px;
  top: 113px;
  transform: rotate(10deg);
}
.parent-active .bot {
  transition-delay: 1.3s;
  opacity: 1;
  transform: rotate(0deg);
}
.animated-img-wrap span {
  display: block;
  background-repeat: no-repeat;
  line-height: 2;
}
.protect-shield, .dashboard-graph, .bot, .banner-smilie, .chat-wrap, .review-call-out, .banner-cta-arrow, .big-circle, .small-circle {
  position: absolute;
  z-index: 50;
  transition: 0.6s ease;
  opacity: 0;
}
.protect-shield {
  right: 95px;
  transform: scale(1) rotate3d(1, -89, 1, 45deg);
  top: 0;
}
.parent-active .protect-shield {
  opacity: 1;
  transition-delay: 1.6s;
  transform: scale(1) rotate3d(1, 1, 1, 0deg);
}
.protect-shield span {
  background-image: url(https://cdn.manageengine.com/products/service-desk/images/protect-shield.png);
  height: 65px;
  width: 50px;
  background-size: contain;
}
.review-call-out {
  bottom: 91px;
  right: 88px;
  z-index: 52;
  transform: scale(0.4);
  transform-origin: right bottom;
}
.parent-active .review-call-out {
  opacity: 1;
  transition-delay: 2.7s;
  transform: scale(1);
}
.review-call-out span {
  background-image: url(https://cdn.manageengine.com/products/service-desk/images/review-call-out.png);
  height: 42px;
  width: 130px;
  background-size: cover;
}
.review-call-out::after, .review-call-out::before {
  content: "";
  width: 90%;
  position: absolute;
  left: 10px;
  top: 2px;
  height: 30px;
  border-radius: 40px;
  z-index: -1;
}
.review-call-out::after {
  background-color: #fff;
  z-index: -2;
}
.review-call-out::before {
  background-color: #ff0;
  width: 0;
  z-index: -1;
}
.parent-active .review-call-out::before {
  width: 110px;
  transition: 3s ease;
  transition-delay: 3s;
}
.dashboard-graph {
  bottom: 110px;
  left: 120px;
  transform: scale(1.1);
}
.parent-active .dashboard-graph {
  opacity: 1;
  transition-delay: 2.9s;
  transform: scale(1);
}
.dashboard-graph span {
  background-image: url(https://cdn.manageengine.com/products/service-desk/images/dashboard-graph.png);
  height: 65px;
  width: 50px;
  background-size: contain;
}
.bot span {
  background-image: url(https://cdn.manageengine.com/products/service-desk/images/index-bot.svg);
  height: 60px;
  width: 50px;
  background-size: 47px;
}
.dashboard-top {
  height: 37px;
  background: #75d4ca;
  border-radius: 10px 10px 0 0;
  padding: 0 10px;
  display: flex;
  align-items: center;
}
.dashboard-close-mark span {
  height: 7px;
  width: 7px;
  border-radius: 50%;
  display: inline-block;
  background: #fff;
}
.dasboard {
  width: 260px;
  height: 212px;
  position: absolute;
  background: linear-gradient(to left, #cff3f1 0%, rgb(255 255 255 / 32%) 100%);
  border: 1px solid #fff;
  border-radius: 10px;
  transform: scale(0.9);
  z-index: 53;
  right: -80px;
  top: 130px;
  opacity: 0;
}
.dasboard .dashboard-top {
  height: 30px;
}
.parent-active .dasboard {
  transform: translateY(0) scale(0.8);
  opacity: 1;
  transition: 0.6s ease;
  transition-delay: 1.8s;
}
.dashboard-main .search {
  width: 70%;
  background: #fff;
  height: 27px;
  margin: 20px auto 0;
  border-radius: 20px;
  transform: scale(0);
  position: relative;
}
.dashboard-main .search::after {
  content: "";
  background-image: url(https://cdn.manageengine.com/products/service-desk/images/portal-search.svg);
  height: 14px;
  width: 13px;
  background-size: contain;
  position: absolute;
  right: 14px;
  top: 7px;
}
.parent-active .dashboard-main .search {
  transform: scale(1);
  transition: 0.8s ease;
  transition-delay: 1.9s;
}
.main-column {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.main-column > div {
  height: 37px;
  width: 37px;
  margin: 0 13px;
  border-radius: 6px;
  transform: translateY(10px);
  opacity: 0;
  display: flex;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.parent-active .main-column > div {
  transition: 0.8s ease;
  transform: translateY(0);
  opacity: 1;
}
.dashboard-main .main-column:nth-child(2) > div:nth-child(1) {
  background-image: url(https://cdn.manageengine.com/products/service-desk/images/portal-icons-01.svg);
}
.parent-active .dashboard-main .main-column:nth-child(2) > div:nth-child(1) {
  transition-delay: 2s;
}
.dashboard-main .main-column:nth-child(2) > div:nth-child(2) {
  background-image: url(https://cdn.manageengine.com/products/service-desk/images/portal-icons-02.svg);
}
.parent-active .dashboard-main .main-column:nth-child(2) > div:nth-child(2) {
  transition-delay: 2.1s;
}
.dashboard-main .main-column:nth-child(2) > div:nth-child(3) {
  background-image: url(https://cdn.manageengine.com/products/service-desk/images/portal-icons-03.svg);
}
.parent-active .dashboard-main .main-column:nth-child(2) > div:nth-child(3) {
  transition-delay: 2.2s;
}
.dashboard-main .main-column:nth-child(3) > div:nth-child(1) {
  background-image: url(https://cdn.manageengine.com/products/service-desk/images/portal-icons-04.svg);
}
.parent-active .dashboard-main .main-column:nth-child(3) > div:nth-child(1) {
  transition-delay: 2.3s;
}
.dashboard-main .main-column:nth-child(3) > div:nth-child(2) {
  background-image: url(https://cdn.manageengine.com/products/service-desk/images/portal-icons-05.svg);
}
.parent-active .dashboard-main .main-column:nth-child(3) > div:nth-child(2) {
  transition-delay: 2.4s;
}
.dashboard-main .main-column:nth-child(3) > div:nth-child(3) {
  background-image: url(https://cdn.manageengine.com/products/service-desk/images/portal-icons-06.svg);
}
.parent-active .dashboard-main .main-column:nth-child(3) > div:nth-child(3) {
  transition-delay: 2.5s;
}
.banner-smilie {
  right: 56px;
  bottom: 52px;
}
.banner-smilie span {
  background-image: url(https://cdn.manageengine.com/products/service-desk/images/banner-smile.svg);
  height: 50px;
  width: 50px;
  background-size: contain;
}
.parent-active .banner-smilie {
  opacity: 1;
  transition-delay: 2.5s;
}
.banner-cta-arrow {
  bottom: 120px;
  left: 180px;
}
.parent-active .banner-cta-arrow {
  opacity: 1;
}
.banner-cta-arrow span {
  background-image: url(https://cdn.manageengine.com/products/service-desk/images/banner-arrow.svg);
  height: 70px;
  width: 100px;
  background-size: contain;
}
.banner-cta-arrow::after {
  content: "";
  height: 100%;
  background: #bbece9;
  position: absolute;
  top: 0;
  width: 100%;
  transition: 0.6s ease;
}
.parent-active .banner-cta-arrow::after {
  width: 0;
  transition-delay: 3s;
}
.trusted-brand-setion {
  z-index: 1;
  padding: 0 0 30px 0;
  margin: -95px 0 0 0;
}
.trusted-brand-parent-wrap h4 {
  font: 20px/1.6 Zoho_Puvi_Bold;
  text-align: center;
  position: relative;
}
.trusted-brand-parent-wrap h4::after, .trusted-brand-parent-wrap h4::before {
  content: "";
  position: absolute;
  width: 150px;
  height: 2px;
  top: 50%;
  transform: translate(0, -50%);
  background: linear-gradient(to right, rgb(0 0 0 / 24%) 0%, #fff0 100%);
}
.trusted-brand-parent-wrap h4::after {
  left: 83%;
}
.trusted-brand-parent-wrap h4::before {
  right: 83%;
  transform: translate(0, -50%) rotate(180deg);
}
.promo-wrap {
  padding: 25px 30px;
  border-radius: 20px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 222;
  box-sizing: border-box;
}
.promo-wrap > div {
  transform: translateY(30px);
  opacity: 0;
  background: #fff;
  flex-grow: 1;
  flex-basis: 0%;
  margin: 20px auto;
  padding: 20px 60px;
  border-radius: 10px;
  box-shadow: 0 0 10px #ddd;
  max-width: 650px;
  box-sizing: border-box;
}
.promo-wrap.content-view > div {
  transform: translateY(0);
  opacity: 1;
  transition: 0.6s ease;
}
.promo-wrap > div:nth-child(1) {
  transition-delay: 0.2s;
}
.promo-wrap > div:nth-child(2) {
  transition-delay: 0.4s;
}
.promo-wrap .promo-link-wrap {
  width: 100%;
  color: #000;
  text-decoration: none;
  cursor: pointer;
  max-width: 800px;
  margin: 0 auto;
}
.promo-wrap .promo-link-wrap p {
  font-size: 16px;
  margin: 8px 0;
}
.promo-link-wrap > div {
  box-sizing: border-box;
}
.promo-link-wrap .arw_lnk {
  color: #0869db;
}
.promo-link-wrap .arw_lnk span, .promo-link-wrap .arw_lnk span::before, .promo-link-wrap .arw_lnk span::after {
  background: #0869db;
}
.promo-link-wrap .arw_lnk:hover span {
  margin-left: 11px;
  transition: 0.5s ease;
}
.promo-link-wrap > div:nth-child(1) {
  width: 120px;
}
.promo-link-wrap > div:nth-child(2) {
  max-width: calc(100% - 120px);
  flex: 0 0 calc(100% - 120px);
  padding: 0 0 0 25px;
}
.promo-link-wrap span.promo-icon {
  background-image: url(https://cdn.manageengine.com/products/service-desk/images/special-rewards-sprit.svg);
  background-repeat: no-repeat;
  background-size: 230px;
  height: 100%;
  width: 100%;
  background-position: 0 1px;
  display: inline-block;
}
.promo-wrap > div:nth-child(2) .promo-icon {
  background-position: -117px 1px;
}
.brand-sprite-parent-wrap {
  border-radius: 20px 20px 0 0;
  position: relative;
  overflow: hidden;
}
.brand-sprite-sub-wrap {
  width: 100%;
}
.brand-sprite-parent-wrap ul {
  justify-content: space-evenly;
}
.brand-sprite-parent-wrap ul li {
  width: calc(100% / 6);
  height: 80px;
}
.brand-sprite-parent-wrap ul li span {
    background-image: url("https://www.manageengine.com/products/service-desk/images/trust-brand-sprit.svg");
  /*background-image: url(https://cdn.manageengine.com/products/service-desk/images/trust-brand-sprit.svg);*/
  background-size: 650px auto;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
  transform: translateY(0) scale(1);
  transform-origin: center bottom;
  transform: translateY(25px);
  opacity: 0;
}
.brand-sprite-sub-wrap .content-view ul li span {
  transform: translateY(0);
  opacity: 1;
  transition: 1s ease;
}
.brand-sprite-parent-wrap ul li:nth-child(1) span {
  background-position: -6px -15px;
  max-width: 170px;
  transition-delay: 0.1s;
}
.brand-sprite-parent-wrap ul li:nth-child(2) span {
  background-position: 10px -155px;
    max-width: 200px;
    background-size: 450px auto;
  transition-delay: 0.2s;
}
.brand-sprite-parent-wrap ul li:nth-child(3) span {
  background-position: -311px -125px;
    max-width: 200px;
  background-size: 600px;
  transition-delay: 0.3s;
}
.brand-sprite-parent-wrap ul li:nth-child(4) span {
  background-position: -458px -15px;
  max-width: 140px;
  background-size: 600px;
  transition-delay: 0.4s;
}
.brand-sprite-parent-wrap ul li:nth-child(5) span {
      background-position: -205px -194px;
    max-width: 200px;
    background-size: 530px auto;
  transition-delay: 0.5s;
}
.brand-sprite-parent-wrap ul li:nth-child(6) span {
  background-position: -186px -150px;
  max-width: 160px;
  background-size: 700px;
  transition-delay: 0.6s;
}
h3.partner-title {
  font: 17px/1.5 Zoho_Puvi_Regular;
  color: #5e5e5e;
  text-align: center;
}
.highlights-setion {
  background: #fff;
  overflow: hidden;
}
.highlights-setion .flex-right-wrap .arw_lnk span, .testimonial-setion .arw_lnk span {
  width: 0;
}
.highlights-setion .flex-right-wrap .prev-arw span {
  left: 3px;
  top: 1px;
}
.highlights-setion .flex-right-wrap .next-arw span {
  left: 19px;
  top: -1px;
}
.highlights-setion .flex-right-wrap .arw_lnk span::before, .highlights-setion .flex-right-wrap .arw_lnk span::after, .testimonial-setion .arw_lnk span::after, .testimonial-setion .arw_lnk span::before {
  width: 14px;
  height: 2.5px;
  background: #0c8980;
  border-radius: 3px;
}
.highlights-setion .flex-right-wrap .arw_lnk span::before, .testimonial-setion .arw_lnk span::before {
  top: -6px;
}
.highlights-setion::after, .highlights-setion::before {
  content: "";
  position: absolute;
  height: 400px;
  width: 400px;
  z-index: 1;
}
@keyframes shade {
  0% {
    transform: translate(0, 0) scale(0.9);
  }
  50% {
    transform: translate(50px, -50px) scale(1.1);
  }
  100% {
    transform: translate(0, 0) scale(0.9);
  }
}
.highlights-setion .flex-wrap {
  align-items: center;
  position: relative;
  z-index: 2;
}
.highlights-setion h2 {
  margin-bottom: 40px;
  margin-top: 0;
  font-size: 32px;
}
.highlights-setion .cta {
  position: relative;
  color: #000;
  text-decoration: none;
  margin-top: 30px;
  padding: 0 20px 0 0;
}
.highlights-setion .cta span, .highlights-setion .cta span:after, .highlights-setion .cta span::before {
  background: #fff;
}
.highlights-setion .cta:hover {
  transition: 0.5s ease;
}
.highlights-setion .cta:hover.cta span {
  transform: translateX(5px) rotate(180deg);
}
.highlights-setion .flex-left-wrap {
  padding-right: 110px;
}
.tab-infinitie-anim-wrap h4 {
  font: 20px/1.2 Zoho_Puvi_Bold;
  margin-left: 0;
}
.highlights-feature.mob > div > div {
  margin-bottom: 50px;
}
.tab-infinitie-anim-wrap .list-item {
  height: 155px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 20px;
  padding: 30px 50px;
  box-sizing: border-box;
  border-radius: 5px;
  transform: scale(0.95);
  transition: 0.6s ease;
}
.tab-infinitie-anim-wrap .list-item.active {
  background: #fff;
  transition: 0.6s ease;
  box-shadow: 0 3px 20px #00000029;
}
.tab-infinitie-anim-wrap .list-item > div {
  position: relative;
}
.tab-infinitie-anim-wrap .list-item > div:nth-child(1) {
  max-width: 20%;
  flex: 0 0 20%;
}
.infinitie-overlay-wrap .list-item > div:nth-child(1) span {
  width: 100px;
  height: 100px;
  background-image: url(https://www.manageengine.com/products/service-desk/images/highlights-sprite.png);
  background-repeat: no-repeat;
  background-size: 570px;
  border-radius: 5px;
  margin: 0 auto;
  display: block;
}
.infinitie-overlay-wrap .list-item > div:nth-child(1).three-sixty-degeree span {
  background-position: 11px 8px;
}
.infinitie-overlay-wrap .list-item > div:nth-child(1).ai span {
  background-position: -479px 8px;
}
.infinitie-overlay-wrap .list-item > div:nth-child(1).last-mil span {
  background-position: -295px 8px;
}
.infinitie-overlay-wrap .list-item > div:nth-child(1).deploymet span {
  background-position: -175px 8px;
  width: 107px;
}
.infinitie-overlay-wrap .list-item > div:nth-child(1).privacy span {
  background-position: -100px 8px;
  background-size: 630px;
}
.infinitie-overlay-wrap .list-item > div:nth-child(1).dashboard span {
  background-position: -413px 8px;
  background-size: 600px;
}
.tab-infinitie-anim-wrap .list-item > div:nth-child(2) {
  max-width: 80%;
  flex: 0 0 80%;
  padding: 0 0 0 25px;
}
.tab-infinitie-anim-wrap .list-item > div:nth-child(2) p {
  margin-bottom: 0;
  font-size: 16px;
}
.tab-infinitie-anim-wrap {
  overflow-y: hidden;
  height: 500px;
  position: relative;
}
.tab-infinitie-anim-wrap .span-after, .tab-infinitie-anim-wrap .span-before {
  width: 100%;
  position: absolute;
  z-index: 2;
}
.tab-infinitie-anim-wrap .span-after {
  bottom: 0;
  height: 130px;
  background: -moz-linear-gradient(to top, #e7f8f6 0%, #fff0 100%);
  background: -webkit-linear-gradient(to top, #e7f8f6 0%, #fff0 100%);
  background: linear-gradient(to top, #ffffff 0%, rgb(255 255 255 / 10%) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
}
.tab-infinitie-anim-wrap .span-before {
  top: 0;
  height: 130px;
  background: -moz-linear-gradient(to bottom, #e7f8f6 0%, #fff0 100%);
  background: -webkit-linear-gradient(to bottom, #e7f8f6 0%, #fff0 100%);
  background: linear-gradient(to top, #ffffff 0%, rgb(255 255 255 / 10%) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
  transform: rotate(180deg);
}
.infinitie-overlay-wrap {
  transition: 0.8s ease;
  position: relative;
}
.infinitie-overlay-wrap > div {
  position: relative;
}
.side-button-wrap {
  position: absolute;
  top: 300px;
  right: -120px;
  transform: translate(0%, -50%) rotate(90deg);
}
ul.side-button-wrap li {
  font-size: 20px;
  display: inline-block;
  margin-right: 10px;
  margin-top: 30px;
  width: 35px;
  height: 35px;
  cursor: pointer;
  border: 1px solid #80808052;
  border-radius: 2px;
}
ul.side-button-wrap li:active {
  background: #8080806b;
}
.awards-setion {
  padding: 0 0 100px;
}
.awards-setion .inner-cont-wrap {
  max-width: 1100px;
}
.awards-setion h2 {
  text-align: center;
}
.awards-setion .cta {
  color: #000;
  text-decoration: none;
  position: relative;
}
.awards-sprite-wrap {
  margin: 50px 0;
}
.awards-sprite-wrap > li {
  max-width: calc(100% / 5);
  flex: 0 0 calc(100% / 5);
}
.awards-sprite-wrap > li span {
  background-image: url(https://cdn.manageengine.com/products/service-desk/images/rewards-sprites.png);
  background-size: 870px;
  background-repeat: no-repeat;
  display: block;
  height: 90px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  transform: translateY(25px);
  transform-origin: bottom center;
  opacity: 0;
}
.parent-active .awards-sprite-wrap > li span {
  opacity: 1;
  transform: translateY(0);
  transition: 1s ease;
}
.awards-sprite-wrap > li:nth-child(1) span {
  max-width: 128px;
  background-size: 940px;
  height: 100px;
  background-position: 5px 0;
}
.awards-sprite-wrap > li:nth-child(2) span {
  background-position: -104px 6px;
  background-size: 810px;
  max-width: 230px;
  transition-delay: 0.2s;
  height: 100px;
}
.awards-sprite-wrap > li:nth-child(3) span {
  background-position: -281px 7px;
  background-size: 690px;
  max-width: 130px;
  transition-delay: 0.3s;
}
.awards-sprite-wrap > li:nth-child(4) span {
  background-position: -399px 9px;
  background-size: 670px;
  max-width: 182px;
  transition-delay: 0.4s;
}
.awards-sprite-wrap > li:nth-child(5) span {
  background-position: -748px -1px;
  max-width: 125px;
  transition-delay: 0.5s;
}
.half-circle {
  position: absolute;
  width: 50%;
  display: inline-block;
  top: 0;
  left: 50%;
  background: green;
}
.stats-setion {
  text-align: center;
  background: #fff0 linear-gradient(322deg, #f2f2f2 0%, #ffffff 100%) 0% 0% no-repeat padding-box;
  overflow: hidden;
  padding: 100px 0 30px;
}
.stats-setion .content-wrap {
  position: relative;
  z-index: 2;
}
.stats-setion::after, .stats-setion::before {
  content: "";
  position: absolute;
  height: 500px;
  width: 500px;
  z-index: 1;
}
.stats-setion::before {
  bottom: 30px;
  left: -280px;
  background: #ecf5f8;
  box-shadow: 1px 1px 38px 28px #ecf5f8;
  border-radius: 50%;
  animation: shade 10s linear infinite;
  transform: translate(0, 0);
}
.stats-setion::after {
  top: 70px;
  right: -280px;
  background: #ff520017;
  box-shadow: 1px 1px 28px 28px #ff520017;
  border-radius: 50%;
  animation: shade 10s linear infinite;
  transform: translate(0, 0);
}
.stats-setion .flex-wrap {
  align-items: flex-start;
}
.stats-setion .top-content-wrap {
  max-width: 800px;
  margin: 0 auto 100px;
}
.stats-setion .three-column .stats-count-wrap {
  text-align: left;
}
.stats-setion .three-column .stats-count-wrap:nth-child(2) {
  padding: 0 45px;
}
.stats-setion .three-column .stats-count-wrap:nth-child(1), .stats-setion .three-column .stats-count-wrap:nth-child(3) {
  padding-left: 30px;
}
.stats-count-wrap span {
  color: #000;
  flex: 1;
  line-height: 1.2;
  text-decoration: none;
  background-image: linear-gradient(to right, #e7e6e6 0%, 5.700325593352318%, #bfa99b 11.400651186704636%, 55.70032559335232%, #ff7e00 100%);
  background-position: 0 -0.1em;
  background-size: 0 100%;
  background-repeat: no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
  color: rgb(0 0 0 / 0.2);
  font: 72px/1.2 Zoho_Puvi_Bold;
  background-size: 100% 120%;
}
.stats-count-wrap strong {
  font: 18px/1.2 Zoho_Puvi_Bold;
}
.testimonial-setion::before {
  content: "";
  position: absolute;
  top: 0;
  height: 435px;
  width: 100%;
  background: #fff0 linear-gradient(322deg, #f2f2f2 0%, #f8fbfb 100%) 0% 0% no-repeat padding-box;
}
.testimonial-cont-wrap {
  background: #fff;
  box-shadow: 0 3px 20px #00000029;
  border-radius: 20px 20px 20px 20px;
  padding: 60px 100px;
  box-sizing: border-box;
  z-index: 1;
  position: relative;
  color: #000;
}
.testi-content {
  font: 28px/1.6 Zoho_Puvi_SemiBold;
  text-align: center;
}
.testi-slider > div {
  max-width: 800px;
  margin: 0 auto;
}
.testi-customer-name {
  color: #656565;
  font-size: 18px;
  text-align: center;
  margin-top: 40px;
}
.quotes {
  background-image: url(https://cdn.manageengine.com/products/service-desk/images/quotes.png);
  background-repeat: no-repeat;
  height: 60px;
  width: 60px;
  display: block;
  background-size: contain;
  margin: 0 auto 30px;
}
.testi-customer-logo span {
  background-image: url(https://cdn.manageengine.com/products/service-desk/images/customer-brand-sprite.svg);
  background-repeat: no-repeat;
  height: 80px;
  width: 150px;
  display: block;
  background-size: 600px;
  margin: 20px auto 20px;
}
.testi-customer-logo span.liver-pool {
  background-position: 0 -15px;
}
.testi-customer-logo span.gartner {
  background-position: -420px -5px;
  width: 170px;
  margin: 0 auto 20px;
}
.testi-customer-logo span.stratco {
  background-position: -260px -10px;
}
.testi-customer-logo span.albur-city {
  background-position: -145px 0;
  width: 115px;
}
.testimonial-cont-wrap .arw_lnk {
  height: 100px;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.testi-arrow {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  z-index: 3;
}
.testi-arrow.next-arw {
  right: 0;
}
.testi-arrow.prev-arw {
  left: 0;
}
.prev-nxt-arw {
  display: flex;
  margin-top: 50px;
}
.arw_lnk {
  cursor: pointer;
}
.prev-nxt-arw .arw_lnk:nth-child(1) {
  margin-right: 40px;
}
.arw_lnk span {
  cursor: pointer;
  display: inline-block;
  height: 2px;
  width: 28px;
  background: #03a9f5;
  position: relative;
}
.arw_lnk span::after, .arw_lnk span::before {
  content: "";
  height: 2px;
  width: 10px;
  background: #03a9f5;
  display: inline-block;
  position: absolute;
}
.slick-disabled span::after, .slick-disabled span::before, .slick-disabled span {
  background: #b7b6b6;
  cursor: unset;
}
.arw_lnk span::after {
  transform: rotate(45deg);
  left: 0;
  top: 4px;
}
.arw_lnk span::before {
  transform: rotate(-45deg);
  left: 0;
  top: -4px;
}
.next-arw span {
  transform: rotate(180deg);
  transform-origin: center;
}
.edition-setion {
  padding: 0 0;
}
.edition-setion .top-content-wrap, .edition-setion .bottom-content-wrap {
  text-align: center;
}
.edition-setion .top-content-wrap {
  margin-bottom: 50px;
}
.edition-setion .bottom-content-wrap {
  margin-top: 90px;
}
.edition-setion .bottom-content-wrap h3 {
  font: 36px/1.2 Zoho_Puvi_SemiBold;
}
.edition-setion .circle-cta {
  text-decoration: none;
  color: #000;
  position: relative;
}
.circle-cta:hover .circle-arrow {
  transform: translateX(5px) scale(0.7);
  transition: 0.6s ease;
}
.arw_lnk span {
  width: 15px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  background: #004495;
  height: 1.4px;
  margin-left: 7px;
  transition: 0.5s ease;
}
.arw_lnk span::before, .arw_lnk span::after {
  width: 7px;
  background: #004495;
  height: 1.4px;
}
.arw_lnk span::before {
  top: -3px;
}
.arw_lnk span::after {
  top: 3px;
}
.edition-table > div:nth-child(4) {
  border: 1px dashed grey;
  border-radius: 0 0 31px 31px;
}
.edition-table .flex-wrap {
  align-items: flex-start;
}
.edition-table .flex-wrap > div {
  box-sizing: border-box;
  padding: 60px 40px;
  border-radius: 30px;
  flex: 0 0 calc(100% / 3 - 20px);
  max-width: calc(100% / 3 - 20px);
  transform: translateY(50px);
  opacity: 0;
  position: relative;
  overflow: hidden;
  min-height: 560px;
}
.parent-active .edition-table .flex-wrap > div {
  transition: 0.6s ease;
  transform: translateY(0);
  opacity: 1;
}
.parent-active .edition-table .flex-wrap > div:nth-child(1) {
  transition-delay: 0s;
}
.parent-active .edition-table .flex-wrap > div:nth-child(2) {
  transition-delay: 0.2s;
}
.parent-active .edition-table .flex-wrap > div:nth-child(3) {
  transition-delay: 0.4s;
}
#standard {
  background: #d6ffff 0% 0% no-repeat padding-box;
  border: 1px solid #93d1d6;
}
#professional {
  background: #fff9e5 0% 0% no-repeat padding-box;
  border: 1px solid #e3b740;
}
#enterprise {
  background: #fde8e8 0% 0% no-repeat padding-box;
  border: 1px solid #fcc8c8;
  overflow: hidden;
}
#standard::after, #enterprise::after, #professional::after, #professional::before {
  content: "";
  top: 190px;
  position: absolute;
  left: 110px;
  width: 130px;
  height: 300px;
  border-radius: 50%;
  z-index: -1;
  transform: rotate(45deg) translate(0, 0);
  animation: shade 10s linear infinite;
}
#standard::after {
  background: #ffffff78;
  box-shadow: 1px 1px 58px 58px #ffffff78;
}
#enterprise::after {
  background: #ffffff85;
  box-shadow: 1px 1px 58px 58px #ffffff85;
}
#professional::after {
  box-shadow: 1px 1px 58px 58px #ffffffb0;
  bottom: 0;
  width: 30px;
  right: 100px;
  left: unset;
  top: unset;
  background: #ffffffb0;
}
#professional::before {
  background: #ffffffb0;
  box-shadow: 1px 1px 58px 58px #ffffffb0;
  top: 0;
  width: 30px;
  left: 70px;
}
.edition-table .flex-wrap > div:nth-child(2) {
  margin: 0 30px;
}
.edition-table .flex-wrap > div ul {
  padding-right: 40px;
}
.edition-table h3 {
  font: 34px/1.2 Zoho_Puvi_Bold;
  margin-top: 0;
  margin-bottom: 0;
}
.edition-table p, .edition-table li {
  font-size: 16px;
}
.edition-table p {
  font: 16px/1.5 Zoho_Puvi_SemiBold;
  margin-bottom: 30px;
  margin-top: 5px;
}
.edition-table ul li {
  margin-bottom: 10px;
  display: block;
  position: relative;
  padding-left: 32px;
}
a.edition-link:hover {
  text-decoration: underline;
}
a.edition-link {
  color: #000;
  text-decoration: none;
  font-size: 16px;
}
.edition-table ul li::before {
  content: "";
  display: inline-block;
  height: 14px;
  width: 14px;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 6px;
}
.edition-table #enterprise ul li::before {
  background-image: url(https://cdn.manageengine.com/products/service-desk/images/edition-red-tick.svg);
}
.edition-table #professional ul li::before {
  background-image: url(https://cdn.manageengine.com/products/service-desk/images/edition-yellow-tick.svg);
}
.edition-table #standard ul li::before {
  background-image: url(https://cdn.manageengine.com/products/service-desk/images/edition-green-tick.svg);
}
.m-popular {
  background: #b72828;
  color: #fff;
  padding: 5px 40px;
  position: absolute;
  right: -42px;
  top: 30px;
  transform: rotate(45deg);
  vertical-align: middle;
  display: inline-block;
}
.m-popular::before {
  content: "\22C6";
  font-size: 50px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 4px;
  margin-right: 0;
}
.footer-setion {
  margin: 100px 0 0;
  background: #e6fffe 0% 0% no-repeat padding-box;
  overflow-y: hidden;
}
.footer-setion::before, .footer-cont-wrap::after, .footer-cont-wrap::before {
  content: "";
  position: absolute;
  height: 400px;
  width: 400px;
  z-index: 1;
  animation: shade 10s linear infinite;
  transform: translate(0, 0);
}
.footer-setion::before {
  top: -50px;
  left: -280px;
  background: #49d88b54;
  box-shadow: 1px 11px 48px 48px #49d88b54;
  border-radius: 50%;
}
.footer-cont-wrap {
  position: relative;
}
.footer-cont-wrap::before {
  bottom: -390px;
  left: 200px;
  background: #c9f0f9f0;
  box-shadow: 1px 11px 48px 48px #c9f0f9f0;
  border-radius: 50%;
}
.footer-cont-wrap::after {
  bottom: -390px;
  right: 0;
  background: #effeeb;
  box-shadow: 1px 11px 48px 48px #effeeb;
  border-radius: 50%;
}
.footer-cont-wrap > div {
  text-align: center;
  max-width: 950px;
  margin: 0 auto;
  color: #fff;
  width: 100%;
  position: relative;
  z-index: 2;
}
.footer-setion .top-content-wrap {
  max-width: 650px;
  width: 100%;
  margin: 0 auto 50px;
}
.footer-cont-wrap h2 {
  color: #000;
  font: 36px/1.3 Zoho_Puvi_SemiBold;
}
.footer-cta {
  display: flex;
  justify-content: center;
  max-width: 570px;
  margin: 0 auto;
}
.footer-cta > div {
  border-radius: 5px;
}
.footer-cta div:nth-child(1) {
  margin-right: 20px;
}
.footer-cta a {
  text-decoration: none;
  color: #fff;
  font: 18px/1.6 Zoho_Puvi_SemiBold;
}
.footer-cta #signup {
  background: #db4228;
  padding: 0 25px;
  border: 1px solid #db4228;
}
.footer-cta #signup:hover {
  background: #d12b22;
  transition: 0.2s ease;
}
.footer-cta #demo {
  border: 2px solid #000;
}
.footer-cta #demo a:hover {
  background-color: #313131;
  transition: 0.2s ease;
}
.footer-cta #demo a {
  color: #000;
  font: 18px/1.6 Zoho_Puvi_SemiBold;
}
.footer-cta #demo a:hover {
  color: #fff;
  transition: 0.2s ease;
}
a.cta-arrow-animation {
  color: #0067ff;
  text-decoration: none;
  font-size: 17px;
}
span.arrow-animation {
  background: #0067ff;
  width: 14px;
  height: 2px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 7px;
  transition: all ease 0.35s;
}
span.arrow-animation:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border: 2px solid #0067ff;
  transform: rotate(-45deg);
  border-left: 0;
  border-top: 0;
  top: -3px;
  right: 0;
}
a.cta-arrow-animation:hover .arrow-animation {
  transform: translateX(5px);
  transition: all 0.3s ease;
}
a.highlights-cta {
  margin-top: 20px;
  display: inline-block;
  font-size: 17px;
}
a.award-cta {
  color: #0067ff;
}
span.award-arrow {
  background: #0067ff;
}
span.award-arrow:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border: 2px solid #0067ff;
  transform: rotate(-45deg);
  border-left: 0;
  border-top: 0;
  top: -3px;
  right: 0;
}
.edition-cta {
  text-align: center;
  margin-top: 100px;
}
.prd-nav {
  width: 100%;
  display: flex;
  justify-content: center;
}
.prd-nav li {
  max-width: calc(100% / 3);
  flex: 0 0 calc(100% / 3);
}
.awards-sprite-wrap > li:nth-child(3) {
  display: none;
}
/*FAQ style starts here*/
section.faq-bg {
  position: relative;
}
.faq-container {
  max-width: 900px;
  margin: 0 auto;
}
.faq-bg h2 {
  font: 40px / 1.2 Zoho_Puvi_SemiBold;
  margin: 0px 0px 20px 0px;
  text-align: center;
}
.faq-bg h3 {
  font: 20px / 1.2 Zoho_Puvi_Bold;
  margin: 30px 0px 20px 0px;
}
.faq-bg p {
  font: 18px / 1.6 Zoho_Puvi_Regular;
  margin: 0px 0px 0px 0px;
}
.faq-bg .slick-next, .faq-bg .slick-prev {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform-origin: center;
  border: 2px solid #0c8980;
  transition: all .5s ease;
}
.faq-bg .slick-next:hover, .faq-bg .slick-prev:hover {
  background: #0c8980;
}
.faq-bg .slick-next:hover::before, .faq-bg .slick-prev:hover:before, .faq-bg .slick-next:hover::after, .faq-bg .slick-prev:hover::after {
  background: #fff;
}
.faq-bg .slick-prev {
  left: -150px;
}
.faq-bg .slick-next {
  right: -150px;
}
.faq-bg .slick-next:after, .faq-bg .slick-next:before, .faq-bg .slick-prev:after, .faq-bg .slick-prev:before {
  background: #0c8980;
  width: 3px;
  height: 14px;
}
.faq-bg .slick-prev:before {
  top: 6px;
  left: 16px;
}
.faq-bg .slick-next:before {
  top: 7px;
  right: 15px;
}
.faq-bg .slick-prev:after {
  bottom: 7px;
  left: 15px;
}
.faq-bg .slick-next:after {
  bottom: 6px;
  right: 15px;
}
.faq-bg .slick-dots li.slick-active {
  background: #0c8980;
  width: 8px;
  height: 8px;
  border: 1px solid #0c8980;
}
a.faq-links {
  font: 16px / 1.1 "Zoho_Puvi_SemiBold";
  text-decoration: none;
  color: #0067ff;
}
/*FAQ style ends here*/
/*AI Page Style Starts Here*/
img.banner-image {
  width: 85%;
  display: block;
  margin: 0 auto;
}
.row {
  display: flex;
  justify-content: center;
  max-width: 1110px;
  margin: 50px auto 0 auto;
}
.row .col {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  flex-grow: 1;
  flex-basis: 0;
  padding: 50px 40px;
  box-shadow: 0px 0px 10px 1px #CAFFFA;
  margin: 10px;
  box-sizing: border-box;
}
.ai-section-bg {
  background: #F4FFFE;
  padding: 100px 0px;
}
.ai-section h2 {
  text-align: center;
  margin: 0px 0px 15px 0px;
}
.ai-section > p {
  font: 18px / 1.6 "Zoho_Puvi_Regular";
  margin: 0px auto 40px auto;
  text-align: center;
  max-width: 900px;
}
.ai-section > a {
  font: 20px / 1.5 "Zoho_Puvi_SemiBold";
  text-align: center;
  display: block;
  color: #004640;
  text-decoration: underline;
}
.ai-section .col img {
  width: 63px;
}
.ai-section .col h5 {
  font: 24px / 1.2 "Zoho_Puvi_Bold";
  margin: 10px 0px 0px 0px;
}
.ai-section .col h6 {
  font: 18px / 1.6 "Zoho_Puvi_Regular";
  margin: 0px 0px 20px 0px;
}
.ai-section .col p {
  font: 16px / 1.6 "Zoho_Puvi_Regular";
  margin: 0px 0px 20px 0px;
}
.ai-section .col a {
  font: 14px / 1.6 "Zoho_Puvi_Regular";
  display: inline-block;
  border: 1.5px solid #0B4A46;
  text-decoration: none;
  color: #0B4A46;
  padding: 3px 12px;
  border-radius: 3px;
}
.ai-section .col a:hover {
  background: #0B4A46;
  color: #fff;
}
span.sdp-cta-arrow {
  transition: 0.3s ease-in;
  padding: 0 0 0 5px;
  display: inline-block;
  transform: translateX(0px);
  vertical-align: middle;
}
.ai-section a:hover .sdp-cta-arrow {
  transform: translateX(5px);
  transition: 0.3s ease-in;
}
.ai-ml {
  margin-top: 50px !important;
  margin-bottom: 20px !important;
  font-size: 26px !important;
}
p.ai-disclaimer {
  font: 13px / 1.5 "Zoho_Puvi_Regular";
  text-align: center;
  margin: 0px 0px 30px 0px;
  padding: 0px 30px;
}
/*AI Page Style Ends Here*/
@media only screen and (max-width: 1600px) {
  .parent-circle {
    transform: scale(0.84);
    top: -30px;
  }
  .banner-section h1 {
    font-size: 55px;
    padding-right: 14px;
  }
  .banner-cta-arrow span {
    height: 90px;
    width: 100px;
  }
}
@media only screen and (max-width: 1500px) {
  .highlights-setion::after {
    display: none;
  }
  .side-button-wrap {
    right: -95px;
  }
}
@media only screen and (max-width: 1310px) {
  .promo-wrap .promo-link-wrap p {
    padding-right: 0;
  }
}
@media only screen and (min-width: 1250px) and (max-width: 1450px) {
  .banner-section {
    padding: 70px 0 140px 0;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .banner-section h1 {
    font-size: 50px;
  }
  .banner-section .cta {
    font: 20px/1.6 Zoho_Puvi_Bold;
  }
  .dasboard {
    right: -100px;
  }
  .edition-table .flex-wrap > div {
    padding: 60px 30px;
  }
    .brand-sprite-parent-wrap ul li:nth-child(3) span{
        background-position: -268px -101px;
        background-size: 530px;
    }
}
@media only screen and (max-width: 1300px) {
  .side-button-wrap {
    right: -90px;
    top: 330px;
  }
  .tab-infinitie-anim-wrap .list-item > div:nth-child(1) {
    max-width: 25%;
    flex: 0 0 25%;
  }
  .tab-infinitie-anim-wrap .list-item > div:nth-child(2) {
    max-width: 75%;
    flex: 0 0 75%;
    padding-left: 10px;
    padding-right: 0;
  }
  .tab-infinitie-anim-wrap h4 {
    font-size: 18px;
  }
  .tab-infinitie-anim-wrap, p {
    font-size: 16px;
  }
  .tab-infinitie-anim-wrap .list-item {
    padding: 30px 30px;
    margin-bottom: 35px;
  }
  .tab-infinitie-anim-wrap .list-item:nth-last-child(1) {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1124px) {
  .parent-circle {
    transform: scale(0.78);
    top: -30px;
  }
  .dasboard {
    right: -130px;
  }
  .chat-wrap {
    left: -90px;
  }
  .bot {
    left: 180px;
    top: 113px;
  }
  .banner-cta-arrow span {
    height: 90px;
    width: 90px;
  }
}
@media only screen and (max-width: 1024px) {
  .mobile-banner-image-container, .promo-wrap, .banner-section .flex-wrap {
    display: block;
  }
  .animated-img-wrap {
    display: none;
  }
  .mobile-banner-image-container .mobile-banner-img {
    max-width: 650px;
    margin: 0 auto;
    width: 100%;
  }
  .banner-section .flex-wrap > div {
    flex: 0 0 calc(100%);
    max-width: calc(100%);
    text-align: center;
  }
  .banner-section {
    padding: 100px 0 50px 0;
  }
  .trusted-brand-setion {
    padding: 30px 0 30px 0;
    margin: 0 0 0 0;
  }
  .banner-section .flex-left-wrap p {
    max-width: 100%;
  }
  .banner-section h1 {
    padding-right: 0;
    text-align: center;
  }
  .banner-section .cta {
    font-size: 20px;
  }
  .row {
    flex-wrap: wrap;
  }
  .row .col {
    flex-grow: inherit;
    flex-basis: inherit;
    min-width: 90%;
  }
    .brand-sprite-parent-wrap ul li:nth-child(3) span{
        background-position: -241px -82px;
        background-size: 465px;
    }
    .brand-sprite-parent-wrap ul li:nth-child(2) span {
        background-position: -3px -155px;
    }
    .brand-sprite-parent-wrap ul li:nth-child(5) span {
        background-position: -223px -194px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .brand-sprite-parent-wrap ul li {
    transform: scale(0.88);
  }
  .highlights-setion .flex-left-wrap {
    padding-right: 60px;
  }
  .infinitie-overlay-wrap .list-item > div:nth-child(1) span {
    transform: scale(0.8);
  }
  .stats-setion .three-column .stats-count-wrap:nth-child(1) {
    padding-right: 50px;
    padding-left: 0;
  }
  .stats-setion .three-column .stats-count-wrap:nth-child(2) {
    padding: 0 20px;
  }
  .stats-setion .three-column .stats-count-wrap:nth-child(3) {
    padding-left: 50px;
  }
  .edition-table .flex-wrap > div ul {
    padding-right: 0;
  }
  .edition-table .flex-wrap > div {
    padding: 60px 20px;
  }
  #professional {
    padding: 70px 30px 80px;
  }
}
@media only screen and (max-width: 992px) {
  .tab-infinitie-anim-wrap::before, .tab-infinitie-anim-wrap::after, .side-button-wrap, ul.side-button-wrap li, .tab-infinitie-anim-wrap .span-after, .tab-infinitie-anim-wrap .span-before {
    display: none;
  }
  .highlights-setion .flex-wrap, .highlights-section-static, .edition-table .flex-wrap {
    display: block;
  }
  .banner-section {
    padding: 70px 0 40px;
  }
  .footer-setion {
    padding: 70px 0;
  }
  section, .stats-setion, .awards-setion {
    padding: 0 0 70px;
  }
  .brand-sprite-sub-wrap .flex-wrap {
    margin-bottom: 50px;
  }
  .brand-sprite-parent-wrap ul li {
    margin-bottom: 20px;
  }
  .brand-sprite-parent-wrap {
    padding: 0 0;
  }
  .awards-sprite-wrap > li {
    max-width: 180px;
    flex: 0 0 300px;
    margin: 8px 20px;
  }
  .tab-infinitie-anim-wrap .list-item > div:nth-child(2) {
    padding-left: 0;
    margin-top: 10px;
    max-width: 100%;
  }
  .tab-infinitie-anim-wrap .list-item.active {
    background: unset;
    box-shadow: unset;
  }
  .brand-sprite-parent-wrap ul li {
    width: 180px;
  }
  .highlights-setion .flex-wrap > div {
    max-width: 100%;
  }
  .highlights-setion .flex-left-wrap {
    padding-right: 0;
    margin-bottom: 50px;
  }
  .tab-infinitie-anim-wrap {
    height: auto;
    overflow: visible;
  }
  .tab-infinitie-anim-wrap .list-item {
    display: block;
    height: auto;
    transform: scale(1);
    padding: 0 0;
  }
  .infinitie-overlay-wrap .list-item > div:nth-child(1) span {
    margin: 0 0;
  }
  .tab-infinitie-anim-wrap h4 {
    font: 20px/1.2 Zoho_Puvi_Bold;
  }
  .tab-infinitie-anim-wrap .list-item > div:nth-child(2) p {
    font: 18px/1.6 Zoho_Puvi_Regular;
    margin-top: 5px;
  }
  .edition-table .flex-wrap > div {
    max-width: 500px;
    margin: 50px auto 0;
    width: 95%;
    opacity: 1;
    transform: translateY(0);
  }
  .edition-table .flex-wrap > div:nth-child(2) {
    margin: 50px auto 0;
  }
  .edition-setion .bottom-content-wrap {
    margin-top: 50px;
  }
  .edition-cta {
    margin-top: 50px;
  }
  .footer-setion {
    margin: 50px 0 0;
  }
  .faq-bg {
    padding: 70px 0px;
  }
    .brand-sprite-parent-wrap ul li:nth-child(3) span{
        background-position: -248px -93px;
        background-size: 480px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .stats-setion .three-column .stats-count-wrap:nth-child(1) {
    padding-right: 20px;
    padding-left: 0;
  }
  .stats-setion .three-column .stats-count-wrap:nth-child(3) {
    padding-left: 20px;
  }
  .stats-setion .three-column .stats-count-wrap:nth-child(2) {
    padding: 0 25px;
  }
  .promo-link-wrap > div:nth-child(2) {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .headerinner, #header-topsec {
    padding: 0 10px;
    box-sizing: border-box;
  }
  .promo-link-wrap .arw_lnk {
    margin-bottom: 0;
    margin-top: 15px;
  }
  .banner-section h1 {
    font: 40px/1.3 Zoho_Puvi_Bold;
  }
  h2 {
    font: 32px/1.2 Zoho_Puvi_Bold;
  }
  .banner-section {
    text-align: center;
  }
  .banner-section .flex-left-wrap p {
    font-size: 19px;
  }
  .banner-section .cta {
    font: 16px/1.6 Zoho_Puvi_Bold;
  }
  .banner-section .flex-right-wrap {
    margin-top: 20px;
  }
  .banner-section .flex-left-wrap p {
    margin: 30px auto;
  }
  .animated-img-wrap, .side-button-wrap, .testimonial-cont-wrap .testi-arrow {
    display: none;
  }
  .promo-wrap {
    padding: 40px 15px 20px;
    flex-wrap: wrap;
  }
  .promo-wrap > div {
    max-width: 100%;
    margin: 0 auto 40px 0;
    padding: 30px 20px;
  }
  .promo-wrap > div:nth-child(2) {
    margin-bottom: 0;
  }
  .promo-link-wrap > div {
    margin: 0 auto;
    text-align: center;
  }
  .promo-wrap .flex-right-wrap {
    margin-top: 20px;
  }
  .promo-link-wrap > div:nth-child(2) {
    padding-right: 0;
    max-width: 400px;
    width: 90%;
  }
  .brand-sprite-parent-wrap ul {
    display: flex;
  }
  .brand-sprite-parent-wrap ul li {
    width: 160px;
  }
  .brand-sprite-parent-wrap::after {
    top: 0;
  }
  .awards-setion .flex-wrap {
    display: flex;
  }
  .highlights-setion .flex-left-wrap {
    padding-right: 0;
  }
  .infinitie-overlay-wrap .list-item > div:nth-child(1).privacy span {
    background-position: -113px -8px;
    width: 90px;
  }
  .tab-infinitie-anim-wrap .span-after {
    background: transparent;
  }
  .stats-setion .three-column .stats-count-wrap:nth-child(1), .stats-setion .three-column .stats-count-wrap:nth-child(2), .stats-setion .three-column .stats-count-wrap:nth-child(3) {
    padding: 0 0;
  }
  .stats-setion h2 {
    text-align: left;
  }
  .testimonial-cont-wrap {
    padding: 60px 20px 30px;
  }
  .edition-table .flex-wrap > div {
    max-width: calc(100%);
    transform: translateY(0);
    opacity: 1;
  }
  .testi-content {
    font: 22px/1.6 Zoho_Puvi_SemiBold;
  }
  .edition-table #standard, .edition-table #enterprise, .edition-table #professional {
    padding: 60px 40px;
  }
  .edition-table #enterprise {
    margin: 50px auto;
  }
  .footer-setion {
    overflow-x: hidden;
  }
  .footer-cta {
    justify-content: space-around;
    max-width: 340px;
    width: 100%;
  }
  .footer-cta > div {
    margin-bottom: 20px;
  }
  .footer-cta #signup, .footer-cta #demo {
    padding: 0 15px;
  }
  .footer-cta #signup a, .footer-cta #demo a {
    font-size: 16px;
  }
  .footer-setion::before, .footer-cont-wrap::after, .footer-cont-wrap::before {
    animation: unset;
  }
  .cta {
    padding: 10px 10px;
  }
  .banner-section .cta {
    padding: 12px 50px;
  }
  .promo-link-wrap > div:nth-child(2) {
    max-width: 100%;
    width: 100%;
  }
  .promo-link-wrap > div:nth-child(2) {
    padding: 0 0;
  }
  .footer-cta div:nth-child(1) {
    margin-right: 0;
  }
  #meCommonFooterNew .footer {
    box-sizing: border-box;
    padding: 0 15px;
  }
  .faq-wrapper {
    padding: 50px 0px;
  }
  .panel {
    max-width: 100%;
  }
  h2.faq-main-heading {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 414px) {
  .promo-link-wrap > div:nth-child(2) {
    padding: 0 0 0 0;
  }
  .banner-section .cta {
    padding: 12px 20px;
  }
  .arw_lnk.next-arw {
    display: block;
  }
  .faq-bg h2 {
    font: 30px / 1.1 Zoho_Puvi_SemiBold;
  }
  .row .col {
    min-width: 100%;
  }
    .brand-sprite-parent-wrap ul li:nth-child(5) span {
        background-position: -221px -194px;
        background-size: 530px auto;
    }
}