@import url("https://www.manageengine.com/css/fonts.css");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}
body {
  line-height: 1
}
ol, ul {
  list-style: none
}
blockquote, q {
  quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
body {
  font-family: 'Zoho_Puvi_Regular';
  color: #000;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  background: #fff;
}
em {
  font-style: italic
}
.clearfix:before, .clearfix:after {
  display: table;
  line-height: 0;
  content: ""
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
* + html .clearfix {
  display: inline-block
}
.clearfix:after {
  clear: both
}
strong {
  font-weight: 600 !important;
}
h1 {
  font: 40px/1.2 'Zoho_Puvi_Bold';
  color: #000;
  margin-bottom: 20px;
}
h2 {
  font: 36px/1.25 'Zoho_Puvi_Bold';
  color: #000
}
h3 {
  font: 20px/1.3 'Zoho_Puvi_SemiBold';
  color: #000
}
h4 {
  font: 18px/1.4 'Zoho_Puvi_SemiBold';
  color: #000
}
p {
  font: 17px/1.6 'Zoho_Puvi_Regular';
  color: #000
}
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 100px;
}
.dldesc {
  display: none;
}
#backToTop {
  display: none
}
#user-detail {
  display: none;
}
.dldesc {
  display: none;
}
img {
  width: auto;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: none;
  outline: none;
  -ms-interpolation-mode: bicubic;
}
a.internal-links {
  text-decoration: none;
  color: #0091fe;
  border-bottom: 1px solid #0091fe;
}
/* Page header style start */
.stickyfixed-header {
  width: 75% !important;
  margin-top: 0px !important;
}
.header-bg {
  padding: 20px 0px;
  z-index: 9999;
  position: fixed;
  top: 0px;
  width: 100%;
  background: #fff;
  box-shadow: 0px 0px 5px #e2e2e2;
}
.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
  margin: 0px;
  box-sizing: border-box;
  padding: 0px 100px 0px 100px;
}
img.logo {
  width: 250px;
}
ul.menu-list {
  display: flex;
  align-items: center;
}
ul.menu-list li {
  margin: 20px;
}
ul.menu-list li:last-child {
  margin-right: 0px;
}
ul.menu-list li a {
  text-decoration: none;
  color: #000;
  font-size: 16px;
  position: relative;
}
ul.menu-list li a:before {
  content: "";
  width: 0%;
  border-bottom: 2px solid #f44336;
  position: absolute;
  top: 20px;
  left: 0px;
  bottom: 0;
  transition: width 0.5s;
}
a.trynow {
  font-family: 'Zoho_Puvi_SemiBold';
  font-size: 16px !important;
  border: 1px solid #2d7bc8;
  color: #2d7bc8 !important;
  padding: 10px 20px;
  border-radius: 2px;
  cursor: pointer;
  text-decoration: none;
}
a.trynow:hover {
  background: #2d7bc8;
  border: 1px solid #2d7bc8;
  color: #fff !important;
}
a.scroll {
  background: #ea4b49;
  text-align: center;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: bold;
  padding: 15px 50px;
}
/*desktop menu style ends*/
/*mobile menu style starts*/
ul.menu-items {
  position: absolute;
  background: #333;
  max-width: 100%;
  left: 0;
  right: 0;
  top: 100px;
  display: none;
  z-index: 999;
}
ul.menu-items li {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
ul.menu-items li:not(:last-child) {
  padding: 15px 50px;
  border-bottom: 1px solid #555;
}
ul.menu-items li a {
  text-decoration: none;
  display: block;
  color: #fff;
  font-size: 16px;
}
ul.menu-list > li a:hover:before {
  width: 100%;
}
ul.menu-list > li:nth-child(3) a:hover:before {
  width: 0%;
}
.hamburger {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  display: inline-block;
  position: relative;
  margin: 0px;
  display: none !important;
}
.hamburger:after, .hamburger span:before, .hamburger span:after {
  content: "";
  width: 20px;
  height: 2px;
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  transition: 0.2s ease-in-out;
}
a.hamburger span:before {
  transform: translateY(-5px);
}
a.hamburger span:after {
  transform: translateY(5px);
}
.hamburger-active:after {
  height: 0px;
}
.hamburger-active span:before {
  transform: rotate(45deg) !important;
}
.hamburger-active span:after {
  transform: rotate(-45deg) !important;
}
/*mobile menu style ends*/
/*Request demo form style starts*/
.overlay {
  background: #000000e8;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999999999;
  position: fixed;
  display: none;
}
.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 500px;
  height: 600px;
  margin: 0 auto;
  background: #0b5cac;
  padding: 50px;
  overflow-y: scroll;
  z-index: 100000000000000000;
  box-sizing: border-box;
}
.cancel {
  display: relative;
  cursor: pointer;
  margin: 0;
  height: 20px;
  width: 20px;
  padding: 5px;
  background-color: #f0483e;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  color: #fff;
  z-index: 100000000000000000;
  position: absolute;
  top: 0;
  right: 0;
}
.cancel:hover {
  background: rgb(255, 50, 50);
}
.gtdmo {
  font-family: 'Zoho_Puvi_Bold';
  text-align: center;
  font-size: 30px;
  line-height: 1.5;
  padding-bottom: 30px;
  color: #fff;
}
.opodrdiobtns {
  width: 100%;
  text-align: center
}
.inline {
  display: inline-block;
}
.inline + .inline {
  margin-left: 0px;
}
.radio {
  position: relative;
  margin-bottom: -2px;
}
.radio span {
  position: relative;
  padding-left: 20px;
  color: #ccc;
}
.radio span:after {
  content: '';
  width: 15px;
  height: 15px;
  border: 3px solid;
  position: absolute;
  left: 0;
  top: 1px;
  border-radius: 100%;
  -ms-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.radio input[type="radio"] {
  cursor: pointer;
  position: absolute;
  width: 100% !important;
  height: 100%;
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.radio input[type="radio"]:checked + span {
  color: #fff;
}
.radio input[type="radio"]:checked + span:before {
  content: '';
  width: 5px;
  height: 5px;
  position: absolute;
  background: #fff;
  left: 5px;
  top: 6px;
  border-radius: 100%;
  -ms-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}
.cldonprscont {
  width: 100%;
}
.cldonprs-active {
  color: #fff !important
}
.cldonprstab {
  height: 31px;
  position: relative;
  background: #fff;
  border: 1px solid #d1d3d2;
  font-size: 14px;
  padding-top: 1px;
  color: #929292;
  width: 260px;
  margin: 0 auto;
}
.cldonprstab .moving-bg {
  padding: 15px 15px;
  background-color: #909090;
  position: absolute;
  width: 100px;
  z-index: 190;
  left: 0;
  color: #929292;
  margin-left: 1px;
}
.cldonprstab .cldonprs_item {
  display: block;
  float: left;
  padding: 5px 15px;
  width: 100px;
  color: #444;
  text-align: center;
  z-index: 200;
  position: relative;
  cursor: pointer;
}
.tabslider ul a {
  color: #929292;
  text-decoration: none;
}
textarea, input.text, input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="button"], input[type="submit"], .input-checkbox {
  -webkit-appearance: none;
  border-radius: 0;
}
.deplymethod {
  border-bottom: 2px solid #fff;
  position: absolute;
  right: 0;
  left: 0;
  display: flex;
  justify-content: center;
}
.demoform input[type="radio"] {
  opacity: 0;
}
.deplymethod label {
  display: inline-block;
  padding: 10px !important;
  font-size: 15px;
  color: #fff;
  font-family: 'Zoho_Puvi_SemiBold';
  border: 2px solid #fff;
  width: 100px;
}
.radio lable.cloudlble {
  margin-left: -5px
}
.deplymethod input[type="radio"]:checked + label {
  background-color: #ffe786;
  color: #0d5cac;
  border: 2px solid #ffe786;
}
.formbodycont {
  margin-top: 80px;
  position: relative;
}
.demoform input {
  font-family: "Zoho_Puvi_Regular";
  width: 100%;
  height: 50px;
  padding: 10px 15px;
  border: none;
  box-sizing: border-box;
  font-size: 15px;
  margin: 0px auto 15px auto;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 0;
  background: #fff;
  color: #000;
}
.demoform select {
  font-family: "Zoho_Puvi_Regular";
  width: 100%;
  padding: 10px 15px !important;
  height: 50px !important;
  outline: none;
  border: none;
  font-size: 15px;
  margin-bottom: 15px;
  color: #000 !important;
  border-radius: 0;
  -webkit-appearance: none !important;
  -webkit-appearance: button;
  -moz-appearance: button;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-padding-end: 20px;
  -moz-padding-end: 20px;
  -webkit-padding-start: 2px;
  -moz-padding-start: 2px;
  background-color: #ffffff;
  background-image: url(../images/select-dropdown-arrow.png), -webkit-linear-gradient(top, #ffffff, #ffffff);
  background-image: url(../images/select-dropdown-arrow.png), -moz-linear-gradient(top, #ffffff, #ffffff);
  background-image: url(../images/select-dropdown-arrow.png), -ms-linear-gradient(top, #ffffff, #ffffff);
  background-image: url(../images/select-dropdown-arrow.png), -o-linear-gradient(top, #ffffff, #ffffff);
  background-image: url(../images/select-dropdown-arrow.png), linear-gradient(to bottom, #ffffff, #ffffff);
  background-position: center right;
  background-repeat: no-repeat;
}
.demoform input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000 !important;
  opacity: 1;
  /* Firefox */
  font-size: 14px !important;
}
.demoform input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #000 !important;
  font-size: 14px !important;
}
.demoform input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #000 !important;
  font-size: 14px !important;
}
.demoform #meGDPRMessage {
  margin-top: 15px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}
.demoform #meGDPRMessage lable {
  display: block;
  background: none;
  width: 100%;
  color: #fff;
  font-size: 14px;
  margin-top: 0px;
  padding-top: 0px !important;
}
.demoform input.error {
  border: 1px solid red !important;
}
.demoform select.error {
  border: 1px solid red !important;
}
.dmo-opodchk {
  width: 47%;
  margin: 20px auto 0 auto
}
input.dmo-rdiobtn {
  width: 20px;
  height: 15px;
}
input.demo-submit {
  background: #ffd325 !important;
  color: #0d5cac !important;
  font-size: 18px;
  width: 100% !important;
  padding: 13px 20px !important;
  outline: none;
  border-radius: 2px;
  height: auto !important;
  border: none !important;
  cursor: pointer;
  font-family: 'Zoho_Puvi_Bold';
}
#meGDPRMessage {
  margin-top: 15px;
}
.demoform span.errormsg {
  position: relative;
  left: 0px;
  margin-top: -11px !important;
  font-size: 11px;
  color: red;
  display: block;
  margin-bottom: 4px;
  text-align: left;
}
.download-form span.errormsg {
  position: relative;
  left: 0px;
  margin-top: 4px !important;
  font-size: 11px;
  color: red;
  display: block;
  margin-bottom: -4px;
  text-align: left;
}
input#sendmemail {
  width: 20px !important;
  height: auto !important;
  padding: 0px;
  margin: 0px;
}
label#sendmemailcheck {
  font-size: 12px;
  position: relative;
  padding: 0px;
  margin: 0px;
  text-align: left !important;
  color: #fff !important;
}
.prvcy-plicy {
  font-size: 13px;
  color: #b2dff9;
  text-align: center;
  margin: 10px 0px 20px 0px;
  line-height: 1.5;
}
.prvcy-plicy strong {
  font-weight: 400 !important;
}
.prvcy-plicy a {
  font-size: 13px;
  color: #fff;
  text-decoration: none;
  font-weight: 400
}
/*Request demo form style ends*/
/*customer logo starts*/
.sdp-logo-blocks {
  overflow: hidden;
}
.sdp-logo-blocks .sdpcus-block {
  background-color: #fff;
  min-height: 100px;
  position: relative;
  box-sizing: border-box;
  border: 5px solid #e9f6ff;
  width: 25%;
  float: left;
}
.sdp-logo-blocks img.clear-channel {
  top: 70px;
}
.sdpcstmr01 div, .sdpcstmr02 div, .sdpcstmr03 div, .sdpcstmr04 div, .sdpcstmr05 div, .sdpcstmr06 div, .sdpcstmr07 div, .sdpcstmr08 div {
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  padding-top: 15px;
  width: 175px;
}
.sdpcstmr01 .cb-img, .sdpcstmr02 .cb-img, .sdpcstmr03 .cb-img, .sdpcstmr04 .cb-img, .sdpcstmr05 .cb-img, .sdpcstmr06 .cb-img, .sdpcstmr07 .cb-img, .sdpcstmr08 .cb-img {
  opacity: 0;
  transition: all 0.6s ease-out 0s;
}
.sdpcstmr01 .cb-img.active, .sdpcstmr02 .cb-img.active, .sdpcstmr03 .cb-img.active, .sdpcstmr04 .cb-img.active, .sdpcstmr05 .cb-img.active, .sdpcstmr06 .cb-img.active, .sdpcstmr07 .cb-img.active, .sdpcstmr08 .cb-img.active {
  opacity: 1;
  transition: all 0.5s ease-in 0s;
}
.sdpcutmrlogos {
  display: none;
}
.dllclogo, .rbsclogo, .vdfonclogo, .vairbsclogo, .simnsclogo, .medronicclogo, .kofxclogo, .disnyclogo, .hondaclogo, .xeroxclogo, .etihdclogo, .toysrsclogo, .abcclogo, .scaniaclogo, .graystnclogo, .dekalbclogo, .vensnclogo, .swislifclogo, .avrdaclogo, .pbibnkclogo, .pinkclogo, .rlayhlthclogo, .estcpitlclogo, .kartnsonclogo, .altrexptsclogo, .ksbcdcclogo, .maxconlclogo, .thyssnkrpclogo, .grenairptclogo, .soriforgclogo, .toledoclogo, .premierbnklogo {
  background: url(../images/servicedeskplus-customers-images.png) no-repeat 0 0;
}
.dllclogo {
  background-position: -1px -1px;
  width: 71px;
  height: 71px;
  display: block
}
.rbsclogo {
  background-position: -80px -1px;
  width: 107px;
  height: 32px;
  display: block;
  margin-top: 15px;
}
.vdfonclogo {
  background-position: -188px 0px;
  width: 91px;
  height: 60px;
  display: block
}
.vairbsclogo {
  background-position: -280px -1px;
  width: 161px;
  height: 37px;
  display: block
}
.simnsclogo {
  background-position: -451px -1px;
  width: 161px;
  height: 26px;
  display: block;
  margin-top: 15px;
}
.medronicclogo {
  background-position: 0px -80px;
  width: 163px;
  height: 49px;
  display: block
}
.kofxclogo {
  background-position: -191px -77px;
  width: 169px;
  height: 30px;
  display: block;
  margin-top: 15px;
}
.disnyclogo {
  background-position: -361px -64px;
  width: 127px;
  height: 56px;
  display: block
}
.hondaclogo {
  background-position: -495px -72px;
  width: 149px;
  height: 31px;
  display: block;
  margin-top: 15px;
}
.xeroxclogo {
  background-position: 1px -136px;
  width: 133px;
  height: 38px;
  display: block;
  margin-top: 15px;
}
.etihdclogo {
  background-position: -135px -140px;
  width: 136px;
  height: 74px;
  display: block
}
.toysrsclogo {
  background-position: -275px -136px;
  width: 115px;
  height: 29px;
  display: block
}
.abcclogo {
  background-position: -398px -136px;
  width: 53px;
  height: 53px;
  display: block;
  margin-top: 5px;
}
.scaniaclogo {
  background-position: -459px -136px;
  width: 70px;
  height: 41px;
  display: block;
  margin-top: 10px;
}
.graystnclogo {
  background-position: -2px -220px;
  width: 151px;
  height: 39px;
  display: block;
  margin-top: 8px;
}
.dekalbclogo {
  background-position: -156px -214px;
  width: 123px;
  height: 51px;
  display: block
}
.vensnclogo {
  background-position: -282px -214px;
  width: 159px;
  height: 42px;
  display: block;
  margin-top: 5px;
}
.swislifclogo {
  background-position: -444px -214px;
  width: 149px;
  height: 65px;
  display: block
}
.avrdaclogo {
  background-position: -1px -325px;
  width: 126px;
  height: 39px;
  display: block;
  margin-top: 15px;
}
.pbibnkclogo {
  background-position: -127px -305px;
  width: 110px;
  height: 46px;
  display: block
}
.pinkclogo {
  background-position: -239px -305px;
  width: 94px;
  height: 48px;
  display: block;
  margin-top: 5px;
}
.rlayhlthclogo {
  background-position: -508px -305px;
  width: 156px;
  height: 26px;
  display: block;
  margin-top: 15px;
}
.estcpitlclogo {
  background-position: -2px -388px;
  width: 171px;
  height: 16px;
  display: block;
  margin-top: 20px;
}
.premierbnklogo {
  background-position: -554px -130px;
  width: 119px;
  height: 49px;
  display: block;
  margin-top: 5px;
}
.kartnsonclogo {
  background-position: -192px -388px;
  width: 137px;
  height: 55px;
  display: block
}
.altrexptsclogo {
  background-position: -331px -388px;
  width: 137px;
  height: 42px;
  display: block;
  margin-top: 10px;
}
.ksbcdcclogo {
  background-position: -474px -384px;
  width: 138px;
  height: 46px;
  display: block;
  margin-top: 10px;
}
.maxconlclogo {
  background-position: -2px -453px;
  width: 112px;
  height: 58px;
  display: block
}
.thyssnkrpclogo {
  background-position: -117px -453px;
  width: 147px;
  height: 42px;
  display: block;
  margin-top: 10px;
}
.grenairptclogo {
  background-position: -267px -451px;
  width: 120px;
  height: 45px;
  display: block;
  margin-top: 10px;
}
.soriforgclogo {
  background-position: -392px -453px;
  width: 137px;
  height: 35px;
  display: block;
  margin-top: 10px;
}
.toledoclogo {
  background-position: -534px -451px;
  width: 93px;
  height: 52px;
  display: block
}
.sdp-logos-blocks {
  margin: 0 auto;
  position: relative;
}
.sdp-logos-blocks .sdpcus-block {
  background-color: #fff;
  display: inline-block;
  height: 92px;
  position: relative;
  margin: 0px 0.5%;
  width: 163px;
  padding: 0 3.5%;
}
.sdp-logos-blocks img.clear-channel {
  top: 70px;
}
.custmerflex {
  height: 100%;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
}
/*customer logo ends*/
/*main content style starts here*/
.main-content {
  max-width: 75%;
}
.row {
  display: flex;
  align-items: center;
}
.col {
  flex-grow: 1;
  flex-basis: 0;
}
.space {
  padding: 100px 0px
}
.section-heading {
  margin: 0px auto 50px auto;
  text-align: center;
}
.banner-bg {
  background: #e9f6ff;
  margin-top: 100px;
}
.itsm-banner-heading {
  margin-bottom: 30px;
}
.banner-col p {
  font-size: 18px;
}
ul.banner-ctas {
  margin: 30px 0px 0px 0px;
}
.banner-ctas li a {
  display: inline-block;
  font-family: 'Zoho_Puvi_SemiBold';
  font-size: 15px;
  background: #f0483e;
  text-decoration: none;
  color: #fff;
  padding: 12px 30px;
  border: 1px solid transparent;
  text-align: center;
  min-width: 250px;
  text-transform: uppercase;
  border-radius: 3px;
}
ul.banner-ctas li:nth-child(1) {
  margin: 0px 0px 10px 0px;
}
ul.banner-ctas li:nth-child(2) a {
  background: transparent;
  color: #f0483e;
  border: 1px solid;
}
.banner .col:nth-child(2) img {
  display: block;
  margin: 0 auto;
}
.milestones-bg {
  background-image: url(../images/globe.webp), url(../images/globe.jpg);
  background-attachment: fixed;
  background-size: contain;
}
.milestones .row {
  max-width: 60%;
  margin: 0 auto;
  text-align: center;
}
.googleads-milestones .row {
  max-width: 100%;
}
.milestones h2 {
  max-width: 60%;
  color: #fff;
}
#downloadbtntxt {
  font-family: 'Zoho_Puvi_Bold' !important;
}
p.milestone-desc {
  text-align: center;
  color: #fff;
  margin-top: -40px;
  margin-bottom: 30px;
  font-weight: bold;
  font-size: 20px;
}
.milestones-col p:nth-child(1), .milestones-col p:nth-child(1) span {
  font-size: 30px;
  color: #ffe785;
  line-height: 1.1;
  font-family: 'Zoho_Puvi_ExtraBold' !important;
}
.milestones-col p:nth-child(2) {
  font-size: 22px;
  color: #fff;
}
.milestones-col:not(:last-child) {
  border-right: 1px solid #fff;
}
.why-sdp {
  text-align: center;
}
.why-sdp .row {
  flex-wrap: wrap;
  align-items: inherit;
}
.why-sdp-col.col {
  flex-grow: inherit;
  flex-basis: inherit;
}
.why-sdp-bg h2 {
  max-width: 80%;
}
.why-sdp-col {
  max-width: 30%;
  box-sizing: border-box;
  border: 1px solid #d7e3ec;
  padding: 30px;
  margin: 15px;
}
.why-sdp-col:hover {
  box-shadow: 0 10px 15px -6px rgba(119, 119, 119, .4);
}
.why-sdp-col a {
  font-family: Zoho_Puvi_SemiBold;
  color: #3a83c4;
  text-decoration: none;
}
.why-sdp-col h3 {
  border-bottom: 1px solid #d7e3ec;
  padding: 0px 0px 20px 0px;
}
.why-sdp-col p {
  margin: 15px 0px 0px 0px;
}
.icon {
  background: url(../itil/images/enterprise-generic-ads.svg);
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto 20px auto;
}
.icon-1 {
  background-position: 0px 1px;
  width: 66px;
  height: 66px;
}
.icon-2 {
  background-position: -91px 0px;
  width: 66px;
  height: 66px;
}
.icon-3 {
  background-position: -179px 0px;
  width: 66px;
  height: 66px;
}
.icon-4 {
  background-position: -270px 0px;
  width: 66px;
  height: 66px;
}
.icon-5 {
  background-position: -360px 0px;
  width: 66px;
  height: 66px;
}
.icon-6 {
  background-position: -449px 0px;
  width: 66px;
  height: 66px;
}
.pmicon {
  background: url(../itil/images/problem-management-features-icon.svg);
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto 20px auto;
}
.pmicon-1 {
  background-position: 0px 1px;
  width: 66px;
  height: 66px;
}
.pmicon-2 {
  background-position: -91px 0px;
  width: 66px;
  height: 66px;
}
.pmicon-3 {
  background-position: -179px 0px;
  width: 66px;
  height: 66px;
}
.pmicon-4 {
  background-position: -270px 0px;
  width: 66px;
  height: 66px;
}
.pmicon-5 {
  background-position: -360px 0px;
  width: 66px;
  height: 66px;
}
.pmicon-6 {
  background-position: -449px 0px;
  width: 66px;
  height: 66px;
}
.pmicon-7 {
  background-position: -538px 0px;
  width: 66px;
  height: 66px;
}
/*IT problem management adwords page css start*/
.bestpraticesec {}
.bestpraticesec h3 {
  margin: 20px 0 20px 0;
}
.col2.aln {
  display: flex;
  align-items: baseline;
}
.col2 {
  display: flex;
  align-items: center;
}
.col2 .innrdiv40 {
  flex: 0 0 40%;
  padding: 0px 2% 0px 0%;
}
.innrdiv40 .mT20 {
  margin-top: 20px;
}
.col2 .innrdiv60 {
  flex: 0 0 56%;
  padding: 0px;
}
.why-sdp .row {
  flex-wrap: wrap;
  align-items: inherit;
  justify-content: center;
}
/*IT problem management adwords page css end*/
.awards-bg {
  background: #e9f6ff;
  text-align: center;
}
.awards li img {
  display: block;
  margin: 0 auto;
  width: 90%;
}
.awards .row{
    max-width: 90%;
    align-items: center;
    justify-content: space-around;
}
.awards .row .col{
    flex-grow: unset;
    flex-basis: unset;
}
.awards h2 {}
/*Vertical tab slider style starts here*/
.tabs h2 {}
.slider {
  height: 100%;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  /*align-items: center;*/
  margin-top: 100px;
}
.prdscrninrleft {
  width: 20%;
  -webkit-flex: inherit;
  -ms-flex: inherit;
  flex: inherit;
}
.prdscrninrright {
  width: 80%;
  -webkit-flex: inherit;
  -ms-flex: inherit;
  flex: inherit;
}
.prdscrninrleft p {
  font-family: 'Zoho_Puvi_SemiBold';
  font-size: 20px;
  line-height: 33px;
  margin: 20px 0 0 0;
}
.prdscrninrleft p.active {
  border-bottom: 3px solid #d5d7fc
}
a.getstartedfree {
  font-family: 'Zoho_Puvi_SemiBold';
  font-size: 15px;
  line-height: 25px;
  border: 2px solid #f0483e;
  background: #f0483e;
  color: #fff;
  padding: 10px 20px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 2px;
  cursor: pointer;
}
a.reqstdemo {
  font-family: 'Zoho_Puvi_SemiBold';
  font-size: 15px;
  line-height: 25px;
  border: 2px solid #f0483e;
  background: #fff;
  color: #f0483e;
  padding: 10px 20px;
  text-transform: uppercase;
  text-decoration: none;
  margin-left: 15px;
  border-radius: 2px;
  cursor: pointer;
}
.ftrscrenslider {
  display: flex;
  align-items: center;
}
.screenslider {
  width: 60%;
  height: 497px;
  position: relative;
  overflow: hidden !important;
  margin: 0;
  display: block;
  float: left;
  -webkit-flex: inherit;
  -ms-flex: inherit;
  flex: inherit;
}
.screenslider span {
  top: 450px;
  position: absolute;
}
.screenslider ul {
  display: block;
}
.screenslider ul li {
  position: absolute;
  display: block;
  top: 497px;
}
.screenslider ul li img {
  max-width: 100%
}
.screenslider .prev {
  position: absolute;
  bottom: 10px;
  right: 100px;
  width: 80px;
  height: 30px;
  line-height: 30px;
  display: block;
  color: #FFF;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  text-align: center;
}
.screenslider .prev:hover {
  background: #09f;
}
.screenslider .next {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 80px;
  height: 30px;
  line-height: 30px;
  display: block;
  color: #FFF;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  text-align: center;
}
.screenslider .next:hover {
  background: #09f;
}
.screenmenu {
  width: 40%;
  float: left;
  -webkit-flex: inherit;
  -ms-flex: inherit;
  flex: inherit;
}
.screenmenu ul {
  padding-right: 19%;
}
.screenmenu ul li {
  display: block;
  background: #fff;
  margin-bottom: 1px;
  padding: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
  margin: 0px 0 15px 0px;
  border-left: 3px solid transparent;
  cursor: pointer;
  transition: background-color 800ms 400ms, border-color 800ms 400ms, box-shadow 0.3s 0.1s, padding 400ms, margin 400ms;
}
.screenmenu ul li p {
  font-size: 16px;
  line-height: 23px;
  margin-top: 0px !important
}
.screenmenu ul li.active {
  border-left: 3px solid #45aff1;
  background: #f7f7f7;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .15);
}
.tab-desc {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 400ms, max-height 800ms, padding-top 400ms 200ms;
}
.screenmenu ul li.active .tab-desc {
  max-height: 500px;
  opacity: 1;
  padding-top: 5px;
  transition: opacity 800ms 200ms, max-height 800ms, padding-top 400ms;
}
.screenmenu ul li:hover {
  border-left: 3px solid #45aff1;
  background: #f7f7f7;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .15);
}
.screenmenu ul li h3 {
  font-size: 18px;
  line-height: 1.5
}
/*Vertical tab slider style ends here*/
.customers-bg {
  background: #e9f6ff;
}
.customers h2 {}
.footer-cta p {
  font-family: 'Zoho_Puvi_Bold';
  font-size: 28px;
  text-align: center;
  line-height: 1.3;
}
.cta {
  text-align: center;
  display: block;
}
.footer-cta a {
  font-family: 'Zoho_Puvi_SemiBold';
  font-size: 15px;
  background: #f0483e;
  padding: 13px 40px;
  line-height: 1.5;
  color: #fff;
  border-radius: 3px;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  margin: 30px 0px 0px 0px;
}
.copyright {
  text-align: center;
}
.copyright p {
  font-size: 13px;
  padding: 30px 0px;
}
.copyright a {
  text-decoration: none;
  color: #000;
}
/*main content style ends here*/
/*download form style starts*/
.download-form-wrapper {
  max-width: 25%;
  min-width: 25%;
  position: fixed;
  right: 0;
  top: 100px;
  height: calc(100vh - 100px);
  background: #3a83c4;
  overflow-y: scroll;
}
.download-form {
  max-width: 75%;
  margin: 50px auto;
}
.download-form h3 {
  color: #fff;
  text-align: center;
  margin: 0px 0px 30px 0px;
  font-size: 24px;
}
.download-form input[type="text"], input[type="email"], input[type="tel"] {
  width: 100%;
  padding: 10px 20px;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  box-sizing: border-box;
  border: none;
  outline: none;
  margin: 0px 0px 10px 0px;
}
.download-form input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="tel"]::placeholder {
  color: #000;
}
.download-form select {
  width: 100%;
  padding: 0px 20px;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: #000;
  box-sizing: border-box;
  border: none;
  margin: 0px 0px 10px 0px;
  -webkit-appearance: none;
  background: #fff url(../images/select-dropdown-arrow.png) right center no-repeat !important;
}
.download-form select:focus {
  outline: none !important;
}
.download-form #country_state {
  border-radius: 0px;
}
.dwn-priv {
  color: #fff;
  font-size: 13px;
  margin: 20px 0px;
}
.dwn-priv a {
  color: #fff;
  font-size: 13px;
  text-decoration: none;
  line-height: 1.5;
}
.download-form #meGDPRMessage {
  color: #fff;
  line-height: 1.5;
  font-size: 13px;
}
#downloadbt {
  font-family: 'Zoho_Puvi_Bold';
  width: 100%;
  background: #ffd325;
  color: #0d5cac;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  font-size: 20px;
  border-radius: 3px;
  line-height: 1.5;
  outline: none;
  box-sizing: border-box;
}
p.form-text {
  text-align: center;
  color: #fff;
  font-size: 16px;
  padding: 15px 0px;
}
a.signup-cta {
  font-family: 'Zoho_Puvi_Bold';
  font-size: 20px;
  background: #ffd325;
  color: #0d5cac;
  text-decoration: none;
  width: 100%;
  display: inline-block;
  line-height: 1.5;
  text-align: center;
  padding: 10px 20px;
  border-radius: 3px;
  outline: none;
  box-sizing: border-box;
}
/*download form style ends*/
ul.list-items {
  margin: 30px 0px 0px 20px;
}
ul.list-items > li {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 15px;
  position: relative;
  padding-left: 10px;
}
ul.list-items > li:before {
  content: "";
  background: #00a9f4;
  position: absolute;
  top: 10px;
  right: 0;
  bottom: 0;
  left: -20px;
  width: 7px;
  height: 7px;
  border-radius: 50px;
}
.animation100 {
  opacity: 0;
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transform: translateY(100px);
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
}
.active-anim .animation100 {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: inherit;
}
.animation200 {
  opacity: 0;
  transition: all ease 0.4s;
  -webkit-transition: all ease 0.4s;
  -moz-transform: translateY(100px);
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
}
.active-anim .animation200 {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: inherit;
}
.animation300 {
  opacity: 0;
  transition: all ease 0.6s;
  -webkit-transition: all ease 0.6s;
  -moz-transform: translateY(100px);
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
}
.active-anim .animation300 {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: inherit;
}
.animation400 {
  opacity: 0;
  transition: all ease 0.8s;
  -webkit-transition: all ease 0.8s;
  -moz-transform: translateY(100px);
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
}
.active-anim .animation400 {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: inherit;
}
.animation500 {
  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 .animation500 {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: inherit;
}
.animation600 {
  opacity: 0;
  transition: all ease 1.2s;
  -webkit-transition: all ease 1.2s;
  -moz-transform: translateY(100px);
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
}
.active-anim .animation600 {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: inherit;
}
/*google ads competitor page's style starts here*/
.google-ads-icon {
  background: url(../images/google-ads-sprite.png);
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto 20px auto;
  background-size: 600px;
  width: 100px;
  height: 100px;
}
.google-ads-icon-1 {
  background-position: 10px 10px;
}
.google-ads-icon-2 {
  background-position: -90px 10px;
}
.google-ads-icon-3 {
  background-position: -192px 10px;
}
.google-ads-icon-4 {
  background-position: -294px 10px;
}
.google-ads-icon-5 {
  background-position: -397px 10px;
}
.google-ads-icon-6 {
  background-position: -500px 10px;
}
/*google ads competitor page style ends here*/
/*key capabilities style starts here*/
.help-desk-automation h1 {
  font-size: 39px;
}
.help-desk-automation p {
  max-width: 95%;
}
.keycapabilities .section-heading {
  margin: 0px 0px 75px 0px;
}
.help-desk-automation-heading {
  max-width: 60% !important;
}
.help-desk-automation-footer p {
  max-width: 60%;
  margin: 0 auto;
}
.keycapabilities-bg {
  background: #e8f6ff;
}
.keycapabilities .row:not(:last-child) {
  margin-bottom: 75px;
}
ul.keypoints {
  display: flex;
  align-items: center;
}
.row .keycapabilities-col:nth-child(1) {
  margin-right: 50px;
}
.row .keycapabilities-col:nth-child(2) {
  margin-left: 50px;
}
ul.keypoints li:nth-child(1) {
  margin-right: 20px;
  max-width: 40%;
}
ul.keypoints li:nth-child(2) {
  margin-left: 20px;
  max-width: 60%;
}
ul.keypoints p:nth-child(1) {
  font-weight: bold;
  font-size: 15px;
  color: #000;
}
ul.keypoints p:nth-child(2) {
  font: 24px/1.3 Zoho_Puvi_SemiBold;
  color: #2f7bc9;
  margin: 5px 0px 10px 0px;
}
ul.keypoints p:nth-child(1) a {
  text-decoration: none;
  color: #307bc9;
}
ul.keypoints p:nth-child(2) a {
  text-decoration: none;
  color: #307bc9;
}
.help-desk-icon {
  background: url(https://www.manageengine.com/products/service-desk/images/help-desk-feature-sprite-40px.svg);
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto 20px auto;
  width: 46px;
  height: 46px;
  background-size: 762px;
}
.help-desk-icon-1 {
  background-position: -209px -9px;
}
.help-desk-icon-2 {
  background-position: -327px -12px;
}
.help-desk-icon-3 {
  background-position: -392px -9px;
}
.help-desk-icon-4 {
  background-position: -134px -271px;
}
.help-desk-icon-5 {
  background-position: -15px -9px;
}
.help-desk-icon-6 {
  background-position: -85px -17px;
}
.sprite-col {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  margin-top: 50px;
}
.sprite-col span {
  display: block;
  background-image: url(https://www.manageengine.com/products/service-desk/images/awards-sprites.webp), url(https://www.manageengine.com/products/service-desk/images/awards-sprites.png);
  background-size: 620px;
  height: 100px;
  width: 150px;
  background-repeat: no-repeat;
  margin: 0px 20px;
}
.sprite-col > div:nth-child(1) span {
  background-position: -10px 0px;
}
.sprite-col > div:nth-child(2) span {
  background-position: -193px -4px;
  background-size: 750px;
  width: 90px;
}
.sprite-col > div:nth-child(3) span {
  background-position: -267px -4px;
  background-size: 700px;
  width: 95px;
}
.sprite-col > div:nth-child(4) span {
  background-position: -444px -12px;
  background-size: 830px;
  width: 114px;
}
.sprite-col > div:nth-child(5) span {
  background-position: -435px 0px;
  background-size: 650px;
  width: 210px;
}
/*key capabilities style ends here*/
@media only screen and (max-width:1440px) {
  .container {
    padding: 0px 50px;
  }
  .main-content {
    max-width: 70%;
  }
  .header {
    max-width: 100%;
    padding: 0px 50px;
  }
  .download-form-wrapper {
    max-width: 30%;
  }
  .milestones h2 {
    max-width: 100%;
  }
  .milestones .row {
    max-width: 100%;
  }
  .why-sdp-bg h2 {
    max-width: 100%;
  }
  .why-sdp-col {
    max-width: 45%;
  }
  .awards .row {
    flex-wrap: wrap;
  }
  .awards .col {
    flex-grow: inherit;
    flex-basis: inherit;
    min-width: 33.33%;
    max-width: 33.33%;
    margin: 30px auto;
  }
}
@media only screen and (max-width:1024px) {
  .main-content {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .stickyfixed-header {
    width: 100% !important;
  }
  .promotion-bg {
    margin-top: 0px !important;
  }
  .main-content {
    max-width: 100%;
  }
  .download-form-wrapper {
    position: inherit;
    max-width: 50%;
    margin: 100px auto 0px auto;
  }
  .itsm-banner-heading {
    text-align: center;
  }
  .banner.row {
    flex-wrap: wrap;
    justify-content: center;
  }
  .banner .col {
    flex-grow: inherit;
    flex-basis: inherit;
    text-align: center;
  }
  .banner .col:nth-child(2) img {
    display: block;
    margin: 50px auto 0px auto;
    max-width: 350px;
  }
  .dwn-priv {
    text-align: center;
  }
  .milestones-bg {
    background-size: cover;
    background-repeat: no-repeat;
  }
  .screenmenu ul {
    padding-right: 0%;
  }
  .screenmenu {
    width: 100%;
    margin: 0px 0px 50px 0px;
  }
  .screenslider {
    width: 100%;
  }
  .banner .list-items {
    text-align: left;
  }
  .ftrscrenslider {
    flex-wrap: wrap;
  }
  .help-desk-automation h1 {
    font-size: 40px;
  }
  .help-desk-automation p {
    max-width: 100%;
  }
  .help-desk-automation-heading {
    max-width: 100% !important;
  }
  .help-desk-automation-footer p {
    max-width: 100%;
  }
  .keycapabilities .row {
    flex-wrap: wrap;
  }
  .keycapabilities .row .col {
    flex-grow: inherit;
    flex-basis: inherit;
    margin-bottom: 75px;
  }
  ul.keypoints {
    flex-wrap: wrap;
    display: block;
  }
  ul.keypoints li:nth-child(1) {
    margin-right: 0px;
    max-width: 100%;
  }
  ul.keypoints li:nth-child(2) {
    margin-left: 0px;
    max-width: 100%;
  }
  .row .keycapabilities-col:nth-child(1) {
    margin-right: 0px;
  }
  .row .keycapabilities-col:nth-child(2) {
    margin-left: 0px;
  }
  .keycapabilities .row:not(:last-child) {
    margin-bottom: 0px;
  }
  ul.keypoints li img {
    margin: 0px 0px 20px 0px;
    max-width: 200px;
  }
}
@media only screen and (max-width:980px) {
  ul.menu-list {
    display: none;
  }
  .hamburger {
    display: inline-block !important;
  }
  .download-form-wrapper {
    max-width: 75%;
    height: auto;
  }
  .download-form {
    margin: 100px auto;
  }
  .sdp-logo-blocks .sdpcus-block {
    width: 33.33%;
  }
  .col2.aln {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
  }
  .col2 .innrdiv40 {
    flex: 0 0 100%;
    padding: 0px 2% 0px 0%;
  }
  .col2 .innrdiv60 {
    flex: 0 0 100%;
    padding: 30px 0px 0px 0px;
  }
}
@media only screen and (max-width:600px) {
  .container {
    padding: 0px 30px;
  }
  .banner-bg {
    margin-top: 90px;
  }
  h1 {
    font: 36px/1.2 'Zoho_Puvi_Bold';
  }
  h2 {
    font: 29px/1.25 'Zoho_Puvi_Bold';
  }
  .footer-cta p {
    font-size: 25px;
  }
  .banner .col:nth-child(2) img {
    max-width: 300px;
  }
  ul.menu-items {
    top: 93px;
  }
  img.logo {
    width: 175px;
  }
  .download-form-wrapper {
    max-width: 100%;
    margin: 50px 0px 0px 0px;
  }
  .download-form {
    margin: 60px auto;
    max-width: 85%;
  }
  .banner {
    text-align: center;
  }
  .milestones .row {
    display: block;
  }
  .row .milestones-col:not(:last-child) {
    margin: 0px 0px 30px 0px;
    border: none;
  }
  .why-sdp-col {
    max-width: 100%;
  }
  .awards .col {
    min-width: 100%;
    max-width: 100%;
    margin: 0px;
  }
  .awards .col:not(:last-child) {
    margin: 0px 0px 30px 0px;
  }
  .screenslider {
    height: 200px;
  }
  .sdp-logo-blocks .sdpcus-block {
    width: 100%;
  }
  .popup {
    width: 90%;
    height: 80vh;
  }
  .gtdmo {
    font-size: 24px;
  }
  .demoform input {
    height: 40px;
  }
  .demoform select {
    height: 40px !important;
  }
  .keycapabilities .row .col {
    margin-bottom: 50px;
  }
  ul.keypoints li img {
    margin: 0px auto 20px auto;
    width: 150px;
  }
}