/* Page common style  start */
html {
  scroll-behavior: smooth;
}
body {
  font-family: 'Zoho_Puvi_Regular', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #000;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
h2 {
  font: 36px/1.25 'Zoho_Puvi_Bold';
  margin: 0px 0px 30px 0px;
}
h3 {
  font: 26px/1.25 'Zoho_Puvi_SemiBold';
  margin-bottom: 15px;
}
h4 {
  font: 22px/1.4 'Zoho_Puvi_SemiBold';
  color: #00a9f4;
  margin-bottom: 10px;
}
h5 {
  font: 20px/1.4 'Zoho_Puvi_SemiBold';
  margin-bottom: 5px;
}
img {
  max-width: 100%;
}
a {
    color: #006cff;
    text-decoration: none;
}
p {
  font-size: 18px;
  line-height: 28px;
  margin: 0 0 20px;
  font-family: 'Zoho_Puvi_Regular';
}
.pg-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 30px;
}
.pg-container h2 {
  margin-top: 20px;
}
/* Page common style  end */
/* Banner Section style Start */
.banner {
  /*background-image: url("https://www.manageengine.com/products/service-desk-msp/images/what-is-sdp-banner-bg.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: relative;*/
      background: rgb(11,63,115);
    background: linear-gradient(180deg, rgba(11,63,115,1) 0%, rgba(0,47,93,1) 49%);
  padding-bottom: 170px;
}
.bannerelmcon {
  position: relative;
  background-attachment: fixed;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}
.bnr-elmnts1 {
  background-image: url("https://www.manageengine.com/products/service-desk-msp/images/green-dbl-circle.svg");
  background-repeat: no-repeat;
  top: 80px;
  left: 10%;
  width: 32px;
  height: 30px;
  position: absolute;
  z-index: 9999
}
.bnr-elmnts2 {
  background-image: url("https://www.manageengine.com/products/service-desk-msp/images/green-sml-circle.svg");
  background-repeat: no-repeat;
  top: 70px;
  right: 9%;
  width: 23px;
  height: 23px;
  position: absolute;
  z-index: 9999
}
.bnr-elmnts3 {
  background-image: url("https://www.manageengine.com/products/service-desk-msp/images/red-sml-line.svg");
  background-repeat: no-repeat;
  top: 230px;
  right: 20%;
  width: 34px;
  height: 19px;
  position: absolute;
  z-index: 9999
}
.bnr-elmnts4 {
  background-image: url("https://www.manageengine.com/products/service-desk-msp/images/litblue-sml-circle.svg");
  background-repeat: no-repeat;
  top: 330px;
  left: 21%;
  width: 15px;
  height: 15px;
  position: absolute;
  z-index: 9999
}
.bnr-elmnts5 {
  background-image: url("https://www.manageengine.com/products/service-desk-msp/images/sqr-box-yellow.svg");
  background-repeat: no-repeat;
  top: 400px;
  right: 25%;
  width: 21px;
  height: 21px;
  position: absolute;
  z-index: 9999
}

.transdly1 {
  transition-delay: .1ms !important;
}
.transdly2 {
  transition-delay: .2ms !important;
}
.transdly3 {
  transition-delay: .3ms !important;
}
.transdly4 {
  transition-delay: .4ms !important;
}
.transdly5 {
  transition-delay: .5ms !important;
}
.transdly6 {
  transition-delay: .6ms !important;
}
.transdly7 {
  transition-delay: .7ms !important;
}
.transdly8 {
  transition-delay: .8ms !important;
}
.transdly9 {
  transition-delay: .9ms !important;
}
.transdly10 {
  transition-delay: .10ms !important;
}
/*.bnr-elmnts1, .bnr-elmnts2, .bnr-elmnts3, .bnr-elmnts4, .bnr-elmnts5{ left: 50%; top: 100%;}*/
.bannercont {
    margin: 0 auto;
    padding: 100px 0 130px 0;
    display: flex;
	align-items: center;
}
.bnr-left{ flex:0 0 60%}
.bnr-right{ flex:0 0 40%}
.bannercont h1 {
  font: 45px/1.2 'Zoho_Puvi_Bold' !important;
  margin-bottom: 20px;
  letter-spacing: 0px;
  color: #fff;
}
.bannercont p {
  font: 22px/36px 'Zoho_Puvi_Regular' !important;
  width: 86%;
  margin: 0;
  color: #fff;
}
ul.bannercta {
  display: flex;
  justify-content: center;
  margin-top: 50px;
	display: none;
}
.bannercta li a {
  display: inline-block;
  background: #E9142B;
  color: #fff;
  padding: 10px 30px;
  font-size: 17px;
  font-weight: bold;
  margin: 5px 10px;
  border-radius: 2px;
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'Zoho_Puvi_Bold';
  border: 1px solid #E9142B;
}
.bannercta li a:hover {
  background: #c50c20;
}
.bannercta li a.getquote {
  background: #043464;
  border: 1px solid #fff;
}
.bannercta li a.getquote:hover {
  background: #032e5a;
  border: 1px solid #fff;
}


/*Form style start*/

.demoform {
    width: 75%;
    margin: 0 auto;
    background: #025bb1;
    padding: 50px 40px;
    border-radius: 5px;
}
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: 2px;
}
.formfild {
    position: relative;
    padding: 0;
    margin: 25px 0;
    transform: translateY(25px);
    opacity: 0;
    transition: 1s ease;
}
.submitcont {
    transform: translateY(25px);
    opacity: 0;
    transition: 1s ease;
	padding-top: 10px;
}
form.content-view .formfild {
    transform: translateY(0px);
    opacity: 1;
    transition: 1s ease;
}
form.content-view .submitcont {
    transform: translateY(0px);
    opacity: 1;
    transition: 1s ease;
    transition-delay: .8s;
}
form.content-view .formfild:nth-child(1) {
    transition-delay: .1s;
}
form.content-view .formfild:nth-child(2) {
    transition-delay: .2s;
}
form.content-view .formfild:nth-child(3) {
    transition-delay: .3s;
}
form.content-view .formfild:nth-child(4) {
    transition-delay: .4s;
}
form.content-view .formfild:nth-child(5) {
    transition-delay: .5s;
}
form.content-view .formfild:nth-child(6) {
    transition-delay: .6s;
}

.demoform input {
  width: 97%;
    padding: 10px 0% 10px 3%;
    outline: none;
    border: none;
    border-radius: 0px;
    font-size: 16px;
    margin: 0 auto;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    line-height: 25px;
    color: #000;
}
.demoform select {
  width: 100%;
    padding: 10px 3% 10px 15px;
    outline: none;
    border: none;
    border-radius: 0px;
    font-size: 16px;
    margin: 0 auto;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    line-height: 25px;
    /* height: 40px; */
    -moz-appearance: none;
    -webkit-appearance: none;
    /*background: #fff url(https://www.manageengine.com/products/service-desk-msp/images/select-blue-arrow.png);
    background-repeat: no-repeat;
    background-position: right;*/
    cursor: pointer;
    color: #000;
	position: relative;
}


