@import url("https://www.manageengine.com/css/fonts.css");
html {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
body {
  margin: 0;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-family: Zoho_Puvi_Regular;
  overflow-x: hidden;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:after, blockquote:before, q:after, q:before {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
embed, img, object, video {
  max-width: 100%;
  height: auto;
}
video {
  width: 100%;
}
input:focus, keygen:focus, select:focus, textarea:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
}
input {
  border: 0;
  border-radius: 0;
}
.heading-menu {
  display: none;
}
#scroll {
  display: none;
}
.container-new {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 30px;
}
.space {
  padding: 100px 0px;
}
.container-new h1 {
  font: 42px/1.2 'Zoho_Puvi_Bold' !important;
  margin-bottom: 10px;
}
.container-new h2 {
  font: 30px/1.4 'Zoho_Puvi_Bold';
  margin: 40px 0px;
}
.container-new h3 {
  font: 26px/1.4 'Zoho_Puvi_SemiBold';
  margin: 40px 0px 20px 0px;
}
.container-new h4 {
  font: 24px/1.4 'Zoho_Puvi_SemiBold'
}
.container-new h5 {
  font: 20px/1.4 'Zoho_Puvi_SemiBold'
}
.container-new h6 {
  font-size: 16px
}
.container-new p {
  font-size: 18px;
  line-height: 1.6;
  margin: 0 0 30px;
}
.container-new a {
  font-size: 18px;
  line-height: 1.6;
  margin: 0 0 30px;
}
header:not(.abheader) #MEmobPanel {
  top: 82px !important;
}
.row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding: 20px 0;
}
.col {
  flex-grow: 1;
  flex-basis: 0;
  margin: 0px 50px;
}
.banner-bg {
  background: #ebf8fe;
}
.banner p {
  margin: 0px auto 30px auto;
  font-size: 19px;
}
.banner a {
  display: inline-block;
  background: #ee4a44;
  color: #fff;
  text-decoration: none;
  padding: 10px 30px;
  text-transform: uppercase;
  font-size: 17px;
  font-family: 'Zoho_Puvi_Bold';
  max-width: 300px;
}
.section-heading {
  max-width: 65%;
  text-align: center;
  margin: 0px auto 50px auto !important;
}
p.breadcrumb {
  font-size: 14px !important;
  display: block;
  margin-top: 10px;
}
p.breadcrumb a {
  font-size: 14px !important;
  color: #484848;
  text-decoration: none;
}
p.breadcrumb a:hover {
  text-decoration: none;
}
a.breadcrumb-title {
  cursor: text;
  color: #3180d2 !important;
}
.pB20 {
  padding-bottom: 20px !important;
}
.mB20 {
  margin-bottom: 20px !important;
}
.pB10 {
  padding-bottom: 10px !important;
}
.mB10 {
  margin-bottom: 10px !important;
}
.pB0 {
  padding-bottom: 0px !important;
}
.mB0 {
  margin-bottom: 0px !important;
}
.mob {
  display: none
}
.dcview {
  display: block
}
.features-bg h2 {
  max-width: 70%;
  margin: 70px auto 100px auto;
  text-align: center;
}
span.mov-icons {
  position: absolute;
  right: 30px;
  bottom: 30px;
}
.icon {
  background-image: url(https://cdn.manageengine.com/products/service-desk/enterprise/images/icons-sprite.png);
  display: block;
}
.icon-1 {
  background-position: -983px -42px;
  width: 90px;
  height: 97px;
}
.icon-2 {
  background-position: -147px -27px;
  width: 108px;
  height: 108px;
}
.icon-3 {
  background-position: -285px -41px;
  width: 55px;
  height: 91px;
}
.wistia-video {
  max-width: 700px;
  display: block;
  margin: 0 auto;
}
p.disctxt {
  width: 70%;
  margin: 0 auto;
  text-align: center
}
.tab-items {
  overflow: hidden;
}
.tab {
  text-align: center;
  margin-top: 50px;
}
.tabcontent {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  margin: 30px 0px 0px 0px
}
.tabcontent div {
  flex-grow: 1;
  flex-basis: 0;
  margin: 30px 50px;
}
button.tablinks {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: transparent;
  background-color: transparent;
  border: none;
  font-size: 17px;
  outline: none;
  font-family: 'Zoho_Puvi_SemiBold';
  cursor: pointer;
  padding: 10px 35px;
}
button.tablinks:hover {
  border: none;
  background: #e6f4ff;
  border-radius: 50px;
  color: #2293e8;
}
.tab button.active {
  background-color: #ccc;
  border-radius: 50px;
}
.tab button.active {
  background-color: #e6f4ff;
  color: #2293e8;
}
.tabcontent a {
  font-size: 14px;
  text-decoration: none;
  font-family: 'Zoho_Puvi_Medium';
  animation: effect1 0.4s ease-in;
  transition: 1s all;
  display: inline-block;
}
.tabcontent p {
  animation: effect1 0.4s ease-in;
  transition: 1s all;
}
.tabcontent h2 {
  animation: effect1 0.4s ease-in;
  transition: 1s all;
}
@keyframes effect1 {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(0px);
  }
}
picture.screenshots {
  animation: effect2 0.4s ease-in;
  display: block;
}
@keyframes effect2 {
  0% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(0px);
  }
}
.litebluebg {
  background: #ebf8fe;
}
.litebluebg h2 {
  color: #000;
}
.col-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.col-items {
  text-align: center;
  flex-grow: 1;
  flex-basis: 0;
  margin: 0px 50px;
}
p.disclaimer-text {
  font-size: 12px;
  margin: 40px auto 0px auto;
  text-align: center;
  max-width: 50%;
}
.col-items .icon {
  margin: 0 auto;
  min-height: 136px;
}
.icon-4 {
  background-position: -280px 0px;
  width: 140px;
  height: 135px;
  background-size: 1000px;
}
.icon-5 {
  background-position: -410px 0px;
  width: 135px;
  height: 135px;
  background-size: 1000px;
}
.icon-6 {
  background-position: -505px 15px;
  width: 140px;
  height: 135px;
  background-size: 900px;
}
.col-main-wrapper {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
}
.col-sub-wrapper {
  flex-grow: 1;
  flex-basis: 0;
}
.privacy-security a {
  text-align: center;
  display: block;
  font-size: 14px;
  text-decoration: none;
  font-family: 'Zoho_Puvi_Medium';
  display: block;
  margin: 50px 0px 0px 0px;
}
ul.list-items li {
  position: relative;
  margin-bottom: 15px;
  line-height: 1.6;
  padding-left: 25px;
  font-size: 18px;
}
ul.list-items li:before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00bcee;
  border-radius: 50px;
  position: absolute;
  top: 10px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
