.bnr-animn-object5, .bnr-animn-object6, .bnr-animn-object8, .bnr-animn-object9 {
  opacity: 0;
  transform: scale(0)
}
.capterra-rting:hover, .g2-rting:hover, .getapp-rting:hover {
  box-shadow: 0 12px 13px 0 rgb(216 189 127)
}
h3.msp-solution-accordion, h3.msp-solution-tab-active, h3.msp-solution-tab-active:hover {
  border-bottom: 1px solid #e7edee
}
.m-popular, .rtingcont {
  vertical-align: middle
}
body {
  font: 18px/1.4 Zoho_Puvi_Regular, Arial, Helvetica, sans-serif
}
.msp-container {
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 2%;
  width: 94%
}
.msp-hm-bnr-sec {
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-hm-bnr-bg-ptrn.svg);
  background-repeat: repeat;
  padding: 7% 0;
  position: relative;
  background-color: #fdf2eb;
  overflow: hidden
}
/*.msp-home-sprite {
  background-image: url("https://cdn.manageengine.com/products/service-desk-msp/images/msp-home-sprite-icons.png");
  background-repeat: no-repeat
}*/
.msp-hm-banner-cont {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap
}
.msp-hm-banner-cont .col {
  flex: 0 0 calc(100% / 2);
  max-width: calc(100% / 2);
  box-sizing: border-box;
  position: relative
}
.msp-hm-banner-cont .col:nth-child(2) {
  padding-left: 4%
}
.msp-hm-banner-cont .col h1 {
  font: 50px/1.2 Zoho_Puvi_ExtraBold, Arial, Helvetica, sans-serif;
  display: flex;
  flex-wrap: wrap;
  letter-spacing: -1px;
  opacity: 0;
  transition: 1s .1s;
  transform: translateY(-50px)
}
.msp-hm-banner-cont .col.content-view h1, .msp-hm-banner-cont .col.content-view p, .msp-hm-intro-cont.parent-active .intro-right, .new-release-sec.parent-active .latest-news div.news .left, .new-release-sec.parent-active .latest-news div.news .right {
  opacity: 1;
  transform: translateY(0)
}
.msp-hm-banner-cont .col p {
  font: 21px/1.5 Zoho_Puvi_Medium, Arial, Helvetica, sans-serif;
  margin: 20px 0 40px;
  color: #000;
  padding-right: 15%;
  letter-spacing: .3px;
  opacity: 0;
  transition: 1s .2s;
  transform: translateY(-50px)
}
.msp-hm-banner-cont a.msp-hm-bnr-cta {
  background: #f1402e;
  color: #fff;
  text-decoration: none;
  font: 22px/1.5 Zoho_Puvi_Bold, Arial, Helvetica, sans-serif;
  position: relative;
  padding: 18px 30px;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  display: block;
  max-width: 380px;
  text-align: center;
  opacity: 0;
  transition: 1s .3s;
  transform: translateY(50px);
  text-transform: uppercase
}
.msp-hm-banner-cont .col.content-view a.msp-hm-bnr-cta {
  max-width: 390px;
  padding: 18px 50px;
  opacity: 1;
  transform: translateY(0)
}
.msp-hm-banner-cont a.msp-hm-bnr-cta::after {
  content: "";
  width: 30px;
  height: 110px;
  position: absolute;
  left: -30px;
  top: 0;
  margin-top: -20px;
  background: #e9c5c5;
  opacity: .6;
  filter: blur(20px);
  animation: 3s 3.5s infinite login-blur;
  transform: translate(-10px) rotate(45deg);
  transform-origin: top
}
@keyframes login-blur {
  from {
    transform: translate(-10px) rotate(45deg)
  }
  to {
    transform: translateX(500px) rotate(45deg)
  }
}
img.msp-hm-dcbnr-image {
  width: 75%;
  display: block;
  margin: 0;
  position: relative;
  right: 0;
  opacity: 0;
  z-index: 99
}
.msp-hm-banner-cont .col.content-view img.msp-hm-dcbnr-image {
  opacity: 1;
  transition: 2s 0.1s
}
img.msp-hm-mobbnr-image {
  width: 80%;
  margin: 30px 0 0 auto;
  position: relative;
  right: 0;
  opacity: 0;
  z-index: 99;
  display: none
}
.parent-active img.msp-hm-mobbnr-image {
  opacity: 1;
  transition: 2s .2s
}
.msp-hm-banner {
  position: relative
}
.bnr-animn-object1, .bnr-animn-object2, .bnr-animn-object3, .bnr-animn-object4, .bnr-animn-object5, .bnr-animn-object6, .bnr-animn-object7, .bnr-animn-object8, .bnr-animn-object9 {
  position: absolute;
  display: block;
  background-repeat: no-repeat
}
.bnr-animn-object1 {
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-bnr-rds-bg-right.webp);
  opacity: 0;
  width: 350px;
  height: 82px;
  left: 0;
  background-size: 350px;
  top: -175px
}
.parent-active .bnr-animn-object1 {
  opacity: 1;
  transition: 1s .2s;
  left: 150px
}
.bnr-animn-object2 {
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-bnr-rds-bg-left.webp);
  opacity: 0;
  width: 350px;
  height: 120px;
  right: 0;
  background-size: 280px;
  top: -420px
}
.parent-active .bnr-animn-object2 {
  opacity: 1;
  transition: 2s .3s;
  right: 310px
}
.bnr-animn-object3 {
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-bnr-dots.webp);
  opacity: 0;
  width: 350px;
  height: 290px;
  right: 90px;
  background-size: 300px;
  top: -500px
}
.parent-active .bnr-animn-object3 {
  opacity: 1;
  transition: 1s .4s;
  right: 300px;
  top: -287px
}
.bnr-animn-object4 {
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-bnr-bot.webp);
  opacity: 0;
  width: 96px;
  height: 95px;
  left: 0;
  background-size: 140px;
  top: 0;
  z-index: 99
}
.parent-active .bnr-animn-object4 {
  opacity: 1;
  transition: 1s .5s;
  top: -107px;
  animation: 6s ease-in-out infinite float
}
@keyframes float {
  0%, 100% {
    transform: translatey(0)
  }
  50% {
    transform: translatey(-20px)
  }
}
.bnr-animn-object5 {
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-bnr-quote2.webp);
  width: 100px;
  height: 95px;
  left: 54px;
  top: -197px;
  background-size: 100px
}
.parent-active .bnr-animn-object5 {
  opacity: 1;
  transition: 1s .6s;
  z-index: 99;
  transform: scale(.9);
  animation: 7s ease-in-out infinite chat1
}
@keyframes chat1 {
  0%, 100% {
    transform: translateX(0);
    transform: scale(.9)
  }
  50% {
    transform: translateX(-5px);
    transform: scale(1)
  }
}
.bnr-animn-object6 {
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-bnr-quote1.webp);
  width: 60px;
  height: 40px;
  right: 255px;
  background-size: 60px;
  top: -335px
}
.parent-active .bnr-animn-object6 {
  opacity: 1;
  transition: 1s .7s;
  z-index: 99;
  transform: scale(1);
  animation: 6s ease-in-out infinite chat2
}
@keyframes chat2 {
  0%, 100% {
    transform: translateX(0)
  }
  50% {
    transform: translateX(-7px)
  }
}
.bnr-animn-object7 {
  /*background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-bnr-report.webp);*/
  opacity: 0;
  width: 250px;
  height: 300px;
  background-size: 120px;
  right: -20px;
  top: -405px
}
.parent-active .bnr-animn-object7 {
  opacity: 1;
  transition: 1s .8s;
  z-index: 99;
  transform: scale(1)
}
.bnr-animn-object8 {
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-bnr-blue-star1.png);
  width: 60px;
  height: 40px;
  right: 195px;
  background-size: 40px;
  top: -355px
}
.parent-active .bnr-animn-object8 {
  opacity: 1;
  transition: 1s .9s;
  z-index: 99;
  animation: 7s ease-in-out infinite bluestar1
}
@keyframes bluestar1 {
  0%, 100% {
    transform: scale(1)
  }
  50% {
    transform: scale(.5)
  }
}
.bnr-animn-object9 {
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-bnr-blue-star2.png);
  width: 55px;
  height: 50px;
  left: 80px;
  top: -440px;
  background-size: 50px
}
.parent-active .bnr-animn-object9 {
  opacity: 1;
  transition: 1s 1s;
  z-index: 99;
  transform: scale(1);
  animation: 6s ease-in-out infinite bluestar2
}
@keyframes bluestar2 {
  0%, 100% {
    transform: scale(1)
  }
  50% {
    transform: scale(.5)
  }
}
.bnrarrow {
  height: 60px;
  display: block;
  position: absolute;
  bottom: 60px;
  left: -20px;
  overflow: hidden;
  width: 136px;
  transform: skew(-15deg, -15deg)
}
span.bnr-arrow {
  /*background: url(https://cdn.manageengine.com/products/service-desk-msp/images/msp-bnr-arrow.png) no-repeat;*/
  width: 0;
  display: block;
  height: 90px;
  right: -136px;
  position: relative;
  transform: skew(15deg, 15deg);
  top: -29px
}
.parent-active span.bnr-arrow {
  transition: 2s 3.5s;
  right: 0;
  width: 136px
}
.cutomerlogos-bg {
  background: #ffecdf;
  border-radius: 30px;
  padding: 50px;
  margin-top: 100px
}
.cutomerlogos-bg h3 {
  text-align: center;
  font-size: 18px;
  color: #000;
  margin: 0 0 40px;
  text-transform: uppercase
}
ul.msp-cutomers {
  display: flex;
  justify-content: space-between;
  width: 95%;
  margin: 0 auto
}
ul.msp-cutomers li {
  background: #fdf0e7;
  border-radius: 10px;
  padding: 0 10px;
  box-shadow: 0 0 7px #ffc59e82;
  flex: 0 0 13%;
  display: flex;
  align-items: center;
  text-align: center;
  height: 65px;
  -webkit-transform: translateY(25px);
  -ms-transform: translateY(25px);
  transform: translateY(25px);
  opacity: 0
}
ul.msp-ftr-points li, ul.msp-hme-edn-list li, ul.msp-hme-soln-list li {
  margin-bottom: 10px;
  padding-left: 32px
}
.customersay .slick-next:hover::after, .customersay .slick-next:hover::before, .customersay .slick-prev:hover::after, .customersay .slick-prev:hover:before, ul.msp-cutomers li:hover {
  background: #fff
}
ul.msp-cutomers.content-view li:first-child {
  transition-delay: .1s !important
}
ul.msp-cutomers.content-view li:nth-child(2) {
  transition-delay: .2s !important
}
ul.msp-cutomers.content-view li:nth-child(3) {
  transition-delay: .3s !important
}
ul.msp-cutomers.content-view li:nth-child(4) {
  transition-delay: .4s !important
}
ul.msp-cutomers.content-view li:nth-child(5) {
  transition-delay: .5s !important
}
ul.msp-cutomers.content-view li:nth-child(6) {
  transition-delay: .6s !important
}
ul.msp-cutomers.content-view li:nth-child(7) {
  transition-delay: .7s !important
}
ul.msp-cutomers.content-view li:nth-child(8) {
  transition-delay: .8s !important
}
.msphm-cust1, .msphm-cust2, .msphm-cust3, .msphm-cust4, .msphm-cust5 {
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-cutomer-logo-sprite.svg);
  margin: 0 auto;
  width: 174px;
  height: 50px;
  background-repeat: no-repeat;
  display: inline-block
}
.msphm-cust1 {
  background-position: 5px -3px
}
.msphm-cust2 {
  background-position: -241px -2px
}
.msphm-cust3 {
  background-position: -472px -3px
}
.msphm-cust4 {
  background-position: -667px -2px
}
.msphm-cust5 {
  background-position: -832px -1px
}
.new-release-sec {
  width: 90%;
  margin: 0 auto;
  padding-top: 100px
}
.latest-news {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 80%;
  margin: 0 auto
}
.latest-news div.news {
  flex: 0 0 40%;
  display: flex;
  background: #fff;
  border-radius: 15px;
  padding: 15px 20px 15px 10px;
  margin: 0 20px;
  align-items: center;
  box-shadow: 0 0 11px 0 rgb(255 221 197);
  transition: .3s !important
}
.msp-hm-rating .colm:first-child .rtingcont:first-child, .msp-solution-tabs-list li:first-child, .newscta a, ul.msp-hme-soln-list li:first-child {
  margin-top: 0
}
.latest-news div.news:hover {
  transform: scale(1.02) !important
}
.latest-news div.news:first-child {
  opacity: 0;
  transition: 1s .2s;
  transform: translateX(-50px)
}
.latest-news div.news:nth-child(2) {
  opacity: 0;
  transition: 1s .2s;
  transform: translateX(50px)
}
.msp-hm-intro-cont.parent-active .intro-left, .new-release-sec.parent-active .latest-news div.news:first-child, .new-release-sec.parent-active .latest-news div.news:nth-child(2) {
  opacity: 1;
  transform: translateX(0)
}
.latest-news div.news .left {
  flex: 0 0 30%;
  text-align: center;
  position: relative;
  opacity: 0;
  transition: 1s .3s;
  transform: translateY(50px)
}
.latest-news div.news .right {
  flex: 0 0 70%;
  margin-left: 5px;
  opacity: 0;
  transition: 1s .3s;
  transform: translateY(-50px)
}
.newshead {
  font-size: 16px;
  line-height: 25px
}
.newshead a {
  font-size: 15px;
  line-height: 20px;
  color: #000;
  text-decoration: none
}
p.labletxt {
  margin: 0;
  color: #000;
  font-family: Zoho_Puvi_Bold, Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-transform: uppercase
}
.mspvrsn, .newscta a {
  font-family: Zoho_Puvi_SemiBold
}
.newlble, sup.newlbl {
  color: #fff;
  font-size: 10px;
  text-transform: uppercase
}
sup.newlbl {
  background: #fa1834;
  padding: 2px 4px;
  border-radius: 3px;
  font-weight: 600;
  position: relative;
  bottom: 8px;
  letter-spacing: 1px;
  margin-left: 5px
}
img.msp-psaprmo, img.newsrls {
  bottom: -49px;
  position: absolute
}
img.newsrls {
  width: 100%;
  left: 0
}
img.msp-psaprmo {
  width: 71%;
  left: 15px
}
.itsmcont .bnfits, .msp-hm-intro-sec, .msp-hm-roi-sec, .msp-hm-soln-sec, .mspvrsn, .newlble, .newscta a {
  position: relative
}
.msp142release {
  background: #003496;
  width: 100px;
  height: 100px;
  border-radius: 26px;
  text-align: center;
  margin: 0 auto
}
.newlble {
  background: #f54c36;
  padding: 3px 6px;
  border-radius: 3px;
  line-height: 12px;
  top: 10px
}
.mspvrsn {
  font-size: 35px;
  color: #f8e62b;
  top: 5px
}
.introtext img {
  width: 25%
}
.newscta a {
  display: inline-block;
  text-decoration: none;
  color: #d63436;
  padding-right: 5px;
  font-size: 14px;
  cursor: pointer
}
.newscta a .red-arrow {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-top: 1.5px solid #d63436;
  border-right: 1.5px solid #d63436;
  position: absolute;
  top: 7.5px;
  bottom: 0;
  margin-left: 3px;
  transform: rotate(45deg);
  transition: .3s
}
.newscta a:hover .red-arrow {
  margin-left: 7px
}
.msp-hm-intro-sec {
  background: #fff;
  padding: 100px 0
}
.msp-hm-intro-cont {
  display: flex;
  align-items: flex-start
}
.msp-hm-intro-cont .intro-left {
  flex: 0 0 60%;
  opacity: 0;
  transition: 1s .1s;
  transform: translateX(-50px)
}
.msp-hm-intro-cont .intro-right {
  flex: 0 0 40%;
  align-items: center;
  display: flex;
  opacity: 0;
  transition: 1s .1s;
  transform: translateY(50px)
}
.msp-hm-intro-cont h2 {
  font: 40px/1.3 Zoho_Puvi_ExtraBold, Arial, Helvetica, sans-serif;
  color: #000;
  width: 100%;
  margin: 0
}
.msp-hm-intro-cont h2 span, .msp-home-ftrs-cont {
  display: flex
}
.msp-hm-intro-cont p {
  font-size: 19px;
  color: #000;
  width: 85%;
  margin: 20px 0 0
}
.msp-hm-rating {
  margin: 0 auto;
  display: flex;
  align-items: center
}
.rting-brnd img {
  max-width: 70%;
  margin: auto
}
.msp-hm-rating .colm:first-child img, .msp-hm-rating .colm:nth-child(2) img, .msp-hm-rating .colm:nth-child(3) img {
  margin: auto;
}
img.g2logo {
    width: 25%;
}
.msp-hm-rating .colm {
  flex: 0 0 30%
}
.rtingcont {
  padding: 30px 5px;
  border-radius: 20px;
  min-height: 170px;
  margin: 30px 15px;
  text-align: center
}
.msp-starrating, p.rting-nmber {
  margin: 20px auto 0
}
.capterra-rting:hover, .getapp-rting, .getapp-rting:hover {
  background: #fef7e7
}
.capterra-rting {
  background: #e7f8fe
}
.g2-rting, .g2-rting:hover {
  background: #fdf2eb
}
.ratrnubr p:first-child {
  line-height: 30px
}
.rtingcont.g2 .ratrnubr p:first-child {
  margin: 15px 0 0
}
.ratrnubr p span {
  font: 50px/1.1 Zoho_Puvi_ExtraBold, Arial, Helvetica, sans-serif
}
.ratrnubr p:nth-child(2) {
  font-size: 16px;
  line-height: 25px;
  margin: 0
}
.msp-starrating {
  display: flex;
  align-items: center;
  width: 77%
}
.str1, .str2, .str3, .str4 {
  background-image: url("https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-hm-rating-star.png");
  background-repeat: no-repeat;
  width: 40px;
  height: 30px;
  display: block;
  margin: 0 auto
}
.str1, .str4 {
  background-position: -1px -1px
}
.str2 {
  background-position: -30px 0
}
.str3 {
  background-position: -63px -1px
}
.msp-hm-roi-sec {
  background: #fefaf8;
  padding: 100px 0;
  text-align: center
}
.msp-hm-roi-sec h2 {
  font: 40px/1.2 Zoho_Puvi_ExtraBold, Arial, Helvetica, sans-serif;
  color: #000;
  width: 100%;
  margin: 0 auto
}
.itsmcont {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  margin: 80px auto 0;
  justify-content: space-evenly
}
.itsmcont .bnfits {
  flex: 0 0 30%;
  padding: 15px 5px
}
.bnfitscont {
  background: #fff;
  border-radius: 20px;
  padding: 20px 40px;
  transition: .3s;
  text-align: left;
  border: 1px solid #fce9dd;
  min-height: 335px
}
.bnfitscont.b-one:hover {
  background: #fceded;
  border: 1px solid #ffd8d8
}
.bnfitscont.b-two:hover {
  background: #fef7e7;
  border: 1px solid #f6e8c8
}
.bnfitscont.b-three:hover {
  background: #edfeec;
  border: 1px solid #d2ecd1
}
.bnfitscont.b-four:hover {
  background: #e5f3fe;
  border: 1px solid #c3ddf0
}
.bnfitscont.b-five:hover {
  background: #edebfd;
  border: 1px solid #d2cef1
}
.bnfitscont.b-six:hover {
  background: #fcefe9;
  border: 1px solid #f2dacf
}
.itsmcont .bnfits h4 {
  font: 20px/1.4 Zoho_Puvi_Bold, Arial, Helvetica, sans-serif;
  margin: 10px 0 0
}
.itsmcont .bnfits p {
  font-size: 17px;
  color: #000;
  line-height: 1.5
}
.bnfits-icn1, .bnfits-icn2, .bnfits-icn3, .bnfits-icn4, .bnfits-icn5, .bnfits-icn6 {
  background-repeat: no-repeat;
  width: 70px;
  height: 81px;
  background-size: 65px;
  transition: .5s;
  display: block
}
.bnfits-icn1 {
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-hm-ftr-icon1.svg)
}
.bnfitscont.b-one:hover .bnfits-icn1 {
  transform: translateY(-7px);
  margin-left: 5px
}
.bnfits-icn2 {
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-hm-ftr-icon2.svg)
}
.bnfitscont.b-two:hover .bnfits-icn2 {
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-hm-ftr-icon2-hover.svg)
}
.bnfits-icn3 {
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-hm-ftr-icon3.svg)
}
.bnfitscont.b-three:hover .bnfits-icn3 {
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-hm-ftr-icon3-hover.svg)
}
.bnfits-icn4 {
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-hm-ftr-icon4.svg)
}
.bnfitscont.b-four:hover .bnfits-icn4 {
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-hm-ftr-icon4-hover.svg)
}
.bnfits-icn5 {
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-hm-ftr-icon5.svg)
}
.bnfitscont.b-five:hover .bnfits-icn5 {
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-hm-ftr-icon5-hover.svg)
}
.bnfits-icn6 {
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-hm-ftr-icon6.svg)
}
.bnfitscont.b-six:hover .bnfits-icn6 {
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-hm-ftr-icon6-hover.svg)
}
.msp-hm-soln-sec {
  background: #fbf2ec;
  padding: 100px 0;
  overflow: hidden
}
.msp-hm-soln-sec h2 {
  font: 40px/1.2 Zoho_Puvi_ExtraBold, Arial, Helvetica, sans-serif;
  color: #000;
  width: 100%;
  margin: 0 auto;
  text-align: center
}
.msp-solution-wrapper {
  display: flex;
  margin-top: 80px
}
.tab-items-list {
  flex: 0 0 50%
}
.msp-solution-content {
  padding: 50px;
  flex: 0 0 50%;
  background: #fff;
  border-radius: 0;
  display: flex;
  align-items: center
}
.msp-solution-content:before {
  content: "";
  width: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  left: 650px;
  bottom: 0;
  border-radius: 0;
  margin-left: -55px
}
ul.msp-hme-soln-list {
  padding-right: 0;
  margin-top: 0;
  width: 100%
}
ul.msp-hme-soln-list li {
  font: 18px/1.6 Zoho_Puvi_SemiBold, Arial, Helvetica, sans-serif;
  display: block;
  position: relative;
  margin-top: 20px;
  color: #000
}
ul.msp-hme-soln-list li a {
  color: #096ffb;
  text-decoration: none;
  border-bottom: 1px dashed #096ffb
}
ul.msp-hme-soln-list li::before {
  background-image: url("https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-hm-cont-list.svg");
  content: "";
  display: inline-block;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 6px
}
.msp-solution-tabs-list {
  padding: 0
}
.msp-solution-tabs-list i {
  margin-right: 15px;
  font-size: 24px
}
.msp-solution-tabs-list li {
  cursor: pointer;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
  font: 22px/1.6 Zoho_Puvi_Bold, Arial, Helvetica, sans-serif;
  list-style: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 12px 0 12px 15px;
  position: relative;
  margin: 10px 0
}
.msp-solution-tabs-list li:nth-child(7) {
  margin-bottom: 0
}
.msp-solution-tabs-list li span.msp-sln-tbtxt {
  margin: 0 0 0 30px;
  z-index: 9;
  position: relative
}
.msp-solution-tabs-list li.msp-solution-tab-active span.msp-sln-tbtxt:after, .msp-solution-tabs-list li.msp-solution-tab-active span.msp-sln-tbtxt:before {
  border-right: 2px solid;
  content: '';
  display: block;
  height: 9px;
  margin-top: -6px;
  position: absolute;
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  right: -20px;
  top: 50%;
  width: 0;
  left: auto;
  bottom: auto
}
.msp-solution-tabs-list li.msp-solution-tab-active span.msp-sln-tbtxt:after {
  margin-top: -1px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.msp-solution-tabs-list li.msp-solution-tab-active span.msp-sln-tbtxt:focus, .msp-solution-tabs-list li.msp-solution-tab-active span.msp-sln-tbtxt:focus:after, .msp-solution-tabs-list li.msp-solution-tab-active span.msp-sln-tbtxt:focus:before, .msp-solution-tabs-list li.msp-solution-tab-active span.msp-sln-tbtxt:hover, .msp-solution-tabs-list li.msp-solution-tab-active span.msp-sln-tbtxt:hover:after, .msp-solution-tabs-list li.msp-solution-tab-active span.msp-sln-tbtxt:hover:before {
  color: #000
}
.msp-solution-tabs-list li:before {
  content: "";
  width: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  left: 20px;
  bottom: 0;
  transition: width 3s;
  opacity: 0;
  border-radius: 0
}
.msp-solution-tabs-list li.msp-solution-tab-active:before, .msp-solution-tabs-list li:hover:before {
  width: 100%;
  opacity: 1
}
.msp-solution-tabs-list li:after {
  content: "";
  width: 2px;
  height: 0%;
  background: #f5853c;
  position: absolute;
  top: 10px;
  left: 0;
  bottom: 0;
  transition: height 5s;
  opacity: 0
}
.msp-solution-tabs-list li.msp-solution-tab-active:after {
  height: 55%;
  opacity: 1;
  width: 2px
}
.msp-solution-tabs-list li span:after {
  content: "";
  width: 2px;
  height: 125%;
  background: #f5853c4f;
  position: absolute;
  top: -6px;
  left: -45px;
  bottom: 0;
  opacity: 1
}
.msp-solution-tabs-list li:hover:after {
  height: 70%;
  opacity: 1
}
h3.msp-solution-accordion:hover {
  background-color: #fff;
  border-left: 2px solid #f1a068
}
h3.msp-solution-accordion {
  cursor: pointer;
  font-size: 18px;
  display: none;
  font-weight: 300;
  margin: 0;
  line-height: 66px;
  transition: .7s;
  -webkit-transition: .7s;
  -moz-transition: .7s;
  -o-transition: .7s
}
.msp-solution-tab-content {
  display: none
}
.msp-solution-accordion-active, .msp-solution-content-active, .msp-solution-easy-accordion h3.msp-solution-accordion {
  display: block
}
.msp-solution-arrow {
  width: 0;
  height: 0;
  float: right;
  margin-top: 27px;
  margin-right: 15px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid
}
h3.msp-solution-tab-active span.msp-solution-arrow {
  border: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 7px solid
}
h3.msp-solution-tab-active {
  background: #fbf2ec;
  border-color: #f1a068
}
.edi-compr-cta a, .msp-offring-cta a, .mspftrseccta a, .saasbtmcta a {
  background: #f1402e;
  border-radius: 7px;
  transition: .5s;
  text-decoration: none;
  overflow: hidden;
  cursor: pointer
}
.msp-solution-jfit {
  width: 100%;
  margin: 0
}
.msp-solution-tab-content-active {
  display: block;
  background: #e7edee;
  padding: 0 25px 25px
}
.prod-tab-content {
  width: 90%
}
.prod-tab-content img {
  width: 300px;
  float: right
}
.prod-tab-content h4 {
  margin-left: 0;
  display: none
}
.msp-hm-ftrs-sec {
  background-color: #fefaf8;
  padding: 8% 0;
  position: relative
}
.msp-hm-ftrs-sec h2 {
  font: 38px/1.2 Zoho_Puvi_ExtraBold, Arial, Helvetica, sans-serif;
  color: #000;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0
}
.msp-home-ftrs-cont .msp-ftr-left {
  flex: 0 0 35%
}
.edi-compr-cta, .msp-offring-cta, .mspftrseccta {
  text-align: center;
  margin-top: 70px;
  display: block;
  position: relative
}
.mspftrseccta a {
  color: #fff;
  font: 18px/1.5 Zoho_Puvi_Bold, Arial, Helvetica, sans-serif;
  position: relative;
  padding: 15px 40px;
  display: inline-block
}
.mspftrseccta a:hover {
  background: #db4029;
  padding: 15px 50px
}
.msp-home-ftrs-cont .msp-ftr-left .ftimgsticky {
  position: sticky;
  top: 12%
}
.edi-compr-cta a, .msp-offring-cta a, .saasbtmcta a {
  color: #fff;
  font: 20px/1.5 Zoho_Puvi_Bold, Arial, Helvetica, sans-serif;
  position: relative;
  padding: 15px 50px;
  display: inline-block
}
.edi-compr-cta a:hover, .msp-offring-cta a:hover {
  background: #db4029;
  padding: 18px 60px
}
.msp-home-ftrs-cont .msp-ftr-left p {
  font: 19px/1.2 Zoho_Puvi_SemiBold, Arial, Helvetica, sans-serif
}
.msp-ftr-img img {
  width: 100%;
  margin-top: 30px
}
.msp-home-ftrs-cont .msp-ftr-right {
  flex: 0 0 58%;
  padding-left: 7%;
  justify-content: flex-start;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start
}
.msp-hm-features {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start
}
.msp-hm-features .msp-ftrboxs {
  flex: 0 0 46%;
  margin: 15px auto
}
.msp-hm-features .msp-ftrboxs:nth-child(2n) {
  position: relative;
  top: 60px
}
.msp-ftrboxs:first-child, .msp-ftrboxs:nth-child(2), .msp-ftrboxs:nth-child(3), .msp-ftrboxs:nth-child(4), .msp-ftrboxs:nth-child(5) {
  opacity: 0 !important;
  transform: translateY(-50px) !important
}
.msp-ftrboxs:first-child.content-view, .msp-ftrboxs:nth-child(2).content-view, .msp-ftrboxs:nth-child(3).content-view, .msp-ftrboxs:nth-child(4).content-view, .msp-ftrboxs:nth-child(5).content-view {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: .6s;
  transition-delay: 1s !important
}
.aeftrcont {
  background: #fff;
  padding: 30px 40px 30px 30px;
  border-radius: 15px;
  min-height: 365px;
  transition: .1s;
  box-shadow: 0 1px 7px 0 rgb(236 216 207 / 37%)
}
.aeftrcont:hover {
  box-shadow: 0 1px 16px 0 rgb(236 216 207);
  transform: translateY(-.2em)
}
.aeftrcont h4 {
  font: 22px/1.2 Zoho_Puvi_Bold, Arial, Helvetica, sans-serif;
  margin: 0
}
.aeftrcont p, ul.msp-ftr-points li {
  font-size: 18px;
  line-height: 1.3;
  transition: .3s
}
.msp-ftrboxs.content-view .aeftrcont p, .msp-ftrboxs.content-view .aeftrcont ul.msp-ftr-points li {
  -webkit-animation: 1.5s ease-out ftrlist;
  animation: 1.5s ease-out ftrlist
}
ul.msp-ftr-points {
  padding-right: 0;
  margin-top: 20px
}
ul.msp-ftr-points li {
  display: block;
  position: relative;
  margin-top: 13px
}
@-webkit-keyframes ftrlist {
  0% {
    opacity: .5;
    transform: translateX(30px)
  }
  100% {
    opacity: 1;
    transform: translateX(0)
  }
}
ul.msp-ftr-points li::before {
  /*background-image: url("https://cdn.manageengine.com/products/service-desk-msp/images/msp-ftr-points-icon.svg");*/
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 6px
}
.msp-ftr-icon1, .msp-ftr-icon2, .msp-ftr-icon3, .msp-ftr-icon4, .msp-ftr-icon5 {
  width: 55px;
  height: 55px;
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-hm-ftrs-icons.svg);
  display: block;
  margin: 0;
  background-size: 500px
}
.msp-ftr-icon1 {
  background-position: -7px -9px
}
.msp-ftr-icon2 {
  background-position: -116px -8px
}
.msp-ftr-icon3 {
  background-position: -225px -11px
}
.msp-ftr-icon4 {
  background-position: -334px -11px
}
.msp-ftr-icon5 {
  background-position: -441px -8px
}
.saasmodelsec {
  background: #fefaf8;
  padding: 100px 0;
  position: relative
}
.saasmodelsec h2 {
  font: 40px/1.3 Zoho_Puvi_ExtraBold, Arial, Helvetica, sans-serif;
  color: #000;
  text-align: center;
  width: 60%;
  margin: 0 auto
}
.process-container {
  display: flex;
  align-items: flex-start;
  position: relative;
  margin: 0 auto;
  width: 100%;
  padding: 5% 0
}
.step1, .step2, .step3 {
  flex: 0 0 33.3%;
  position: relative
}
.step-content1, .step-content2, .step-content3 {
  position: relative;
  text-align: center;
  overflow: hidden;
  width: 95%;
  margin: 70px auto 0
}
.line1, .line2 {
  width: 26.5%;
  z-index: 9;
  height: 4px;
  top: 86px;
  position: absolute
}
p.flip-hdr {
  font-family: Zoho_Puvi_Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;
  opacity: 0%;
  transform: translateY(-50px);
  margin-bottom: 20px
}
p.flip-disc {
  width: 77%;
  margin: 0 auto;
  opacity: 0%;
  transform: translateY(-70px);
  font-family: Zoho_Puvi_Regular, Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.3
}
.line1 {
  left: 20%
}
.line2 {
  left: 53%
}
.line-gray {
  width: 63%;
  height: 4px;
  position: absolute;
  top: 86px;
  background: rgb(229 229 229);
  left: 260px;
  opacity: .5;
  z-index: 1;
  display: none
}
.start-animation .stepimg1 {
  animation: .3s .3s forwards stepimgfadeIn
}
.start-animation .step-content1 p.flip-hdr {
  animation: 1s .4s forwards fadeIn
}
.start-animation .step-content1 p.flip-disc {
  animation: 1s .5s forwards fadeIn
}
.start-animation .line1 {
  animation: .5s 1s forwards drawLine1
}
.start-animation .stepimg2 {
  animation: .7s 1.5s forwards stepimgfadeIn
}
.start-animation .step-content2 p.flip-hdr {
  animation: 1s 1.6s forwards fadeIn
}
.start-animation .step-content2 p.flip-disc {
  animation: 1s 1.7s forwards fadeIn
}
.start-animation .line2 {
  animation: .5s 2s forwards drawLine2
}
.start-animation .stepimg3 {
  animation: .7s 2.5s forwards stepimgfadeIn
}
.start-animation .step-content3 p.flip-hdr {
  animation: 1s 2.7s forwards fadeIn
}
.start-animation .step-content3 p.flip-disc {
  animation: 1s 2.8s forwards fadeIn
}
.stepimg1, .stepimg2, .stepimg3 {
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-hm-saas-icons.webp);
  background-repeat: no-repeat;
  z-index: 99;
  position: absolute;
  left: 37%;
  opacity: 0;
  background-size: 400px;
  display: block;
  width: 115px;
  height: 100px;
  top: -20px
}
.stepimg1 {
  background-position: 3px -5px
}
.stepimg2 {
  background-position: -139px -5px
}
.stepimg3 {
  background-position: -285px -5px
}
@keyframes stepimgfadeIn {
  to {
    opacity: 1
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0%;
    transform: translateY(-50);
    color: #fff
  }
  50% {
    opacity: 50%;
    transform: translateY(-30)
  }
  100% {
    opacity: 100%;
    transform: translateY(0);
    color: #000
  }
}
@-webkit-keyframes drawLine1 {
  0% {
    width: 0%
  }
  100% {
    background-color: #d17e47;
    width: 26.5%;
    opacity: 1
  }
}
@keyframes drawLine1 {
  0% {
    width: 0%
  }
  100% {
    background-color: #d17e47;
    width: 26.5%;
    opacity: 1
  }
}
@-webkit-keyframes drawLine2 {
  0% {
    width: 0%
  }
  100% {
    background-color: #d17e47;
    width: 27.5%;
    opacity: 1
  }
}
@keyframes drawLine2 {
  0% {
    width: 0%
  }
  100% {
    background-color: #d17e47;
    width: 27.5%;
    opacity: 1
  }
}
.saasbtmcta {
  text-align: center;
  margin-top: 20px;
  display: block;
  position: relative
}
.saasbtmcta a:hover {
  background: #db4029;
  padding: 15px 60px
}
p.cloud-vrsn {
  font-family: Zoho_Puvi_SemiBold, Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 1.5;
  text-align: left;
  width: 80%;
  margin: 0 auto
}
p.cloud-vrsn a {
  color: #df8c46;
  text-decoration: underline
}
.msp-countrywise {
  background-color: #fdf1e7;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  margin: 80px auto 0;
  justify-content: space-between;
  text-align: center;
  border-radius: 30px;
  padding: 0 40px;
  background-position: center
}
.msp-countrywise .colmleft {
  flex: 0 0 40%
}
.msp-countrywise .colmright {
  flex: 0 0 60%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch
}
.datacentr, .expertise, .supportlang {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0
}
.expertise {
  flex-basis: 100%;
  position: relative
}
.datacentr, .supportlang {
  flex-basis: 45%;
  position: relative;
  margin-top: 40px;
  margin-left: 20px
}
.datacentr-cont, .expertise-cont, .supportlang-cont {
  background-repeat: no-repeat
}
.expertise-cont {
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-hm-expertise.png);
  border-radius: 0 0 30px 30px;
  margin: 0 auto;
  width: 40%;
  background-position: center;
  padding: 70px 0 25px 20px
}
.datacentr-cont, .supportlang-cont {
  border-radius: 30px 30px 0 0;
  margin: 0 auto;
  width: 85%;
  background-position: center;
  padding: 80px 15px 20px 20px
}
.datacentr-cont {
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-hm-data.png)
}
.supportlang-cont {
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-hm-language.png)
}
.msp-countrywise p.animtxt {
  font: 65px/1.3 Zoho_Puvi_ExtraBold, Arial, Helvetica, sans-serif;
  color: #000;
  text-align: left;
  margin: 0;
  position: relative
}
.msp-countrywise p:nth-child(2) {
  font: 18px/1.3 Zoho_Puvi_Bold, Arial, Helvetica, sans-serif;
  color: #000;
  position: relative;
  margin: 0;
  text-align: left
}
.msp-hm-edition-sec {
  /*background-image: url("https://cdn.manageengine.com/products/service-desk-msp/images/msp-edition-table-bg-ptrn.png");*/
  background-repeat: repeat;
  padding: 8% 0;
  position: relative
}
.msp-hm-edition-sec h2 {
  font: 40px/1.2 Zoho_Puvi_ExtraBold, Arial, Helvetica, sans-serif;
  color: #000;
  text-align: center;
  margin-top: 0
}
.msp-home-edn-table {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  width: 100%;
  flex-wrap: wrap;
  margin-top: 80px
}
.msp-home-edn-table .col {
  box-sizing: border-box;
  flex: 0 0 calc(100% / 3 - 20px);
  max-width: calc(96% / 3 - 20px);
  position: relative
}
.msp-hm-edn-title {
  background: #fff;
  border-radius: 0 5em 5em 0;
  padding: 20px 30px;
  margin-left: -38px;
  position: relative;
  text-align: center;
  width: 100%;
  margin-top: 130px
}
.msp-hm-edn-title h3 {
  font: 25px/1.3 Zoho_Puvi_Bold, Arial, Helvetica, sans-serif;
  color: #000;
  margin: 0
}
.msp-hm-edn-title p {
  font-size: 14px;
  color: #000;
  margin: 0
}
.msp-free-edn-icon, .msp-pro-edn-icon, .msp-trial-edn-icon {
 /* background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/msp-hm-edn-icons.svg);*/
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  display: block;
  margin: 0;
  background-size: 270px
}
.msp-free-edn-icon {
  background-position: -16px -9px
}
.msp-trial-edn-icon {
  background-position: -120px -8px
}
.msp-pro-edn-icon {
  background-position: -207px -8px
}
.msp-free-edition, .msp-pro-edition, .msp-trial-edition {
  padding: 60px 40px;
  border-radius: 30px;
  min-height: 590px
}
.msp-free-edition {
  background-color: #fbf0e7;
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-hm-std-img.webp);
  transform: translateY(50px);
  background-position: top;
  display: block;
  background-repeat: no-repeat;
  background-position-y: 25px;
  background-position-x: 7px;
  background-size: 360px
}
.msp-pro-edition, .msp-trial-edition {
  background-position: top;
  display: block;
  background-position-x: 0;
  background-repeat: no-repeat
}
.msp-trial-edition {
  background-color: #fbf0e7;
  transform: translateY(100px);
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-hm-prof-img.webp);
  background-position-y: 40px;
  background-size: 370px
}
.msp-pro-edition {
  background-color: #50280e;
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-hm-ent-img.webp);
  transform: translateY(200px);
  background-position-y: 34px;
  background-size: 360px
}
.msp-home-edn-table .col.content-view .msp-free-edition {
  transform: translateY(0);
  opacity: 1;
  transition: .6s .1s
}
.msp-home-edn-table .col.content-view .msp-free-edition ul.msp-hme-edn-list li {
  margin-top: 10px;
  opacity: 1;
  transition: .6s .2s
}
.msp-home-edn-table .col.content-view .msp-trial-edition {
  transform: translateY(0);
  opacity: 1;
  transition: .6s .2s
}
.msp-home-edn-table .col.content-view .msp-trial-edition ul.msp-hme-edn-list li {
  margin-top: 10px;
  opacity: 1;
  transition: .6s .3s
}
.msp-home-edn-table .col.content-view .msp-pro-edition {
  transform: translateY(0);
  opacity: 1;
  transition: .6s .4s
}
.msp-home-edn-table .col.content-view .msp-pro-edition ul.msp-hme-edn-list li {
  margin-top: 10px;
  opacity: 1;
  transition: .6s .5s
}
.msp-pro-edition ul.msp-hme-edn-list li {
  color: #fff
}
.m-popular {
  background: #dd3d32;
  color: #fff;
  padding: 5px 40px;
  position: absolute;
  right: -42px;
  top: 30px;
  transform: rotate(45deg);
  display: inline-block;
  font-size: 13px
}
ul.msp-hme-edn-list {
  padding-right: 0;
  margin-top: 30px
}
ul.msp-hme-edn-list li {
  font-size: 18px;
  display: block;
  position: relative;
  margin-top: 20px;
  color: #000;
  line-height: 1.4;
  opacity: 0;
  transition: 1s !important
}
ul.msp-hme-edn-list li a {
  color: #000;
  text-decoration: none
}
.msp-pro-edition ul.msp-hme-edn-list li a {
  color: #fff;
  text-decoration: none
}
ul.msp-hme-edn-list li::before {
  background-image: url("https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-hm-cont-list.svg");
  content: "";
  display: inline-block;
  height: 18px;
  width: 18px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 5px
}
.msp-hm-customer-sec {
  background: #fbf3ec;
  padding: 8% 0;
  position: relative
}
.msp-hm-customer-sec h2 {
  font: 40px/1.2 Zoho_Puvi_Bold, Arial, Helvetica, sans-serif;
  color: #000;
  text-align: center;
  margin-top: 0
}
.customersay {
  position: relative;
  width: 70%;
  margin: 70px auto 0;
  text-align: center
}
.faq-container {
  max-width: 900px;
  margin: 0 auto
}
.customersay h2 {
  font: 40px/1.2 Zoho_Puvi_SemiBold, Arial, Helvetica, sans-serif;
  margin: 0 0 20px;
  text-align: center
}
.custmr-quots {
  text-align: left
}
.custmrimg1, .custmrimg2 {
  width: 120px;
  height: 120px;
  display: block;
  margin: 0 auto
}
.custmrimg1 {
  background-position: -156px -244px
}
.custmrimg2 {
  background-position: -10px -244px
}
.customersay p.quotes {
  font: 18px/1.6 Zoho_Puvi_Regular, Arial, Helvetica, sans-serif;
  margin: 0
}
.customersay p.authrname {
  font: 20px/1.6 Zoho_Puvi_Bold, Arial, Helvetica, sans-serif;
  margin: 30px 0 0
}
.customersay p.authrdesin {
  font: 15px/1.6 Zoho_Puvi_Regular, Arial, Helvetica, sans-serif;
  margin: 0
}
.customersay .slick-dots {
  bottom: 0;
  display: block;
  width: 10%;
  padding: 0;
  margin: 10px 0 0;
  list-style: none;
  text-align: center;
  right: -20px;
  position: absolute
}
.customersay .slick-next, .customersay .slick-prev {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transform: scale(.8);
  -webkit-transform: scale(.8);
  -moz-transform: scale(.8);
  -ms-transform: scale(.8);
  transform-origin: center;
  border: 2px solid #0c8980;
  transition: .5s;
  display: none !important
}
.customersay .slick-next:hover, .customersay .slick-prev:hover {
  background: #0c8980
}
.customersay .slick-prev {
  left: -150px
}
.customersay .slick-next {
  right: -150px
}
.customersay .slick-next:after, .customersay .slick-next:before, .customersay .slick-prev:after, .customersay .slick-prev:before {
  background: #0c8980;
  width: 3px;
  height: 14px
}
.customersay .slick-prev:before {
  top: 6px;
  left: 16px
}
.customersay .slick-next:before {
  top: 7px;
  right: 15px
}
.customersay .slick-prev:after {
  bottom: 7px;
  left: 15px
}
.customersay .slick-next:after {
  bottom: 6px;
  right: 15px
}
.slick-dots li {
  background: #f9dcc5;
  width: 11px;
  height: 11px
}
.customersay .slick-dots li.slick-active {
  background: #f09350;
  width: 20px;
  height: 11px;
  border: 1px solid #f09350;
  border-radius: 10px
}
a.faq-links {
  font: 16px/1.1 Zoho_Puvi_SemiBold, Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #0067ff
}
.msp-hm-footercta-sec {
  background: #fbf3ec;
  padding-bottom: 100px
}
.msp-hm-footerctabg {
  background-image: linear-gradient(to right top, #50280e, #50280e, #50280e, #50280e, #50280e);
  padding: 8% 9%;
  text-align: center;
  background-position: center;
  border-radius: 50px;
  animation: 4s infinite alternate footerbgfade;
  overflow: hidden;
  position: relative
}
@keyframes footerbgfade {
  0% {
    background-image: linear-gradient(to right top, #50280e, #50280e, #50280e, #50280e, #50280e)
  }
  100% {
    background-image: linear-gradient(to right top, #50280e, #4d250c, #492209, #461f06, #431c03)
  }
}
.msp-hm-footerctabg span.ptrn1 {
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-hm-footer-vector-bg1.png);
  position: absolute;
  left: 0;
  bottom: -60px;
  width: 30%;
  height: 100%;
  z-index: 99;
  background-repeat: no-repeat;
  opacity: .3;
  background-size: 320px
}
.msp-hm-footerctabg span.ptrn2 {
  background-image: url(https://cdn.manageengine.com/products/service-desk-msp/images/home/msp-hm-footer-vector-bg2.png);
  position: absolute;
  right: 0;
  top: 0;
  width: 36%;
  height: 100%;
  z-index: 99;
  background-repeat: no-repeat;
  opacity: .3;
  background-size: 450px
}
.msp-hm-footerctabg h2 {
  font: 40px/1.2 Zoho_Puvi_ExtraBold, Arial, Helvetica, sans-serif;
  color: #fff;
  text-align: center;
  width: 80%;
  margin: 0 auto 50px
}
.msp-hm-footerctabg a {
  background: #ed6d2d;
  color: #fff;
  text-decoration: none;
  font: 20px/1.5 Zoho_Puvi_Bold, Arial, Helvetica, sans-serif;
  position: relative;
  overflow: hidden;
  padding: 17px 65px;
  border-radius: 7px;
  transition: .5s;
  cursor: pointer
}
.msp-hm-footerctabg a:hover {
  background: #db500b;
  padding: 17px 75px
}
.sdp-common-footer-bg {
  background: #fff !important
}
@media only screen and (max-width:1340px) {
  .msp-container {
    max-width: 95%;
    margin: 0 auto;
    padding: 0 30px;
    width: 100%
  }
  .msp-hm-bnr-bgs1 {
    width: 59%;
    height: 620px;
    right: 0;
    top: 6%;
    background-size: contain
  }
  .msp-free-edition, .msp-pro-edition, .msp-trial-edition {
    padding: 50px 30px
  }
  .msp-home-edn-table .col {
    max-width: calc(100% / 3 - 20px)
  }
  .msp-home-edn-table {
    justify-content: space-between
  }
  .customersay .slick-dots {
    right: auto;
    position: relative
  }
}
@media screen and (max-width:1200px) {
  .msp-container {
    max-width: 90%
  }
}
@media only screen and (max-width:1100px) {
  .aeftrcont, .bnfitscont {
    min-height: 255px
  }
  .msp-hm-banner-cont {
    flex-direction: column-reverse
  }
  .msp-hm-banner-cont .col:nth-child(2) {
    padding-left: 0
  }
  span.bnr-arrow {
    transform: rotate(115deg) !important;
    bottom: 0;
    left: 190px;
    top: 40px
  }
  .msp-hm-banner-cont .col {
    flex: 0 0 calc(100% / 1);
    max-width: calc(100% / 1)
  }
  img.msp-hm-dcbnr-image {
    width: 90%;
    margin: 50px auto 0
  }
  .msp-hm-banner-cont .col h1 {
    display: block;
    flex-wrap: wrap;
    text-align: center;
    width: 75%;
    margin: 0 auto
  }
  .msp-hm-banner-cont .col p {
    margin: 20px auto 40px;
    text-align: center;
    width: 52%;
    padding: 0
  }
  .msp-hm-banner-cont a.msp-hm-bnr-cta {
    margin: 0 auto;
    text-align: center
  }
  ul.msp-cutomers {
    display: flex;
    justify-content: center;
    width: 95%;
    margin: 0 auto;
    flex-wrap: wrap
  }
  ul.msp-cutomers li {
    flex: 0 0 23%;
    margin: 15px
  }
  .new-release-sec {
    width: 100%;
    margin: 0 auto;
    padding-top: 100px
  }
  .latest-news, .msp-hm-footerctabg h2 {
    width: 100%
  }
  .msp-hm-intro-cont {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
  }
  .msp-hm-intro-cont .intro-left {
    flex: 0 0 100%;
    transform: translateY(50px)
  }
  .msp-hm-intro-cont.parent-active .intro-left {
    transform: translateY(0)
  }
  .msp-countrywise .colmleft, .msp-hm-intro-cont .intro-right, .msp-home-ftrs-cont .msp-ftr-left {
    flex: 0 0 100%
  }
  .msp-hm-intro-cont h2 {
    width: 85%;
    text-align: center;
    margin: 0 auto
  }
  .msp-hm-intro-cont p {
    font-size: 20px;
    color: #000;
    width: 90%;
    margin: 20px auto 0;
    text-align: center
  }
  .msp-hm-rating {
    margin: 30px auto 0;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center
  }
  .msp-hm-rating .colm:first-child .rtingcont:nth-child(1) {
    margin-top: auto
  }
  .msp-hm-rating .colm:first-child {
    flex: 0 0 52.2%;
    flex-wrap: wrap;
    display: flex;
    align-items: center
  }
  .msp-hm-rating .colm:nth-child(2) {
    flex: 0 0 26%;
    flex-wrap: wrap;
    display: flex
  }
  .itsmcont {
    display: flex;
    flex-wrap: wrap;
    margin-top: 80px;
    width: 100%
  }
  .itsmcont .bnfits {
    flex: 0 0 45%;
    padding: 15px 0;
    position: relative
  }
  .bnfitscont {
    padding: 20px 30px
  }
  .msp-hm-soln-sec h2 {
    width: 60%
  }
  .saasmodelsec h2 {
    width: 80%
  }
  .msp-countrywise {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin: 80px auto 0;
    padding: 0
  }
  .msp-countrywise .colmright {
    flex: 0 0 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-top: 30px
  }
  .datacentr, .expertise, .supportlang {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px auto;
    padding: 0
  }
  .expertise {
    flex-basis: 100%;
    position: relative
  }
  .datacentr, .supportlang {
    flex-basis: 100%;
    position: relative;
    margin-top: auto;
    margin-left: auto
  }
  .datacentr-cont, .expertise-cont, .supportlang-cont {
    border-radius: 30px;
    margin: 0 auto;
    width: 30%;
    padding: 70px 15px 20px 20px
  }
  .msp-hm-itsm-sec h2 {
    width: 80%;
    margin: 0 auto
  }
  .msp-home-ftrs-cont {
    display: flex;
    width: 100%;
    flex-wrap: wrap
  }
  .msp-home-ftrs-cont .msp-ftr-right {
    flex: 0 0 100%;
    padding-left: 0;
    justify-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 40px
  }
  .msp-ftr-img {
    text-align: center;
    margin-top: 50px
  }
  .msp-ftr-img img {
    width: 50%
  }
  .msp-home-ftrs-cont .msp-ftr-left .ftimgsticky {
    position: relative;
    top: auto
  }
  .process-container {
    width: 100%;
    margin-top: 30px
  }
  .step-content1, .step-content2, .step-content3 {
    width: 100%;
    margin-left: 0
  }
  .step-circle1, .step-circle2, .step-circle3 {
    left: 43%
  }
  .line1, .line2 {
    top: 76px
  }
  .saasbtmcta {
    text-align: center;
    margin-top: 10px
  }
  p.cloud-vrsn {
    margin: 50px auto 0
  }
  .msp-home-edn-table {
    justify-content: space-around
  }
  .msp-home-edn-table .col {
    max-width: calc(100% / 1);
    flex: 0 0 calc(45% / 1);
    margin: 20px
  }
  .msp-free-edition, .msp-pro-edition, .msp-trial-edition {
    min-height: 600px
  }
  .customersay {
    width: 90%
  }
  .msp-hm-footerctabg span.ptrn1 {
    bottom: -120px;
    background-size: 260px
  }
  .msp-hm-footerctabg span.ptrn2 {
    background-size: 330px
  }
}
@media only screen and (max-width:980px) {
  .msp-hm-bnr-sec {
    padding: 10% 0 7%
  }
  .msp-container {
    max-width: 92%;
    margin: 0 auto;
    padding: 0 4%;
    width: 100%
  }
  .msp-hm-banner-cont .col h1 span, h2 span {
    margin: 0 5px
  }
  span.bnr-arrow {
    transform: rotate(127deg) !important;
    left: 120px
  }
  .msp-hm-intro-cont h2 {
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }
  .msp-hm-intro-cont h2 span, .msp-home-ftrs-cont {
    display: block;
  }
  ul.msp-cutomers li {
    flex: 0 0 23%;
    margin: 15px 8px
  }
  .new-release-sec {
    padding-top: 70px
  }
  .latest-news {
    width: 60%;
    flex-wrap: wrap
  }
  .latest-news div.news {
    flex: 0 0 100%;
    padding: 15px 5px 15px 10px;
    margin: 20px 0
  }
  .msp-hm-rating {
    width: 96%
  }
  .msp-hm-rating .colm:first-child, .msp-hm-rating .colm:nth-child(2) {
    flex: auto
  }
  .msp-hm-roi-sec h2, .msp-hm-soln-sec h2 {
    width: 70%
  }
  .msp-solution-wrapper {
    display: flex;
    margin-top: 80px;
    flex-wrap: wrap
  }
	.msp-solution-content {
    padding: 0;
    flex: 0 0 100%;
    background: #fff;
    border-radius: 0;
    margin: 0 auto;
    box-shadow: 0 0 13px 1px #f5853c;
    display: block
  }
  /*.msp-solution-content {
    padding: 50px;
    flex: 0 0 80%;
    background: #fff;
    border-radius: 40px;
    margin: 0 auto
  }*/
  ul.msp-hme-soln-list {
    padding: 20px;
    margin-top: 0;
    width: 90%
  }
  .msp-solution-content:before, ul.msp-solution-tabs-list {
    display: none
  }
	.msp-hm-banner, .msp-soln-bg-white, img.msp-hm-dcbnr-image {
    display: none
  }
  img.newsrls {
    width: 80%
  }
  img.msp-psaprmo {
    width: 55%
  }
  h3.msp-solution-accordion {
    display: block;
    padding-left: 25px
  }
  h3.msp-solution-accordion:hover {
    background-color: #fbf2ec;
    border-bottom: 1px solid #f5853c;
    border-left: 0
  }
  .msp-solution-accordion-closed {
    display: none !important
  }
  .prod-tab-content {
    padding: 10px
  }
  .saasmodelsec h2 {
    width: 90%
  }
  .process-container {
    width: 70%;
    flex-wrap: wrap;
    margin: 0 auto;
    flex-direction: column
  }
  .step1, .step2, .step3 {
    flex: 0 0 100%;
    position: relative;
    display: flex;
    align-items: flex-start
  }
  .stepimg1, .stepimg2, .stepimg3 {
    position: relative;
    left: 0;
    top: 0
  }
  .step-content1, .step-content2, .step-content3 {
    position: relative;
    text-align: left;
    margin: 0 auto;
    left: 20px;
    width: 80%
  }
  .step-circle1, .step-circle2, .step-circle3 {
    left: 0
  }
  .line1, .line2 {
    width: 4px;
    position: absolute;
    left: 26px;
    z-index: 9
  }
  .line1 {
    height: 29%;
    top: 74px
  }
  @-webkit-keyframes drawLine1 {
    0% {
      height: 0%
    }
    100% {
      background-color: #d17e47;
      height: 29%
    }
  }
  @keyframes drawLine1 {
    0% {
      height: 0%
    }
    100% {
      background-color: #d17e47;
      height: 29%
    }
  }
  p.flip-hdr {
    font-weight: 700;
    font-size: 18px;
    margin-top: 0
  }
  p.flip-disc {
    width: 100%;
    margin: 0 auto
  }
  div#step2, div#step3 {
    margin-top: 100px
  }
  .stepimg2 {
    background-position: -147px -14px
  }
  .line2 {
    height: 27%;
    top: 298px
  }
  @-webkit-keyframes drawLine2 {
    0% {
      height: 0%
    }
    100% {
      background-color: #d17e47;
      height: 27%
    }
  }
  @keyframes drawLine2 {
    0% {
      height: 0%
    }
    100% {
      background-color: #d17e47;
      height: 27%
    }
  }
  .stepimg3 {
    background-position: -293px -5px
  }
  p.cloud-vrsn {
    width: 90%;
    margin: 0 auto
  }
  .msp-countrywise .colmright {
    padding-bottom: 30px
  }
  .msp-home-edn-table {
    margin-top: 30px
  }
  .msp-home-edn-table .col {
    max-width: calc(100% / 1);
    flex: 0 0 calc(55% / 1);
    margin: 20px
  }
  .msp-home-ftrs-cont .msp-ftr-left .ftimgsticky {
    text-align: center
  }
  .msp-hm-ftrs-sec h2 {
    display: block;
    flex-wrap: wrap;
    justify-content: center;
    width: 80%;
    margin: 0 auto
  }
  .msp-hm-footerctabg h2 {
    width: 100%
  }
}
@media only screen and (max-width:768px) {
  .msp-hm-ftrs-sec h2, .msp-hm-intro-cont h2, .msp-hm-itsm-sec h2, .saasmodelsec h2 {
    font: 35px/1.2 Zoho_Puvi_ExtraBold
  }
  .msp-hm-bnr-sec {
    padding: 80px 0
  }
  .msp-hm-banner-cont .col p {
    width: 90%
  }
  img.msp-hm-bnr-image {
    width: 90%;
    margin: 50px auto 0;
    right: 0
  }
  span.bnr-arrow {
    transform: rotate(90deg) !important;
    bottom: 0;
    left: 0;
    top: 40px
  }
  .cutomerlogos-bg {
    border-radius: 30px;
    padding: 30px;
    margin-top: 60px
  }
  ul.msp-cutomers {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    flex-wrap: wrap
  }
  ul.msp-cutomers li {
    margin: 10px
  }
  .msp-hm-intro-sec {
    background: #fff;
    padding: 80px 0;
    border-radius: 0;
    margin-top: 0
  }
  .msp-hm-intro-cont h2, .msp-hm-intro-cont p, .msp-hm-soln-sec h2 {
    width: 100%
  }
  .rtingcont {
    margin: 30px 7px
  }
  .msp-hm-customer-sec, .msp-hm-edition-sec, .msp-hm-ftrs-sec, .msp-hm-itsm-sec, .saasmodelsec {
    padding: 80px 0;
    border-radius: 0;
    margin-top: 0
  }
  .bnfitscont {
    min-height: 315px
  }
  .msp-hm-itsm-sec {
    background: #f0f6fd
  }
  .msp-hm-itsm-sec h2 {
    width: 100%;
    margin: 0 auto
  }
  .msp-home-ftrs-cont .msp-ftr-left {
    flex: 0 0 100%;
    margin: 0 auto
  }
  .msp-hm-features .msp-ftrboxs {
    flex: 0 0 75%;
    margin: 20px auto
  }
  .aeftrcont, .msp-free-edition, .msp-pro-edition, .msp-trial-edition {
    min-height: auto
  }
  .msp-hm-features .msp-ftrboxs:nth-child(2n) {
    position: relative;
    top: auto
  }
  .saasmodelsec h2 {
    text-align: center;
    width: 90%;
    margin: 0 auto
  }
  p.cloud-vrsn {
    font-size: 17px;
    line-height: 1.5;
    text-align: center;
    width: 90%;
    margin: 0 auto
  }
  .msp-hm-customer-sec h2, .msp-hm-edition-sec h2 {
    font: 35px/1.2 Zoho_Puvi_Bold
  }
  .msp-countrywise {
    background-size: cover
  }
  .msp-countrywise .colm {
    flex: 0 0 90%
  }
  .worlwide.datacentr p.animtxt {
    margin-left: 0
  }
  .msp-home-edn-table .col {
    max-width: calc(65% / 1);
    flex: 0 0 calc(65% / 1);
    margin: 20px 0
  }
  .msp-hm-customer-sec {
    background: #f3f7fe
  }
  .msp-hm-customer-sec h2 {
    width: 90%;
    margin: 0 auto
  }
  .customersay {
    width: 80%;
    margin: 50px auto 0;
    position: relative
  }
  .customersay .slick-dots {
    right: 0;
    position: absolute;
    width: 13%
  }
  .msp-hm-footerctabg {
    padding: 50px 25px
  }
  .msp-hm-footerctabg h2 {
    font: 30px/1.2 Zoho_Puvi_Bold;
    width: 90%
  }
}
@media only screen and (max-width:667px) {
  .bnfitscont, .mspftrcont, .rtingcont {
    min-height: auto
  }
  
  img.msp-hm-mobbnr-image {
    display: block;
    margin: 40px auto 0
  }
  .msp-hm-banner-cont .col h1 {
    font: 37px/1.2 Zoho_Puvi_ExtraBold;
    width: 100%;
    word-break: keep-all
  }
  .msp-hm-banner-cont .col p {
    font-size: 20px;
    line-height: 1.4
  }
  .msp-hm-banner-cont a.msp-hm-bnr-cta {
    margin: 0 auto;
    max-width: 100%;
    padding: 15px 0;
    font: 18px/1.5 Zoho_Puvi_Bold, Arial, Helvetica, sans-serif
  }
  .msp-hm-banner-cont .col.content-view a.msp-hm-bnr-cta {
    max-width: 90%;
    padding: 18px 0;
    opacity: 1;
    font: 16px/1.5 Zoho_Puvi_Bold, Arial, Helvetica, sans-serif
  }
  .msp-hm-intro-cont h2 span {
    display: contents
  }
  .cutomerlogos-bg h3 {
    font-size: 16px;
    margin: 0 0 20px
  }
  ul.msp-cutomers li {
    flex: 1 0 23%
  }
  .msphm-cust1, .msphm-cust2, .msphm-cust3, .msphm-cust4, .msphm-cust5 {
    margin: 0 auto
  }
  .new-release-sec {
    padding-top: 40px
  }
  .latest-news {
    width: 98%;
    flex-wrap: wrap
  }
  .latest-news div.news {
    flex: 0 0 95%;
    padding: 15px 0 15px 10px;
    margin: 20px 0
  }
  .latest-news div.news .left {
    flex: 0 0 20%
  }
  .msp-hm-roi-sec h2, .saasmodelsec h2, img.newsrls {
    width: 100%
  }
  .msp-hm-rating {
    width: 96%;
    flex-direction: column
  }
  .rtingcont {
    margin: 30px 7px 0
  }
  img.msp-psaprmo {
    width: 70%;
    position: absolute;
    left: 10px;
    bottom: -49px
  }
  .msp-container h2 {
    font: 28px/1.2 Zoho_Puvi_ExtraBold
  }
  .msp-ftr-img img {
    width: 90%
  }
  .itsmcont .bnfits {
    flex: 0 0 95%
  }
  .msp-hm-intro-sec, .msp-home-ftrs-cont .msp-ftr-right {
    overflow: hidden
  }
  .msp-hm-rating .colm:first-child, .msp-hm-rating .colm:nth-child(2) {
    flex: 0 0 100%;
    align-items: center;
    justify-content: center
  }
  
  .process-container {
    width: 95%
  }
  .stepimg1, .stepimg2, .stepimg3 {
    background-size: 380px
  }
  .stepimg2 {
    background-position: -139px -14px
  }
  .stepimg3 {
    background-position: -283px -7px
  }
  .line2 {
    width: 4px;
    height: 31%
  }
  @-webkit-keyframes drawLine2 {
    0% {
      height: 0%
    }
    100% {
      background-color: #d17e47;
      height: 31%
    }
  }
  @keyframes drawLine2 {
    0% {
      height: 0%
    }
    100% {
      background-color: #d17e47;
      height: 31%
    }
  }
  .step-content1, .step-content2, .step-content3 {
    position: relative;
    text-align: left;
    margin: 0 auto;
    left: 10px;
    width: 80%
  }
  .saasbtmcta {
    text-align: center;
    margin-top: 30px
  }
  .msp-countrywise {
    width: 80%;
    margin: 80px auto 0;
    padding: 30px 20px
  }
  .datacentr-cont, .expertise-cont, .supportlang-cont {
    width: 80%
  }
  .msp-home-edn-table .col {
    max-width: calc(100% / 1);
    flex: 0 0 calc(100% / 1)
  }
  .msp-hm-ftrs-sec h2 {
    word-break: keep-all;
    width: 100%
  }
  .mspftrseccta a {
    font: 16px/1.5 Zoho_Puvi_Bold, Arial, Helvetica, sans-serif;
    padding: 15px 20px
  }
  .mspftrseccta a:hover {
    background: #db4029;
    padding: 15px 30px
  }
  .mspftrcont {
    margin: 20px 10px
  }
  .msp-hm-features .msp-ftrboxs {
    flex: 0 0 100%;
    margin: 15px auto
  }
  .msp-hm-features .msp-ftrboxs:nth-child(2n) {
    position: relative;
    top: 0}
}
@media only screen and (max-width: 500px) {
  .msp-hm-banner-cont .col h1 {
    font: 30px / 1.2 Zoho_Puvi_ExtraBold;
    width: 100%;
    word-break: keep-all;
  }
  .newshead a {
    font-size: 14px;
    line-height: 20px;
  }
  .msp-container h2 {
    font: 26px / 1.2 Zoho_Puvi_ExtraBold;
  }
  .stepimg1, .stepimg2, .stepimg3 {
    background-size: 350px;
  }
  .stepimg2 {
    background-position: -121px -6px;
  }
  .stepimg3 {
    background-position: -253px -12px;
  }
  .process-container {
    width: 95%;
    margin: 30px auto 0 auto;
  }
}