.demoform select.minimal {
    background-image: linear-gradient(45deg, transparent 50%, #025bb1 50%), linear-gradient(135deg, #025bb1 50%, transparent 50%), linear-gradient(to right, #ccc, #025bb1);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}

/*.demoform select.minimal:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}*/


.demoform select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

	
.arrow {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
}
	.arrow-bottom {
    transform: rotate(135deg);
    position: absolute;
    right: 20px;
    top: 15px;
}
	
	select#MECountryListing {
    border: none;
}


.demoform input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1;
  /* Firefox */
  font-size: 16px;
}
.demoform input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #000;
  font-size: 16px;
}
.demoform input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #000;
  font-size: 14px;
}
.demoform #meGDPRMessage {
  font-size: 16px;
  color: #000;
}
.demoform #meGDPRMessage lable {
  display: block;
  background: none;
  width: 100%;
  color: #000;
  font-size: 14px;
  margin-top: 0px;
  padding-top: 0px;
}
.demoform input.error {
  border: 1px solid red;
}
.demoform select.error {
  border: 1px solid red;
}
.dmo-opodchk {
  width: 47%;
  margin: 20px auto 0 auto
}
input.dmo-rdiobtn {
  width: 20px;
  height: 15px;
}
.submitcont input.demo-submit {
  background: #e9152b;
    color: #fff;
    font-size: 20px;
    /* font-weight: 400; */
    width: 100%;
    padding: 10px 0;
    outline: none;
    border-radius: 0px;
    height: auto;
    border: none;
    font-family: 'Zoho_Puvi_Bold';
	text-transform: uppercase;
}
input#demoReset {
  background: none;
  color: #dfdfe0;
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  padding: 0;
  outline: none;
  border-radius: 5px;
  height: auto;
  border: none;
  margin-top: 10px;
  text-transform: uppercase;
  text-decoration: underline;
  -webkit-appearance: none;
}
/*#meGDPRMessage {
    margin-top: 15px;
}*/
.demoform span.errormsg {
  position: relative;
  left: 0px;
  font-size: 11px;
  color: red;
  display: block;
  margin-bottom: 4px;
  text-align: left;
}
.dwn-form span.errormsg {
  position: relative;
  left: 0px;
  margin-top: 4px;
  font-size: 11px;
  color: red;
  display: block;
  margin-bottom: -4px;
  text-align: left;
}
#meGDPRMessage {
    height: auto;
}
#meGDPRMessage label {
    position: relative;
    margin-top: 30px;
    left: 0;
    width: 100%;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
}
.prvcy-plicy {
    font-size: 12px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-align: center;
    margin: 15px auto 10px auto;
    width: 100%;
    transform: translateY(25px);
    opacity: 0;
    transition: 1s ease;
}
form.content-view .prvcy-plicy {
    transform: translateY(0px);
    opacity: 1;
    transition: 1s ease;
    transition-delay: .7s;
}
.prvcy-plicy strong {
    font-weight: 600;
}
.prvcy-plicy a {
    font-size: 12px;
    color: #fff;
    text-decoration: underline;
    font-weight: 600
}
.prvcytxt {
    font-family: 'Zoho_Puvi_SemiBold';
    color: #fff;
    font-size: 12px;
    text-align: center;
    margin-top: 50px;
    width: 80%;
    margin: 50px auto 0 auto;
}
.prvcytxt a {
    color: #fff;
    text-decoration: underline
}
/*form style end */

/* Banner Section style End */
/* Video section style start */
.videosec {}
.whatissdpvideo {
    text-align: center;
    margin-top: -10%;
    margin-bottom: 100px;
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 3px rgba(36, 56, 66, 0.15);
}
.whatissdpvideo:hover {
    box-shadow: 0 16px 30px 0 rgba(36,56,66,0.15);
}
.video {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.3s ease-in-out;
}
.video:hover {
  box-shadow: 0 1px 10px rgb(0 0 0 / 30%);
}
/* Video section style end */
/* SDP main content area style start */
/*------------------------------------*/
.sdpmainconarea h2 {
  font: 36px/1.3 'Zoho_Puvi_Bold' !important;
  text-align: center;
  width: 45%;
  margin: 0 auto;
}
.sdpmainconarea h3 {
  font: 28px/38px 'Zoho_Puvi_Bold' !important;
  letter-spacing: 0px;
  color: #000000;
	margin-top: 20px;
}
.navftrmenu {
  width: 100%;
  text-align: center;
  padding: 10px 0 0px 0;
  margin-top: 50px;
  background: #fff;
}
.navftrmenubg {
  background-color: #fff;
  -webkit-box-shadow: 0 8px 10px -6px rgb(0 0 0 / 14%);
  -moz-box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.14);
  box-shadow: 0 8px 10px -6px rgb(0 0 0 / 14%);
  box-sizing: border-box;
	 position: sticky;
  top: 50px;
  left: 0;
  right: 0;
  z-index: 10;
	-webkit-transition: box-shadow 0.3s ease-in-out 0s;
    -moz-transition: box-shadow 0.3s ease-in-out 0s;
    -o-transition: box-shadow 0.3s ease-in-out 0s;
    -ms-transition: box-shadow 0.3s ease-in-out 0s;
    transition: box-shadow 0.3s ease-in-out 0s;
}
.navftrmenubg1 {
  background-color: #fff;
  -webkit-box-shadow: 0 8px 8px -6px rgb(0 0 0 / 9%);
  -moz-box-shadow: 0 8px 8px -6px rgb(0 0 0 / 9%);
  box-shadow: 0 8px 8px -6px rgb(0 0 0 / 9%);
  box-sizing: border-box;
	 position: sticky;
  top:60px;
  left: 0;
  right: 0;
  z-index: 10;
	-webkit-transition: box-shadow 0.3s ease-in-out 0s;
    -moz-transition: box-shadow 0.3s ease-in-out 0s;
    -o-transition: box-shadow 0.3s ease-in-out 0s;
    -ms-transition: box-shadow 0.3s ease-in-out 0s;
    transition: box-shadow 0.3s ease-in-out 0s;
}


ul.ftrmenu {
  margin: 0;
  padding: 0;
}

/*.navftrmenu li:nth-child(1){min-width: 95px;}
.navftrmenu li:nth-child(2){min-width: 165px;}
.navftrmenu li:nth-child(3){min-width: 155px;}
.navftrmenu li:nth-child(4){min-width: 95px;}
.navftrmenu li:nth-child(5){min-width: 55px;}*/

.navftrmenu li {
  display: inline-block;
  position: relative;
  margin: 0px 20px;
	
}
.navftrmenu a {
  color: #000;
  text-decoration: none;
  /*padding: 10px 0;*/
  font-size: 20px;
}
.navftrmenu li:after {
  content: '';
  position: absolute;
  height: 18px;
  width: 1px;
  background: #dedede;
  top: 40%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  right: -25px;
  color: #0167ff;
}
.navftrmenu li.active:before {
  content: '';
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -10px;
  height: 3px;
  background: #0167ff;
  color: #0167ff;
}
.navftrmenu li:last-child:after {
  display: none
}
.navftrmenu li a:hover {
  color: #0167ff;
}
.navftrmenu li.active a {
  color: #0167ff;
	font-family: 'Zoho_Puvi_SemiBold';
}




.subnavftrmenu {
  width: 91%;
  text-align: center;
  padding: 10px 0 0 0;
  background: #fff;
}
.subnavftrmenufix {
      background-color: #fff;
    -webkit-box-shadow: 0 8px 10px -6px rgb(0 0 0 / 14%);
    -moz-box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.14);
    box-shadow: 0 8px 10px -6px rgb(0 0 0 / 14%);
    box-sizing: border-box;
    position: sticky;
    top: 100px;
    left: 0;
    right: 0;
    z-index: 10;
}

.industrycont, .casemgntcont{ width: 78%;}
ul.ftrmenu {
  margin: 0;
  padding: 0;
}
.subnavftrmenu li {
  display: inline-block;
  position: relative;
  min-width: 175px;    margin: 0;
}

.subnavftrmenu a {
  color: #000;
  text-decoration: none;
  /*padding: 10px 0;*/
  font-size: 20px;
}
.subnavftrmenu li:after {
  content: '';
  position: absolute;
  height: 18px;
  width: 1px;
  background: #dedede;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  right: -5px;
  color: #0167ff;
}
.subnavftrmenu li.active:before {
  content: '';
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -10px;
  height: 3px;
  background: #0167ff;
  color: #0167ff;
}
.subnavftrmenu li:last-child:after {
  display: none
}
.subnavftrmenu li a:hover {
  color: #0167ff;
}
.subnavftrmenu li.active a {
  color: #0167ff;
	font-family: 'Zoho_Puvi_SemiBold';
}