ul.certifications-list {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
ul.certifications-list li {
  min-width: 30%;
  margin: 25px;
}
ul.certifications-list li span {
  margin: 0 auto;
}
.icon-7 {
  background-position: -24px -208px;
  width: 192px;
  height: 103px;
}
.icon-8 {
  background-position: -897px -231px;
  width: 100px;
  height: 100px;
}
.icon-9 {
  background-position: -777px -472px;
  width: 177px;
  height: 100px;
}
.icon-10 {
  background-position: -671px -225px;
  width: 198px;
  height: 108px;
}
.clients-bg {
  background: #ebf8fe;
}
ul.clients-list {
  display: flex;
  justify-content: center;
  align-items: center;
}
ul.clients-list li {
  margin: 0px 40px;
}
ul.exp-users li {
  margin: 0px;
}
ul.clients-list span {
  display: block;
  margin: 0 auto;
}
.clients a {
  text-align: center;
  display: block;
  font-size: 14px;
  text-decoration: none;
  font-family: 'Zoho_Puvi_Medium';
  display: block;
  margin: 50px 0px 0px 0px;
}
.client1 {
  background-position: -31px -391px;
  width: 179px;
  height: 38px;
}
.client2 {
  background-position: -269px -376px;
  width: 144px;
  height: 63px;
}
.client3 {
  background-position: -473px -385px;
  width: 171px;
  height: 50px;
}
.client4 {
  background-position: -703px -372px;
  width: 78px;
  height: 78px;
}
.gartner {
  background-position: -1004px -39px;
  width: 100px;
  height: 103px;
}
.pinkverify {
  background-position: -30px -481px;
  width: 220px;
  height: 85px;
}
.insights {
  background-position: -511px -462px;
  width: 250px;
  height: 129px;
}
.testmonial {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
}
.testimonial-col {
  flex-grow: 1;
  flex-basis: 0;
}
.testmonial p {
  font-size: 21px;
  font-family: 'Zoho_Puvi_Medium';
  max-width: 80%;
  margin-bottom: 20px;
}
.testmonial a {
  font-size: 14px;
  text-decoration: none;
  font-family: 'Zoho_Puvi_Medium';
  animation: effect1 0.4s ease-in;
  transition: 1s all;
  display: inline-block;
}
p.author-name {
  font-size: 14px;
}
.compliance-bg {
  background: #ebf8fe;
}
.compliance a {
  /*display: inline-block;*/
  background: #ee4a44;
  color: #fff;
  text-decoration: none;
  padding: 10px 30px;
  text-transform: uppercase;
  font-size: 17px;
  font-family: 'Zoho_Puvi_Bold';
}
.center {
  text-align: center;
}
.compliance h2 {
  margin-bottom: 10px !important;
}
.compliance p {
  max-width: 55%;
  margin: 0 auto 30px auto;
  text-align: center;
}
span.arrow-animation {
  display: inline-block;
}
.tabcontent a:hover .arrow-animation, .box a:hover .arrow-animation, .clients a:hover .arrow-animation, .testmonial a:hover .arrow-animation, .deploy a:hover .arrow-animation, .experts a:hover .arrow-animation, .watch-video-button:hover .arrow-animation, .privacy-security a:hover .arrow-animation {
  transform: translateX(5px);
  transition: all .3s ease;
}
/*popup video*/
.watch-video-button {
  cursor: pointer;
  display: block;
  max-width: 300px;
  text-align: center;
}
.watch-video-button a {
  font-size: 14px;
  text-decoration: none;
  font-family: 'Zoho_Puvi_Medium';
  animation: effect1 0.4s ease-in;
  transition: 1s all;
  display: inline-block;
  color: #138cd6;
}
.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 75% !important;
  transform: translate(-50%, -50%);
  z-index: 999999;
}
.popup img {
  margin: 0 auto;
  display: block;
}
.cancel {
  cursor: pointer;
  height: 65px;
  position: fixed;
  right: 10px;
  top: 10px;
  width: 65px;
  z-index: 999999;
  display: none;
}
.bg-overlay {
  background: #000000e8;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999999;
  position: fixed;
  display: none;
}
/*popup video*/
.deploy-bg {
  background: #e6faff;
}
.deploy a {
  font-size: 14px;
  text-decoration: none;
  font-family: 'Zoho_Puvi_Medium';
  animation: effect1 0.4s ease-in;
  transition: 1s all;
  display: inline-block;
}
.deploy p {
  font-size: 21px;
  font-family: 'Zoho_Puvi_Medium';
  margin-bottom: 20px;
}
.experts a {
  text-align: center;
  display: block;
  font-size: 14px;
  text-decoration: none;
  font-family: 'Zoho_Puvi_Medium';
  margin: 50px 0px 0px 0px;
}
p.logo-text {
  text-align: center;
  max-width: 56%;
  margin: 10px auto 0px auto;
}
.banner .col img {
  animation: fadein 1s ease-in-out;
}
@keyframes fadein {
  0% {
    transform: translateY(50px)
  }
  100% {
    transform: translateY(0px)
  }
}
.animation {
  opacity: 0;
  transition: all ease 1s;
  -webkit-transition: all ease 1s;
  -moz-transform: translateY(100px);
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
}
.active-anim .animation {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: inherit;
}
.animation-left {
  opacity: 0;
  transition: all ease 1s;
  -webkit-transition: all ease 1s;
  -moz-transform: translateX(100px);
  -webkit-transform: translateX(100px);
  -moz-transform: translateX(100px);
}
.active-anim .animation-left {
  opacity: 1;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: inherit;
}
.animation-right {
  opacity: 0;
  transition: all ease 1s;
  -webkit-transition: all ease 1s;
  -moz-transform: translateX(-100px);
  -webkit-transform: translateX(-100px);
  -moz-transform: translateX(-100px);
}
.active-anim .animation-right {
  opacity: 1;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: inherit;
}
.delay1 {
  opacity: 0;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transform: translateY(25px);
  -webkit-transform: translateY(25px);
  -moz-transform: translateY(25px);
}
.active-anim .delay1 {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: inherit;
}
.delay2 {
  opacity: 0;
  transition: all ease 0.75s;
  -webkit-transition: all ease 0.75s;
  -moz-transform: translateY(25px);
  -webkit-transform: translateY(25px);
  -moz-transform: translateY(25px);
}
.active-anim .delay2 {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: inherit;
}
.delay3 {
  opacity: 0;
  transition: all ease 1s;
  -webkit-transition: all ease 1s;
  -moz-transform: translateY(25px);
  -webkit-transform: translateY(25px);
  -moz-transform: translateY(25px);
}
.active-anim .delay3 {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: inherit;
}
.delay4 {
  opacity: 0;
  transition: all ease 1.25s;
  -webkit-transition: all ease 1.25s;
  -moz-transform: translateY(25px);
  -webkit-transform: translateY(25px);
  -moz-transform: translateY(25px);
}
.active-anim .delay4 {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: inherit;
}
.delay5 {
  opacity: 0;
  transition: all ease 1.5s;
  -webkit-transition: all ease 1.5s;
  -moz-transform: translateY(25px);
  -webkit-transform: translateY(25px);
  -moz-transform: translateY(25px);
}
.active-anim .delay5 {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: inherit;
}
picture.screenshots {
  max-width: 80%;
  margin: 0 auto;
}
@media only screen and (max-width:1024px) {
  .container-new h1 {
    font: 30px/1.2 'Zoho_Puvi_Bold' !important;
    margin-bottom: 10px;
  }
  .features-bg h2 {
    max-width: 80%;
    margin: 70px auto 70px auto;
    text-align: center;
  }
  .section-heading {
    max-width: 100%;
  }
  .col-main-wrapper {
    flex-wrap: wrap;
  }
  .col-sub-wrapper {
    flex-grow: inherit;
    flex-basis: inherit;
  }
  .certifications-list span.icon {
    margin: 0 auto;
  }
  ul.certifications-list li {
    min-width: 10%;
    margin: 35px;
  }
  .testimonial-col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0 20px;
  }
  .testmonial p {
    max-width: 100%;
  }
  .compliance p {
    max-width: 100%;
  }
  ul.clients-list li {
    margin: 40px;
  }
}
@media only screen and (max-width:768px) {
  .mob {
    display: block;
    text-align: center;
    padding: 50px 0;
  }
  .dcview {
    display: none
  }
  .banner {
    flex-direction: column-reverse;
    text-align: center;
  }
  .banner a {
    margin: 0px auto 30px auto;
  }
  .watch-video-button {
    max-width: 100%;
  }
  img.anim {
    margin-top: 50px;
    max-width: 300px;
  }
  .container-new.deploy {
    padding: 0 30px;
  }
  ul.certifications-list li {
    min-width: 30%;
    margin: 40px;
  }
  .tab {
    display: none;
  }
  .tabcontent {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    margin-bottom: 60px;
  }
  .tabcontent div {
    flex-grow: inherit;
    flex-basis: 100%;
    margin: 0px;
  }
  .col-wrapper {
    flex-wrap: wrap;
  }
  .col-items {
    flex-grow: inherit;
    flex-basis: 100%;
    margin: 30px 0px;
  }
  .testmonial {
    flex-wrap: wrap;
  }
  .testimonial-col {
    flex-grow: inherit;
    flex-basis: 100%;
    margin: 20px 0px;
  }
  .row {
    flex-wrap: wrap;
    justify-content: center;
  }
  .col {
    flex-grow: inherit;
    flex-basis: inherit;
    margin: 0px;
  }
  p.disclaimer-text {
    max-width: 100%;
  }
}
@media only screen and (max-width:667px) {
  #workflows, #virtual-agent, #customizations, #itsm, #itops {
    display: block
  }
  .space {
    padding: 50px 0px;
  }
  p.breadcrumb {
    display: none
  }
  .features-bg h2 {
    max-width: 100%;
    margin: 50px auto 0 auto;
    text-align: center;
  }
  .testimonial-col {
    margin: 0;
    padding: 0;
  }
  ul.clients-list {
    flex-wrap: wrap;
    flex-direction: column;
  }
}