a.ftrlranmor {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #006cff;
  padding-right: 5px;
  font-family: 'Zoho_Puvi_SemiBold';
}
a.ftrlranmor.wct {
  color: #fff;
}
a.ftrlranmor.wct:after {
  background: url("https://www.manageengine.com/products/service-desk-msp/style/../images/learn-more-arrow.svg");
}
a.ftrlranmor:after {
  content: '';
  position: absolute;
  right: -15px;
  top: 7px;
  display: inline-block;
  background: url("https://www.manageengine.com/products/service-desk-msp/style/../images/learn-more.svg");
  width: 15px;
  height: 11px;
  transition: all ease .3s;
}
a.ftrlranmor:hover:after {
  transform: translateX(4px)
}
.ftrmenusticky {
  position: sticky;
  top: 100px;
  left: 0;
  right: 0;
  z-index: 10;
}
#account, #billing, #workflows, #ai-support, #customization, #integrations {
  padding: 60px 0
}
.two-col {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
.two-col .content {
  flex: 40%;
  padding: 4%
}
.two-col .content1 {
  flex: 35%;
  padding: 2%
}
.two-col .content2 {
  flex: 50%;
  padding: 2%
}

.two-col .content h2 {
  margin-top: 20px;
}
.two-col .content1 h2 {
  margin-top: 20px;
}
.two-col .content2 h2 {
  margin-top: 20px;
}
.three-col {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
.three-col .content {
  flex: 30%;
  margin: 3%
}
/* Features icon, title, content and screenshot styles */

.wmsp-ftrsicons {
    background-image: url(https://www.manageengine.com/products/service-desk-msp/style/../images/what-is-msp-features-icons.svg);
    background-size: 1000px auto;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    display: block;
    /* margin: 0px auto; */
    position: relative;
}
.wmsp-ftr1 {
    background-position: -4px -4px;
    width: 51px;
    height: 56px;
    display: block;
}
.wmsp-ftr2 {
    background-position: -88px 0;
    width: 57px;
    height: 60px;
    display: block;
}
.screnBGgreen {
  background-image: url("https://www.manageengine.com/products/service-desk-msp/style/../images/screen-grn-bg.png");
  background-repeat: no-repeat;
  padding: 5%;
  background-size: contain;
  background-position: 20% 12%;
}
img.screensot {
  -webkit-box-shadow: 0px 0px 10px 3px rgb(199 199 199 / 31%);
  -moz-box-shadow: 0px 0px 10px 3px rgb(199 199 199 / 31%);
  box-shadow: 0px 0px 10px 3px rgb(199 199 199 / 31%);
  border-radius: 5px;
}
.aisupportbg {
  /*background-image: url("https://www.manageengine.com/products/service-desk-msp/images/ai-support-bg.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: relative;*/
	background: #093c6f;
  padding: 100px 0;
}
.aibannerelmcon {
  position: relative;
  min-height: 500px
}
.aibannerelmcon h3 {
  color: #fff;
}
.aibannerelmcon .two-col .content {
  padding: 4% 4% 0% 4%;
}
.aibnr-elmnts1 {
  background-image: url("https://www.manageengine.com/products/service-desk-msp/images/green-dbl-circle.svg");
  background-repeat: no-repeat;
  top: 110px;
  left: 150px;
  width: 32px;
  height: 30px;
  position: absolute;
}
.aibnr-elmnts2 {
  background-image: url("https://www.manageengine.com/products/service-desk-msp/images/green-sml-circle.svg");
  background-repeat: no-repeat;
  top: 50px;
  right: 14%;
  width: 23px;
  height: 23px;
  position: absolute;
}
.aibnr-elmnts3 {
  background-image: url("https://www.manageengine.com/products/service-desk-msp/images/red-sml-line.svg");
  background-repeat: no-repeat;
  top: 410px;
  right: 13%;
  width: 34px;
  height: 19px;
  position: absolute;
}
.aibnr-elmnts4 {
  background-image: url("https://www.manageengine.com/products/service-desk-msp/images/litblue-sml-circle.svg");
  background-repeat: no-repeat;
  top: 330px;
  left: 10%;
  width: 15px;
  height: 15px;
  position: absolute;
}
.aibnr-elmnts5 {
  background-image: url("https://www.manageengine.com/products/service-desk-msp/images/sqr-box-yellow.svg");
  background-repeat: no-repeat;
  top: 240px;
  right: 5%;
  width: 21px;
  height: 21px;
  position: absolute;
}
/*.aibnr-elmnts1, .aibnr-elmnts2, .aibnr-elmnts3, .aibnr-elmnts4, .aibnr-elmnts5{ left: 30%; top: 50%;}*/
/*span.videocont:hover:after {
  content: "";
  background: #35a2e8 url(../images/zoom-icon.svg);
  background-repeat: no-repeat;
  position: absolute;
  bottom: 1px;
  right: 0px;
  width: 16px;
  height: 16px;
  padding: 15px;
  background-position: center;
  z-index: 0;
  pointer-events: none;
  transition: width 2s, height 2s, background-color 2s, transform 2s;
}*/
video.ziascreen {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
      transform: rotate(270deg);
  -webkit-box-shadow: 0px 0px 5px 3px rgb(0 0 0 / 20%);
  -moz-box-shadow: 0px 0px 5px 3px rgb(0 0 0 / 20%);
  box-shadow: 0px 0px 5px 3px rgb(0 0 0 / 20%);
}
.zicon:hover:after {
    content: "";
    background: #35a2e8 url(../images/zoom-icon.svg);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 43px;
    right: 28px;
    width: 16px;
    height: 16px;
    padding: 15px;
    background-position: center;
    z-index: 0;
    pointer-events: none;
    transition: width 2s, height 2s, background-color 2s, transform 2s;
    border-radius: 0 0 11px 0;
}
img.ziascreen {
}
.screnBGyellow {
  background-image: url("https://www.manageengine.com/products/service-desk-msp/style/../images/screen-ylw-bg.png");
      background-repeat: no-repeat;
    padding: 0% 24% 10% 21%;
    display: flex;
    justify-content: end;
    background-position: center;
    background-position: 50% 50%;
    background-size: 80%;
}
.wmsp-ftr3 {
    background-position: -183px -6px;
    width: 57px;
    height: 54px;
    display: block;
}
.aisupportbg h2 {
  color: #fff;
}
.aisupportbg p {
  color: #fff;
}
.screnBGbrown {
  background-image: url("https://www.manageengine.com/products/service-desk-msp/style/../images/screen-red-bg.png");
  background-repeat: no-repeat;
  padding: 5% 11% 4% 4%;
  background-size: contain;
  display: flex;
  justify-content: center;
  background-position: 50% 0;
}
.screnGrensmlinbrown {
  background-image: url(../images/green-smlline-screenbg.svg);
  background-repeat: no-repeat;
  padding: 9% 13% 9% 12%;
  background-size: cover;
  display: flex;
  background-position: 20% 0;
}
.screnBGlitblu {
  background-image: url("https://www.manageengine.com/products/service-desk-msp/style/../images/screen-blu-bg.png");
  background-repeat: no-repeat;
  padding: 8% 10% 11% 10%;
  background-size: contain;
  display: flex;
  justify-content: center;
  background-position: 50% 50%;
}
.wmsp-ftr4 {
    background-position: -281px -5px;
    width: 50px;
    height: 55px;
    display: block;
}
.wmsp-ftr5 {
    background-position: -388px -5px;
    width: 48px;
    height: 54px;
    display: block;
}
.wmsp-ftr6 {
    background-position: -462px -10px;
    width: 55px;
    height: 48px;
    display: block;
}
/* [IMAGE] */
.zoomD {
  height: auto;
  cursor: zoom-in !important;
}
/* [LIGHTBOX BACKGROUND] */
#lb-back {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.84);
  /*background: rgba(255, 255, 255, 0.94);*/
  z-index: 999999;
  visibility: hidden;
  opacity: 0;
  transition: all ease 0.4s;
}
#lb-back.show {
  visibility: visible;
  opacity: 1;
}
/* [LIGHTBOX IMAGE] */
#lb-img {
  position: relative;
  top: 65%;
  transform: translateY(-50%);
  text-align: center;
  padding-bottom: 15%;
}
#lb-img img {
  width: 70%;
  height: auto;
}
#lb-img img.smlimg {
  width: auto !important;
  height: auto;
}
.imgzoom {
  position: relative;
}
.slide .imgzoom {
  position: initial;
}
.imgzoom:after {
  width: 1px;
  height: 1px;
}
.imgzoom:hover:after {
  content: "";
  background: #3b7efa url(../images/zoom-icon.svg);
  background-repeat: no-repeat;
  position: absolute;
  bottom: 1px;
  right: 0px;
  width: 16px;
  height: 16px;
  padding: 15px;
  background-position: center;
  z-index: 0;
  pointer-events: none;
  transition: width 2s, height 2s, background-color 2s, transform 2s;border-radius: 0 0 7px 0;
}
#closeimg {
  background-image: url(https://www.manageengine.com/products/service-desk-msp/style/../images/close.png);
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  position: fixed;
  right: 10px;
  top: 10px;
  z-index: 999999;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transition: all ease 0.4s;
}
#closeimg.show {
  visibility: visible;
  opacity: 1;
}
.show {
  display: block !important;
}
/*------------------------------------*/
/* SDP main content area style end */
/* About SDP style start */
.aboutsdp {
    background: rgb(14,76,77);
    background: linear-gradient(313deg, rgba(14,76,77,1) 0%, rgba(9,60,111,1) 49%, rgba(14,76,77,1) 100%);
    margin-top: 200px;
    /* max-height: 500px; */
}
.abtsdpbnrelmnts {
  position: relative;
}
.absdpbnr-elmnts1 {
  background-image: url("https://www.manageengine.com/products/service-desk-msp/images/litblue-dobble-circle.svg");
  background-repeat: no-repeat;
  top: 350px;
  left: 6%;
  width: 32px;
  height: 30px;
  position: absolute;
}
.absdpbnr-elmnts2 {
  background-image: url("https://www.manageengine.com/products/service-desk-msp/images/green-sml-circle.svg");
  background-repeat: no-repeat;
  top: 170px;
  left: 4%;
  width: 23px;
  height: 23px;
  position: absolute;
}
.absdpbnr-elmnts3 {
  background-image: url("https://www.manageengine.com/products/service-desk-msp/images/red-sml-line.svg");
  background-repeat: no-repeat;
  top: 250px;
  right: 10%;
  width: 34px;
  height: 19px;
  position: absolute;
}
.absdpbnr-elmnts4 {
  background-image: url("https://www.manageengine.com/products/service-desk-msp/images/litblue-sml-circle.svg");
  background-repeat: no-repeat;
  top: 150px;
  right: 5%;
  width: 15px;
  height: 15px;
  position: absolute;
}
.absdpbnr-elmnts5 {
  background-image: url("https://www.manageengine.com/products/service-desk-msp/images/sqr-box-yellow.svg");
  background-repeat: no-repeat;
  top: 400px;
  right: 5%;
  width: 21px;
  height: 21px;
  position: absolute;
}
.aboutsdpbox {
  background: #000;
  border-radius: 12px;
  box-shadow: 0px 0px 12px #00000029;
  position: relative;
  top: -190px;
	z-index: 999;
}
.aboutsdpbox h2 {
  color: #fff;
  text-align: center;
  padding: 30px 0;
  margin: 0;
}
.aboutsdpbox h2 span {
  font-family: 'Zoho_Puvi_Light', Arial, Helvetica, sans-serif;
}
.aboutsdplistcont {
  background: #fff;
  padding: 50px;
  border-radius: 0 0 12px 12px;
}
ul.aboutsdplist {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap
}
ul.aboutsdplist li {
  flex: 0 0 33.2%;
  padding: 20px 0;
}
ul.aboutsdplist li.bdrbtm {
  border-bottom: 1px solid #e3e3e3;
}
ul.aboutsdplist li.bdrleft {
  border-left: 1px solid #e3e3e3;
}
ul.aboutsdplist li div.listcontianer {
  display: flex;
  align-items: center;
}
div.listcontianer.mT15 {
  margin-top: 15px;
}
ul.aboutsdplist li div.left {
  width: 25%;
  padding:10px 0 10px 30px;
}
ul.aboutsdplist li div.right {
  width: 50%
}
ul.aboutsdplist li div.right p {
  font-family: 'Zoho_Puvi_Bold', Arial, Helvetica, sans-serif;
  margin: 0px;
  font-size: 20px;
  line-height: 24px;
}
.aboutsdpicons {
  background-image: url(https://www.manageengine.com/products/service-desk-msp/style/../images/what-is-msp-features-icons.svg);
    background-size: 1000px auto;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}
.abt-icon1 {
    background-position: -552px -7px;
    width: 55px;
    height: 52px;
}
.abt-icon2 {
    background-position: -633px -3px;
    width: 55px;
    height: 52px;
}
.abt-icon3 {
    background-position: -713px -9px;
    width: 51px;
    height: 47px;
}
.abt-icon4 {
    background-position: -791px -8px;
    width: 51px;
    height: 52px;
}
.abt-icon5 {
    background-position: -868px -9px;
    width: 50px;
    height: 52px;
}
.abt-icon6 {
    background-position: -953px -11px;
    width: 42px;
    height: 47px;
}


.msp-scalability {
    padding: 0 0 100px 0;
    color: #fff;
    margin-top: -100px;
}
.msp-scalability h2{color: #fff; margin-top:20px; margin-bottom: 20px;}
.msp-scalability h3{color: #fff; margin-top:0px; font-weight: bold;     font: 33px/1.5 'Zoho_Puvi_Bold'; margin-bottom: 0px; margin-top: 10px; }

.msp-scalability p.sbtxt{ font-size: 25px;color: #fff; text-align: center;font-weight: bold;}
p.sportname{ font:20px/1.5 'Zoho_Puvi_Bold';}

.msp-numbers {
    display: flex;
    flex-wrap: wrap;
    color: #fff;
    justify-content: space-between;
	margin-top: 50px;
}
.msp-numbers div.colm{    transform: translateY(25px) scale(1);
    transform-origin: center bottom;
    transform: translateY(25px);
    opacity: 0; text-align: center;}

.msp-numbers div.colm.content-view:nth-child(1){transform: translateY(0px);
    opacity: 1;
    transition: 1s ease;}
.msp-numbers div.colm.content-view:nth-child(2){transform: translateY(0px);
    opacity: 1;
    transition: 2s ease;}
.msp-numbers div.colm.content-view:nth-child(3){transform: translateY(0px);
    opacity: 1;
    transition: 3s ease;}
.msp-numbers div.colm.content-view:nth-child(4){transform: translateY(0px);
    opacity: 1;
    transition: 4s ease;}
.msp-numbers div.colm.content-view:nth-child(5){transform: translateY(0px);
    opacity: 1;
    transition: 5s ease;}
.msp-numbers div.colm.content-view:nth-child(6){transform: translateY(0px);
    opacity: 1;
    transition: 6s ease;}

.mspnumbricons {
  background-image: url(https://www.manageengine.com/products/service-desk-msp/style/../images/what-is-msp-support-icons.svg);
    background-size: 480px auto;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
	margin: 0 auto;
}
.nmbricon1 {
    background-position: -15px 0;
    width: 46px;
    height: 66px;
}
.nmbricon2 {
    background-position: -89px 0;
    width: 40px;
    height: 66px;
}
.nmbricon3 {
    background-position: -168px 0;
    width: 49px;
    height: 66px;
}
.nmbricon4 {
    background-position: -259px 0;
    width: 48px;
    height: 66px;
}
.nmbricon5 {
    background-position: -337px 0;
    width: 50px;
    height: 66px;
}
.nmbricon6 {
    background-position: -410px 0;
    width: 49px;
    height: 66px;
}

/* About SDP style end */
/* ESM Section style start */
.esmsec {
  padding: 0 0 100px 0;
}
.esmsec .two-col {
  align-items: flex-start;
}
.esmsec .two-col .content:nth-child(1) {
  padding-top: 0px;
  position: relative
}
.esmsec .two-col .content:nth-child(2) {
  padding-top: 0px;
	padding-right: 0px;
}
.esmsec .two-col .content:nth-child(1) h2 {
  margin-top: 0px;
}

.sprt-line { width: 1px;height:150%;background: #f2f2f2;position: absolute;top: 100px;right: 0px;}
.indusrtycase h3 {
  font: 23px/30px 'Zoho_Puvi_Bold';
  margin: 20px 0;
}
.industrycont a {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #006cff;
  padding-right: 5px;
  font-family: 'Zoho_Puvi_SemiBold';
	margin-bottom: 70px;
}
.industrycont a:after {
  content: '';
  position: absolute;
  right: -15px;
  top: 8px;
  display: inline-block;
  background: url("https://www.manageengine.com/products/service-desk-msp/style/../images/learn-more.svg");
  width: 15px;
  height: 11px;
  transition: all ease .3s;
}
.industrycont a:hover:after {
  transform: translateX(4px)
}
.casemgntcont a {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #006cff;
  padding-right: 5px;
  font-family: 'Zoho_Puvi_SemiBold';
}
.casemgntcont a:after {
  content: '';
  position: absolute;
  right: -15px;
  top: 8px;
  display: inline-block;
  background: url("https://www.manageengine.com/products/service-desk-msp/style/../images/learn-more.svg");
  width: 15px;
  height: 11px;
  transition: all ease .3s;
}
.casemgntcont a:hover:after {
  transform: translateX(4px)
}
.psaimg{ width: 60%; margin: 30px auto 0 auto}
.msp-psaicons {
  background-image: url(https://www.manageengine.com/products/service-desk-msp/style/../images/psa-capabilities-icons.svg);
    background-size: 600px auto;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
  display: block
}
.psaicon1 {
    background-position: -15px -9px;
    width: 60px;
    height: 90px;
}
.psaicon2 {
    background-position: -135px -9px;
    width: 79px;
    height: 90px;
}
.psaicon3 {
    background-position: -245px -16px;
    width: 70px;
    height: 81px;
}
.psaicon4 {
    background-position: -369px -13px;
    width: 84px;
    height: 84px;
}
.psaicon5 {
    background-position: -499px -9px;
    width: 88px;
    height: 88px;
}

#adsticky {
  position: sticky;
  position: -webkit-sticky;
  top: 70px;
  /* required */
}
#adsticky h2 {
  font: 36px/1.3 'Zoho_Puvi_Bold' !important;
  letter-spacing: 0px;
  color: #000000;
	margin-top: 100px;
}
#adsticky p {
  padding-right: 8%
}
.inermenucont {
  position: sticky;
  position: -webkit-sticky;
  z-index: 10;
  background-color: #fff;
 -webkit-box-shadow: 0 8px 10px -6px rgb(0 0 0 / 14%);
  -moz-box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.14);
  box-shadow: 0 8px 10px -6px rgb(0 0 0 / 14%);
  box-sizing: border-box;
	top:100px
  /* required */
}
.inermenucont .navftrmenu {
  padding-top: 10px;
  padding-bottom: 8px;
  margin-top: 0;
  border-bottom: 1px solid #f1f1f1;
  box-shadow: none;
}
.inermenucont .navftrmenu a {
  padding: 0;
}
.indusrtycase {
  /*padding: 0 56px;*/
	margin-top: 100px;
	position: relative;
}
.indusrtycase p {
  font-size: 17px;
  line-height: 24px;
  margin: 0 0 10px;
  font-family: 'Zoho_Puvi_Regular';
}
/* ESM Section style end */
/* Yellow BG CTA strip style start */
.yellowCTAsec {
  background: #FFDA00;
  padding:100px 0;
	position: relative;
}
.yellowCTAsec h2 {
    color: #000;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 60%;
}
.yellowCTAsec div.ylowCTA {
  margin-top: 30px;
  text-align: center
}
.ylowCTAcont {
  display: block;
  text-align: center;
  margin-top: 30px;
}

.ylowCTAcont a {
  display: inline-block;
  background: #000000;
  color: #fff;
  padding: 10px 50px 10px 40px;
  font-size: 17px;
  font-weight: bold;
  margin: 5px 10px;
  border-radius: 4px;
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'Zoho_Puvi_Bold';
	position: relative;
}
.ylowCTAcont a:hover {
  background: #000000cc;
}

a.yellowcta:after {
    content: '';
    position: absolute;
    right: 28px;
    top: 17px;
    display: inline-block;
    background: url(https://www.manageengine.com/products/service-desk-msp/style/../images/learn-more-arrow.svg);
    width: 15px;
    height: 11px;
    transition: all ease .3s;
}
a.yellowcta:hover:after {
  transform: translateX(4px)
}


/* Yellow BG CTA strip style style end */

/* Full-stuck ITSM Section style start */
.full-stuck-itsm {
  background: #F5FAFF;
  padding: 100px 0
}
.full-stuck-itsm h2 {
    text-align: center;
    width: 80%;
    margin: 0 auto;
}
.sdpftrsboxcont {
  display: flex;
  flex-wrap: wrap;
  padding-top: 20px;
}
.sdpftrsboxcont .ftrbx {
  flex: 0 0 24%;
  margin: 25px;
  background: #FFFFFF;
  padding: 30px;
  border: 1px solid #f1f1f1;
  transition: all 500ms ease;
}
img.mspftrimg{ margin-top: 30px;}
.sdpftrsboxcont .ftrbx:nth-child(1){background: none;border:none;}

.ftrbx:nth-child(1):hover {
	
	    box-shadow:none !important;
    z-index: 3;
    /*transform: translateY(-5px);
    box-shadow: -2px 11px 16px 7px rgb(204 228 234 / 30%);*/
}
.ftrbx:hover {
	
	    box-shadow: 0 30px 70px rgb(174 196 211) !important;
    z-index: 3;
    /*transform: translateY(-5px);
    box-shadow: -2px 11px 16px 7px rgb(204 228 234 / 30%);*/
}
.ftrbx a.ftrlranmor {
  font-family: 'Zoho_Puvi_Regular';
	display: inline-block;
	align-items: center;
	text-decoration: none;
    color: #006cff;
}

.ftrbx:nth-child(1) .ftrtitldisc, .ftrbx:nth-child(2) .ftrtitldisc, .ftrbx:nth-child(3) .ftrtitldisc {
  min-height: 185px;
}
.ftrbx:nth-child(4) .ftrtitldisc, .ftrbx:nth-child(5) .ftrtitldisc, .ftrbx:nth-child(6) .ftrtitldisc {
  min-height: 210px;
}
.ftrbx:nth-child(7) .ftrtitldisc, .ftrbx:nth-child(8) .ftrtitldisc, .ftrbx:nth-child(9) .ftrtitldisc {
  min-height: 180px;
}

.ftrbx a h3 {
  font: 26px/32px 'Zoho_Puvi_Bold';
  align-items: center;
	margin:0px 0px 0px 20px;
}
.ftrbx p {
  font-size: 17px;
  line-height: 25px;
	    margin-top: 20px;
}
.ftrbx a {
  text-decoration: none;
    color: #000;
	display: flex;
	align-items: center;
}
/*.ftrbx h3.ftr1:before, .ftrbx h3.ftr2:before, .ftrbx h3.ftr3:before, .ftrbx h3.ftr4:before, .ftrbx h3.ftr5:before, .ftrbx h3.ftr6:before, .ftrbx h3.ftr7:before, .ftrbx h3.ftr8:before, .ftrbx h3.ftr9:before {
  margin-right: 15px;
  height: 60px;
	width: 60px;
}*/

.whtmspftrsicons {
    background-image: url(https://www.manageengine.com/products/service-desk-msp/style/../images/msp-features-icons.svg);
    display: block;
    background-repeat: no-repeat;
    background-size: 750px auto;
}

.ftr1 {
    background-position: -6px -8px;
    width: 85px;
    height: 65px;
}
.ftr2 {
    background-position: -106px -8px;
    width: 53px;
    height: 65px;
}
.ftr3 {
    background-position: -196px -7px;
    width: 73px;
    height: 57px;
}
.ftr4 {
    background-position: -287px -7px;
    width: 70px;
    height: 60px;
}
.ftr5 {
    background-position: -381px -7px;
    width: 68px;
    height: 65px;
}
.ftr6 {
    background-position: -488px -12px;
    width: 55px;
    height: 53px;
}
.ftr7 {
    background-position: -580px -7px;
    width: 75px;
    height: 62px;
}
.ftr8 {
    background-position: -683px -9px;
    width: 55px;
    height: 59px;
}


/*.ftrbx h3.ftr1:before {content: url('../images/sdpftr-incident.svg');}
.ftrbx:nth-child(1):hover h3.ftr1:before {content: url('../images/sdpftr-incident-hover.svg');}

.ftrbx h3.ftr2:before {content: url('../images/sdpftr-scatalog.svg');}
.ftrbx:nth-child(2):hover h3.ftr2:before {content: url('../images/sdpftr-scatalog-hover.svg');}

.ftrbx h3.ftr3:before {content: url('../images/sdpftr-change.svg');}
.ftrbx:nth-child(3):hover h3.ftr3:before {  content: url('../images/sdpftr-change-hover.svg');}

.ftrbx h3.ftr4:before {content: url('../images/sdpftr-asset.svg');}
.ftrbx:nth-child(4):hover h3.ftr4:before {content: url('../images/sdpftr-asset-hover.svg');}

.ftrbx h3.ftr5:before {content: url('../images/sdpftr-release.svg');}
.ftrbx:nth-child(5):hover h3.ftr5:before {  content: url('../images/sdpftr-release-hover.svg');}


.ftrbx h3.ftr6:before {content: url('../images/sdpftr-project.svg');}
.ftrbx:nth-child(6):hover h3.ftr6:before {  content: url('../images/sdpftr-project-hover.svg');}


.ftrbx h3.ftr7:before {content: url('../images/sdpftr-problem.svg');}
.ftrbx:nth-child(7):hover h3.ftr7:before {  content: url('../images/sdpftr-problem-hover.svg');}


.ftrbx h3.ftr8:before {content: url('../images/sdpftr-cmdb.svg');}
.ftrbx:nth-child(8):hover h3.ftr8:before {content: url('../images/sdpftr-cmdb-hover.svg');}

.ftrbx h3.ftr9:before {content: url('../images/sdpftr-space.svg');}
.ftrbx:nth-child(9):hover h3.ftr9:before {content: url('../images/sdpftr-space-hover.svg');}*/


.allftrcta {
  margin: 70px 0 20px 0;
  text-align: center;
}
.allftrcta a {
  color: #fff;
  background: #000;
  border: 1px solid #000;
  border-radius: 2px;
  text-decoration: none;
  padding: 8px 50px 8px 30px;
  font-size: 17px;
  font-family: 'Zoho_Puvi_SemiBold';
  display: inline-block;
	position: relative;
	text-transform:uppercase;
}
.allftrcta a:hover {
  color: #fff;
  border: 1px solid #000;
	background: #000000d4;
}

a.allftr:after {
    content: '';
    position: absolute;
    right: 28px;
    top: 17px;
    display: inline-block;
    background: url(https://www.manageengine.com/products/service-desk-msp/style/../images/learn-more-arrow.svg);
    width: 15px;
    height: 11px;
    transition: all ease .3s;
}
a.allftr:hover:after {
  transform: translateX(4px)
}


/* Full-stuck ITSM Section style end */

/* GDPR Section style start */
.gdpr-hippa {
  padding: 100px 0
}
.gdpr-hippa h2 {
  text-align: center;
}
.gdprcont{ width: 70%; margin: 0 auto}
.gdpricon {
    background-image: url(https://www.manageengine.com/products/service-desk-msp/style/../images/msp-gdpr-icons.svg);
        height: 110px;
    position: relative;
    display: block;
    background-repeat: no-repeat;
    background-size: 70px;
    width: 100px;
    margin: 0 auto;
}
.hippaicon {
  background: url("https://www.manageengine.com/products/service-desk-msp/images/hippa-icon.svg");
  width: 120px;
  height: 120px;
  position: relative;
  display: block
}
.gdpr-hippa .two-col {
  align-items: flex-start;
}
.gdpr-hippa .two-col .content {
  flex: 35%;
  padding: 4%;
}
.gdpr-hippa .two-col .content p {
  margin-top: 20px;
}
ul.bluticklist {
  margin: 0;
  padding: 0;
  list-style-image: url("https://www.manageengine.com/products/service-desk-msp/style/../images/blueticklist.svg");
  margin-left: 30px;
}
ul.bluticklist li {
  list-style-type: none;
  margin-top: 10px;
  /* display: flex; */
  align-items: baseline;
  padding-left: 10px;
  font-size: 18px;
  line-height: 18px;
}
ul.bluticklist li::marker {
    font-size: 35px;
}
.gdprcta{ margin-top: 30px }
.gdprcta a{ position: relative; text-decoration: none;}
.gdprcta a:after {
    content: '';
    position: absolute;
    right: -22px;
    top: 4px;
    display: inline-block;
    background: url(https://www.manageengine.com/products/service-desk-msp/style/../images/learn-more.svg);
    width: 15px;
    height: 11px;
    transition: all ease .3s;
}
.gdprcta a:hover:after {
  transform: translateX(4px)
}

ul.ylowicklist {
  margin: 0;
  padding: 0;
  list-style-image: url("https://www.manageengine.com/products/service-desk-msp/images/ylowticklist.svg");
  margin-left: 30px;
}
ul.ylowicklist li {
  list-style-type: none;
  margin-top: 10px;
  /* display: flex; */
  align-items: baseline;
  padding-left: 10px;
  font-size: 18px;
  line-height: 28px;
	color: #fff;
}
ul.ylowicklist li::marker {
    font-size: 30px;
}

/* Customer sec style start  */
.customers-sec {
    background-image: url(https://www.manageengine.com/products/service-desk-msp/style/../images/msp-customer-testibg.png);
    padding: 100px 0;
    background-color: #093c6f;
    background-size: 60px;
}
.testi-slider1{ width: 70%; margin: 0 auto; color: #fff}
.slick-dots {
    text-align: left;
}
.slick-list {
    margin: 0;
    padding: 0;
    /*border: 1px solid #999;*/
}
.slick-list img{
    border: 1px solid #999;
}
.slick-list .zoomD { border: none;}

.nextprevarow{ height: 0}

.customers-sec h2 {color: #fff;
  text-align: center;
}
.customers-sec .three-col .content {
  flex: 24%;
  margin: 4%;
}
.custmrlogratbx {
  background: #fff;
  padding: 55px 0;
  /*box-shadow: 0px 3px 8px #00000029;*/
  text-align: center;
  max-height: 180px;
  border: 1px solid #f1f1f1;
  transition: all 500ms ease;
}
.custmrlogratbx:hover { box-shadow: 0 30px 70px rgb(174 196 211) !important;
    z-index: 3;
	
 /*transform: translateY(-5px);
    box-shadow: -2px 11px 16px 7px rgb(204 228 234 / 30%);*/
}
.custmrlogratbx img {
  width: 60%;
}
.ratting-icon {
  background-image: url(../images/ratting-icon-4.4.png);
  background-size: 240px;
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  background-position: -119px 0px;
  transition: 2.4s ease all;
}
.startrat43 {
  background-image: url(../images/ratting-icon-4.3.png);
  background-size: 240px;
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  background-position: -119px 0px;
  transition: 2.4s ease all;
}
.ratrnubr {
  margin-top: 10px;
  display: inline-block;
}
.ratting {
  position: relative;
  height: 30px;
  width: 120px;
  margin: 30px auto 0 auto;
}
.ratting-icon-out {
  z-index: -1;
  width: 100%;
}
.ratting-icon-fill {
  width: 0%;
  background-position: 0px 0px;
}
.parent-active .ratting-icon-fill {
  width: 100%;
  transition: 2.4s ease all;
}
.ratrnubr p:nth-child(1) {
  line-height: 30px;
  margin: 20px 0 0 0
}
.ratrnubr p span:nth-child(1) {
  font-size: 36px;
  line-height: 29px;
	font-family: 'Zoho_Puvi_SemiBold';
}
.ratrnubr p span {
  font-size: 25px;
  line-height: 29px;

}
.ratrnubr p:nth-child(2) {
  font-size: 16px;
  line-height: 25px;
  margin: 0;
	
	
}
p.pldate {
  text-align: center;
	font-size: 16px;
}
/* Customer sec style End  */


/* Footer black CTA sec style Start  */
.ftrblackCTAsec {
  background: #fff;
  padding: 100px 0;
  border-bottom: 4px solid #fff;
}
.ftrblackCTAsec h2 {
  color: #000;
  margin: 0 auto;
  padding: 0;
  text-align: center;
	width: 70%;
}
.ftrblackCTAsec div.blkCTAcont {
  margin-top: 30px;
  text-align: center
}
a.blkCTA {
  display: inline-block;
  font-size: 17px;
  background: #E23C32;
  color: #fff;
  text-decoration: none;
  border-radius: 2px;
  text-transform: uppercase;
  padding: 10px 25px;
  font-family: 'Zoho_Puvi_SemiBold';
}
a.blkCTA:hover {
  background: #c50c20;
}
p.toteleco {
  color: #000;
  font-size: 13px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
}
/* Footer black CTA sec style End  */
.group-icon {
  position: relative;
  top: 70px;
}
@media only screen and (max-width:1180px) {
  p {
    font-size: 17px;
    line-height: 25px;
  }
  .bannercont {
    width: 82%;
  }
  .bannercont p {
    font: 17px/30px 'Zoho_Puvi_Regular' !important;
  }
	.bnr-elmnts1{    left: 4%;}
	.bnr-elmnts3{ right: 10%;}
	.bnr-elmnts4{    left: 14%;}
  .sdpmainconarea h2 {
    width: 55%;
  }
  .whatissdpvideo {
    text-align: center;
    margin-top: -18%;
    margin-bottom: 80px;
    max-width: 80%;
  }
  .navftrmenu a {
    font-size: 16px;
  }
  .navftrmenu li a {
    font-size: 16px;
  }
  .navftrmenu li.active a {
    font-size: 16px;
  }
	.subnavftrmenu {
		width: 100%;}
  ul.aboutsdplist li div.left {
    width: 35%;
  }
  ul.aboutsdplist li div.right p {
    font-size: 16px;
    line-height: 20px;
  }
  .screnBGgreen {
    padding: 5%;
  }
  .aibannerelmcon .two-col .content {
    flex: 40%;
    padding: 2%;
  }
  .p50 {
    padding: 20px 0;
  }
  .sdpftrsboxcont .ftrbx {
    flex: 0 0 25%;
    margin: 15px;
  }
  .certifictbx {
    width: 360px;
    padding: 30px;
  }
  .certifictbx img {
    width: 30%;
    margin: 0 auto 20px auto;
  }
	.certific-elmnts2{    left: 1%;}
}
@media only screen and (max-width:1024px) {
	header:not(.abheader) #header-mainsec .headerinner {
    padding-bottom: 18px;
}
  .pg-container {
    max-width: 94%;
    padding: 0px 2%;
  }
  .ftrmenusticky {
    top: 80px;
  }
  .inermenucont {
    top: 80px;
  }
  h2 {
    font: 32px/1.25 'Zoho_Puvi_Bold';
    margin: 0px 0px 30px 0px;
  }
  .ftrbx h3.ftr1:before, .ftrbx h3.ftr2:before, .ftrbx h3.ftr3:before, .ftrbx h3.ftr4:before, .ftrbx h3.ftr5:before, .ftrbx h3.ftr6:before, .ftrbx h3.ftr7:before, .ftrbx h3.ftr8:before, .ftrbx h3.ftr9:before {
    margin-right: 10px;
    height: 60px;
  }
  .ftrbx h3 {
    font: 25px/30px 'Zoho_Puvi_Bold';
  }
  .bannercont p {
    width: 85%;
  }
  .bnr-elmnts3 {
    right: 10%;
  }
  .bnr-elmnts2 {
    right: 5%;
  }
  .banner {
    padding-bottom: 100px;
  }
  .whatissdpvideo {
    max-width: 70%;
    margin-top: -14%;
  }
  .sdpmainconarea h2 {
    text-align: center;
    width: 75%;
  }
  .screnBGbrown {
    padding: 10%;
  }
  h2 {
    margin: 0px 0px 30px 0px;
  }
  h3 {
    margin-bottom: 15px;
  }
  .aboutsdplistcont {
    padding: 20px;
  }
  ul.aboutsdplist li div.listcontianer {
    margin: 15px;
  }
  ul.aboutsdplist li div.left {
    padding-left: 10px;
  }
  .indusrtycase {
    padding: 0 27px;
  }
	.subnavftrmenu li{ min-width: 170px;}
  .customers-sec .three-col .content {
    flex: 24%;
    margin: 2%;
  }
  .sdpftrsboxcont .ftrbx {
    margin: 14px;
    flex: 0 0 26%;
    padding: 2%;
  }
  .certificatesec {
    background-size: auto;
  }
}
@media only screen and (max-width:980px) {
  .bannercont h1 {
    font: 38px/1.2 'Zoho_Puvi_Bold' !important;
}
  .sdpmainconarea h2 {
    text-align: center;
    width: 79%;
  }
  .bannercont {
	  flex-wrap: wrap;
    padding: 100px 0 60px 0;
  }
	.bnr-left {
    flex: 0 0 100%;
}
	.bnr-right {
    flex: 0 0 100%;
		    padding-top: 20px;
}
  .bannercont p {
    width: 100%;
	   text-align: center;
  }
  .whatissdpvideo {
    margin-top: -12%;
    max-width: 80%;
  }
  .navftrmenu a {
    padding: 10px 15px;
    font-size: 17px;
  }
  .inermenucont .navftrmenu li {}
  .two-col .content1 {
    flex: 100%;
    padding: 0;
  }
  .ftrmenusticky {
    top: 80px;
  }
  .screnBGgreen, .screnBGyellow {
    padding: 64px;
    margin: 30px 0;
  }
  .aibannerelmcon {
    position: relative;
    min-height: auto;
  }
  .two-col .content {
    flex: 100%;
  }
  .fd-col-rvrs {
    flex-direction: column-reverse;
  }
  video.ziascreen {
    margin: 50px 0;
  }
  .bnr-elmnts1, .bnr-elmnts2, .bnr-elmnts3, .bnr-elmnts4, .bnr-elmnts5, .aibnr-elmnts1, .aibnr-elmnts2, .aibnr-elmnts3, .aibnr-elmnts4, .aibnr-elmnts5 {
    display: none
  }
  .certific-elmnts1, .certific-elmnts2, .certific-elmnts3, .certific-elmnts4, .certific-elmnts5, .absdpbnr-elmnts1, .absdpbnr-elmnts2, .absdpbnr-elmnts3, .absdpbnr-elmnts4, .absdpbnr-elmnts5 {
    display: none
  }
	.subnavftrmenu{ display: none;}
	.industrycont, .casemgntcont {
    width: 100%;
}
	.indusrtycase {
    padding: 0;
}
	.sprt-line { display: none;
}
	
	.retail{ margin-top: 0px;}
	/*.subnavftrmenu li {
    min-width: 320px;
}
	*/
  .navftrmenu li {
    margin: 0px;
  }
	.navftrmenu li a {
    font-size: 15px;
}
  .aboutsdp {
    max-height: 100%;
  }
  #account, #billing, #workflows, #ai-support, #customization, #integrations {
    padding: 35px 0;
    width: 90%;
    margin: 0 auto;
}
	.aboutsdpbox h2 {
    color: #fff;
    text-align: center;
    padding: 30px 0;
    margin: 0 auto;
    width: 70%;
}
  ul.aboutsdplist li {
    flex: 0 0 100%;
    border-bottom: 1px solid #e3e3e3 !important;
  }
  ul.aboutsdplist li:last-child {
    border-bottom: none !important;
  }
  ul.aboutsdplist li div.listcontianer {
    margin: 0;
  }
  ul.aboutsdplist li.bdrbtm {
    border-bottom: none;
  }
  ul.aboutsdplist li.bdrleft {
    border-left: none;
  }
  ul.aboutsdplist li div.left {
    width: 15%;
  }
  ul.aboutsdplist li div.right {
    width: 90%;
  }
.msp-numbers div.colm {
    transform: translateY(25px) scale(1);
    transform-origin: center bottom;
    transform: translateY(25px);
    opacity: 0;
    flex: 0 0 45%;
    padding: 0px 10px 0px 10px;
	text-align: center;
}
  br {
    display: none
  }
  .esmsec {
    margin-top: 0;
    position: relative;
    background: #fff;
  }
  .esmsec .two-col .content:nth-child(2) {
    border-left: 0;
    padding-top: 0px;
  }
  .inermenucont .navftrmenu a {
    padding: 10px 68px;
    font-size: 18px;
  }
  .sdpftrsboxcont .ftrbx {
    flex: 0 0 84%;
    padding: 2% 6%;
  }
  .certific2ndbg .two-col .content {
    flex: 90%;
    padding: 5% 5% 10% 5%;
  }
  .custmrlogratbx {
    max-height: 100%;
  }
  .ftrbx h3 {
    display: flex;
    align-items: center;
  }
	.ftrbx img {
    width: 60%;
    margin: 0 auto;
    /* text-align: center; */
    display: flex;
}
	img.mspftrimg {
    margin-top: 0;
    position: relative;
}
	.ftrbx:nth-child(1) .ftrtitldisc, .ftrbx:nth-child(2) .ftrtitldisc, .ftrbx:nth-child(3) .ftrtitldisc, .ftrbx:nth-child(4) .ftrtitldisc, .ftrbx:nth-child(5) .ftrtitldisc, .ftrbx:nth-child(6) .ftrtitldisc, .ftrbx:nth-child(7) .ftrtitldisc, .ftrbx:nth-child(8) .ftrtitldisc, .ftrbx:nth-child(9) .ftrtitldisc{ min-height: auto;}
  .gdpr-hippa .two-col .content {
    flex: 87%;
    padding: 3%;
  }
  .certifictbx {
    width: 90%;
    padding: 30px;
    float: none;
  }
  .certifictbx img {
    width: 30%;
    margin: 0 auto;
  }
  .customers-sec .three-col .content {
    flex: 54%;
    margin: 4%;
  }
  #adsticky {
    position: relative;
    top: auto;
  }
  .inermenucont {
    top: 80px;
  }
  .certific2ndbg {
    background-size: cover;
  }
  .custmrlogratbx img {
    width: 40%;
  }
	.ftrblackCTAsec h2{    width: 100%;}
}
@media only screen and (max-width:667px) {
  #visualworkflows .content2 {
    display: none
  }
  #customizations .content2 {
    display: none
  }
  #itsm360 .content2 {
    display: none
  }
  #esm .content2 {
    display: none
  }
  .bannercont h1 {
    font: 30px/1.2 'Zoho_Puvi_Bold' !important;
    margin-bottom: 20px;
  }
  h2 {
    margin: 0px 0px 30px 0px;
  }
  .sdpmainconarea h2 {
    font: 25px/1.25 'Zoho_Puvi_Bold' !important;
    ;
    text-align: center;
    width: 85%;
  }
  .sdpmainconarea h3 {
    font: 20px/1.25 'Zoho_Puvi_Bold' !important;
    ;
    margin: 20px 0px 20px 0px;
  }
  .aboutsdp h2 {
    font: 25px/1.25 'Zoho_Puvi_SemiBold' !important;
    ;
  }
	#adsticky h2{    margin-top: 0;}
  .pg-container {
    max-width: 92%;
    padding: 0px 20px;
  }
  .navftrmenu li {
    display: none;
  }
  .banner {
    background-size: auto;
    margin: 0;
}
  .bannercont {
    width: 100%;
    margin: 0 auto;
    padding: 80px 0;
  }
  .bannercont p {
    width: 100%;
  }
  ul.bannercta {
    flex-wrap: wrap;
    margin-top: 30px;
  }
  ul.bannercta li {
    width: 100%
  }
  .bannercta li a {
    display: block;
    text-align: center
  }
  .whatissdpvideo {
    margin-top: -32%;
    max-width: 100%;
    margin-bottom: 50px;
  }
  #account, #billing, #workflows, #ai-support, #customization, #integrations {
    padding: 30px 0;
  }
  ul.aboutsdplist li div.listcontianer {
    margin: 15px 5px;
  }
  ul.aboutsdplist li div.left {
    width: 30%;
  }
  ul.aboutsdplist li div.right {
    width: 70%;
  }
  ul.aboutsdplist li div.right p {
    line-height: 1.2;
  }
  .esmsec, .full-stuck-itsm, .gdpr-hippa {
    padding: 50px 0;
  }
  .indusrtycase {
    padding: 0;
  }
  .navftrmenu {
    display: none;
  }
  .inermenucont .navftrmenu {
    display: none;
  }
  .sdpftrsboxcont .ftrbx {
    margin: 14px 0;
  }
  .sdpftrsboxcont .ftrbx {
    flex: 0 0 84%;
    padding: 8%;
  }
  .certifictbx {
    width: 90%;
    padding: 5%;
    float: none;
  }
  .screnBGgreen, .screnBGyellow {
    padding: 0;
    margin: 10px 0;
  }
  .screnBGyellow {
    padding: 20px;
    margin: 25px 0;
    justify-content: center;
    background-size: contain;
  }
  .screnBGbrown, .screnBGlitblu {
    padding: 0;
  }
  ul.aboutsdplist li {
    padding: 0;
  }
  ul.aboutsdplist li div.left {
    padding-left: 0;
  }
}
@media only screen and (max-width:414px) {
  .bannercont p {
    font: 16px/25px 'Zoho_Puvi_Regular' !important;
  }
  .bannercont h1 {
    font: 24px/1.2 'Zoho_Puvi_Bold' !important;
}
  .sdpmainconarea h2 {
    font: 30px/35px 'Zoho_Puvi_Bold' !important;
    text-align: center;
    width: 90%;
  }
	.imgzoom {
    position: relative;
    display: none;
}
	.aboutsdpbox h2 {
    width: 100%;
}
  #adsticky h2 {
    font: 30px/35px 'Zoho_Puvi_Bold' !important;
  }
  .yellowCTAsec h2 {
    font: 30px/35px 'Zoho_Puvi_Bold' !important;
	      width: 100%;
  }
	.full-stuck-itsm h2 {
    width: 100%;
}
  .sdpmainconarea h3 {
    font: 25px/30px 'Zoho_Puvi_Bold' !important;
  }
  .indusrtycase h3 {
    font: 25px/30px 'Zoho_Puvi_Bold' !important;
  }
	.ftrbx a {
    display: block;
}
  .ftrbx h3 {
    font: 25px/30px 'Zoho_Puvi_Bold' !important;
  }
	.ftrbx p {
    margin-top: 20px;
}
  .bannercta li a {
    font-size: 15px;
  }
  .hippaicon {
    margin-top: 40px;
  }
	
	.gdprcont {
    width: 90%;
    margin: 0 auto;
}


  p {
    font-size: 15px;
    line-height: 22px;
  }
  ul.bluticklist li {
    font-size: 15px;
    line-height: 22px;
  }
  a.yellowcta {
    font-size: 16px;
  }
  a.blkCTA {
    font-size: 17px;
  }
	.testi-slider1 {
    width: 100%;
    margin: 0 auto;
    color: #fff;
}
	.msp-numbers div.colm {
    flex: 0 0 100%;
}
}
@media only screen and (max-width: 380px) {
  .bannercont h1 {
    font: 25px/1.2 'Zoho_Puvi_Bold' !important;
  }
  h2 {
    font: 30px/1.25 'Zoho_Puvi_Bold';
    margin: 0px 0px 30px 0px;
  }
}