.zw-template-inner *{
    box-sizing: border-box;
}
.anim-init, .anim-init1 {
  transition: .7s opacity cubic-bezier(.25, .46, .45, .94), 1s transform cubic-bezier(.25, .46, .45, .94)
}
.anim-ele, .anim-eles {
  opacity: 0 !important;
  transform: translateY(20px);
}
.grw-inrcnt1.anim-ele {
  transform: translateY(315px);
}
.grw-inrcnt2.anim-ele {
  transform: translateY(420px);
}
.grw-inrcnt3.anim-ele {
  transform: translateY(630px);
}
.animi-shake {
  animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.anim-init.anim2 {
    transition-delay: .2s;
}
.anim-init.anim3 {
    transition-delay: .4s;
}
.anim-init.anim4 {
    transition-delay: .6s;
}
.anim-init.anim5 {
    transition-delay: .8s;
}
.no-webp .index-sprite-crm {
  background-image: url("//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/crm-index-new-sprite-2x.png");
}
.no-webp .ebook-listing-wrapper .ebook-full-item {
  background-image: url('//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/crm-index-e-bg-4-2x.png');
}
.no-webp .ebook-listing-wrapper .ebook-card-item.option1 {
  background-image: url('//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/crm-index-e-bg-1-2x.png');
}
.no-webp .ebook-listing-wrapper .ebook-card-item.option2 {
  background-image: url('//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/crm-index-e-bg-2-2x.png');
}
.no-webp .ebook-listing-wrapper .ebook-card-item.option3 {
  background-image: url('//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/crm-index-e-bg-3-2x.png');
}
.index-sprite-crm.lazy {
  background-image: url("//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm-index-new-sprite-lazy.png");
}
.index-sprite-crm {
  background-size: 859px 479px;
  background-repeat: no-repeat;
}
.index-sprite-crm.lazy .leaf-right {
  background-position: -46px 0;
}
.index-sprite-crm.lazy.leaf-left {
  background-position: 1px 0;
}
.index-sprite-crm.user-1 {
  background-position: -413px -405px;
  width: 30px;
  height: 30px;
}
.index-sprite-crm.user-2 {
  background-position: -450px -405px;
  width: 30px;
  height: 30px;
}
.index-sprite-crm.user-3 {
  background-position: -486px -405px;
  width: 30px;
  height: 30px;
}
.index-sprite-crm.leaf-left {
  background-position: 0 0;
  width: 36px;
  height: 74px;
}
.index-sprite-crm.leaf-right {
  background-position: -41px 0;
  width: 36px;
  height: 74px;
}
.index-sprite-crm.gartner-peer {
  background-position: -82px 0;
  width: 115px;
  height: 92px;
}
.index-sprite-crm.leader-fail {
  background-position: -204px -4px;
  width: 59px;
  height: 67px;
}
.index-sprite-crm.trusted-vendor {
  background-position: -753px -264px;
  width: 70px;
  height: 70px;
}
.index-sprite-crm.box-saas {
  background-position: -370px -5px;
  width: 66px;
  height: 66px;
}
.index-sprite-crm.forbes-adv {
  background-position: -280px -15px;
  width: 64px;
  height: 64px;
}
.index-sprite-crm.gartner-logo {
  background-position: -529px -372px;
  width: 102px;
  height: 101px;
}
.index-sprite-crm.crm-watch-list {
  background-position: -645px -372px;
  background-size: 859px 479px;
  width: 102px;
  height: 102px;
}
.index-sprite-crm.adv {
  background-position: -720px -15px;
  width: 47px;
  height: 47px;
}
.index-sprite-crm.adv.lazy {
  border-radius: 100%;
}
.index-sprite-crm.f-1 {
  background-position: -37px -400px;
  width: 72px;
  height: 43px;
}
.index-sprite-crm.f-2 {
  background-position: -141px -390px;
  width: 63px;
  height: 64px;
}
.index-sprite-crm.f-3 {
  background-position: -231px -388px;
  width: 54px;
  height: 68px;
}
.index-sprite-crm.f-4 {
  background-position: -316px -385px;
  width: 70px;
  height: 73px;
}
.index-sprite-crm.tab-icon1-1 {
  background-position: -249px -111px;
  width: 36px;
  height: 35px;
}
.index-sprite-crm.tab-icon1-2 {
  background-position: -306px -111px;
  width: 36px;
  height: 37px;
}
.index-sprite-crm.tab-icon1-3 {
  background-position: -362px -110px;
  width: 29px;
  height: 38px;
}
.index-sprite-crm.tab-icon1-4 {
  background-position: -410px -111px;
  width: 37px;
  height: 36px;
}
.index-sprite-crm.tab-icon2-1 {
  background-position: -467px -112px;
  width: 34px;
  height: 37px;
}
.index-sprite-crm.tab-icon2-2 {
  background-position: -523px -112px;
  width: 39px;
  height: 37px;
}
.index-sprite-crm.tab-icon2-3 {
  background-position: -586px -111px;
  width: 38px;
  height: 36px;
}
.index-sprite-crm.tab-icon2-4 {
  background-position: -644px -112px;
  width: 28px;
  height: 36px;
}
.index-sprite-crm.tab-icon2-5 {
  background-position: -694px -112px;
  width: 41px;
  height: 38px;
}
.index-sprite-crm.tab-icon2-6 {
  background-position: -759px -112px;
  width: 39px;
  height: 37px;
}
.index-sprite-crm.tab-icon3-1 {
  background-position: -248px -174px;
  width: 43px;
  height: 37px;
}
.index-sprite-crm.tab-icon3-2 {
  background-position: -314px -175px;
  width: 36px;
  height: 34px;
}
.index-sprite-crm.tab-icon3-3 {
  background-position: -373px -170px;
  width: 48px;
  height: 44px;
}
.index-sprite-crm.tab-icon3-4 {
  background-position: -449px -173px;
  width: 36px;
  height: 38px;
}
.index-sprite-crm.tab-icon3-5 {
  background-position: -507px -175px;
  width: 30px;
  height: 35px;
}
.index-sprite-crm.tab-icon3-6 {
  background-position: -558px -174px;
  width: 35px;
  height: 36px;
}
.index-sprite-crm.tab-icon3-7 {
  background-position: -617px -174px;
  width: 37px;
  height: 35px;
}
.index-sprite-crm.tab-icon3-8 {
  background-position: -687px -174px;
  width: 36px;
  height: 36px;
}
.index-sprite-crm.tab-icon3-9 {
  background-position: -747px -174px;
  width: 36px;
  height: 36px;
}
.index-sprite-crm.tab-arrow {
  background-position: -836px -118px;
  width: 17px;
  height: 11px;
}
.index-sprite-crm.re-icon1 {
  background-position: -250px -241px;
  width: 46px;
  height: 43px;
}
.index-sprite-crm.re-icon2 {
  background-position: -330px -240px;
  width: 38px;
  height: 45px;
}
.index-sprite-crm.re-icon3 {
  background-position: -400px -236px;
  width: 42px;
  height: 52px;
}
.index-sprite-crm.re-icon4 {
  background-position: -480px -245px;
  width: 50px;
  height: 35px;
}
.index-sprite-crm.re-icon5 {
  background-position: -573px -250px;
  width: 41px;
  height: 49px;
}
.index-sprite-crm.re-icon6 {
  background-position: -623px -250px;
  width: 43px;
  height: 51px;
}
.index-sprite-crm.re-icon7 {
  background-position: -675px -250px;
  width: 50px;
  height: 49px;
}
.index-sprite-crm.ebook-download {
  background-position: -828px -148px;
  width: 23px;
  height: 23px;
}
.index-sprite-crm.ebook-download.lazy {
  border-radius: 100%;
}
.index-sprite-crm.ebook-download-wht {
   width: 18px;
    height: 18px;
    background-position: -742px -111px;
    background-size: 900px;
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/crmhomepage-new-icon.webp);
}
.index-sprite-crm.ebook-download-wht.lazy {
  border-radius: 100%;
}
.index-sprite-crm.ebook-download-right {
  background-position: -765px -385px;
  width: 15px;
  height: 15px;
}
.index-sprite-crm.effect-1 {
  background-position: -403px -308px;
  width: 52px;
  height: 46px;
}
.index-sprite-crm.effect-2 {
  background-position: -325px -308px;
  width: 42px;
  height: 46px;
}
.index-sprite-crm.imp-icon1 {
  background-position: -65px -307px;
  width: 44px;
  height: 47px;
}
.index-sprite-crm.imp-icon2 {
  background-position: -129px -307px;
  width: 40px;
  height: 47px;
}
.index-sprite-crm.imp-icon3 {
  background-position: -189px -308px;
  width: 45px;
  height: 46px;
}
.index-sprite-crm.imp-arrow {
  background-position: -505px -317px;
  width: 24px;
  height: 32px;
}
.index-sprite-crm.contact-icon {
  background-position: -821px -180px;
  width: 38px;
  height: 38px;
}
.page-wrapper a {
  cursor: pointer;
}
.page-wrapper h2 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.3;
}
.page-wrapper h2.cntr {
  text-align: center;
}
.page-wrapper p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}
.page-wrapper p.cntr {
  text-align: center;
}
.page-wrapper picture {
  display: block;
  font-size: 0;
  position: relative;
}
.page-wrapper picture.lazy img {
  width: 100%;
  filter: blur(4px);
}
.page-wrapper .cta-wrapper {
  display: flex;
  margin-bottom: 40px;
  align-items: center;
  align-self: center;
  position: relative;
  background-color: #ff0015;
  border-radius: 30px;
  overflow: hidden;
}
.page-wrapper .cta-wrapper a {
  font-size: 14px;
  padding: 8px 42px 8px 20px;
  margin-bottom: 0;
  background-color: transparent;
  min-width: auto;
  color: #fff;
}
.page-wrapper .cta-wrapper span {
  display: flex;
  width: 13px;
  height: 13px;
  background-color: #fff;
  border-radius: 30px;
  position: absolute;
  z-index: 1;
  top: 13px;
  right: 20px;
}
.page-wrapper .cta-wrapper span::after {
  content: '';
  position: absolute;
  top: 4px;
  left: 3px;
  width: 5px;
  height: 5px;
  border: solid #ff0015;
  border-width: 0 1.5px 1.5px 0;
  transform: rotate(-45deg);
}
.page-wrapper .page-link {
  display: flex;
}
.page-wrapper .page-link a {
  display: block;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  color: #006aff;
  cursor: pointer;
}
.page-wrapper .page-link a:hover span {
  left: 3px;
}
.page-wrapper .page-link a span {
  display: inline-block;
  border-left: 5px solid #006aff;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  margin-left: 5px;
  position: relative;
  top: 1px;
  left: 0;
  transition: 0.3s ease-in-out;
}
.page-wrapper .page-link.cntr {
  text-align: center;
  justify-content: center;
}
.page-wrapper .page-link-arrow {
  display: flex;
  width: 100%;
}
.page-wrapper .page-link-arrow.cntr {
  text-align: center;
  justify-content: center;
}
.page-wrapper .page-link-arrow.sec-color a {
  color: #FFD357;
}
.page-wrapper .page-link-arrow.sec-color a span {
  background: #FFD357;
}
.page-wrapper .page-link-arrow.sec-color a span::before {
  border: 2px solid #FFD357;
}
.page-wrapper .page-link-arrow a {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  color: #006aff;
  cursor: pointer;
}
.page-wrapper .page-link-arrow a span {
  background: #006CFF;
  width: 15px;
  height: 2px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 7px;
  top: 0;
  transition: all ease 0.35s;
}
.page-wrapper .page-link-arrow a span::before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border: 2px solid #006CFF;
  transform: rotate(-45deg);
  border-left: 0 !important;
  border-top: 0 !important;
  top: -3px;
  right: 0;
  box-sizing: content-box;
}
.page-wrapper .page-link-arrow a:hover span {
  transform: translateX(3px);
}
.page-wrapper .arrow-btn {
  display: flex;
  margin-bottom: 0;
  align-items: center;
  align-self: center;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
.page-wrapper .arrow-btn.default-bg {
  background-color: #ff0015;
  border: 1px solid #ff0015;
}
.page-wrapper .arrow-btn.blue-bg {
  background-color: transparent;
  border: 1px solid #000;
}
.page-wrapper .arrow-btn.blue-bg a {
  color: #000;
}
.page-wrapper .arrow-btn.blue-bg span {
  border: 1px solid #000;
}
.page-wrapper .arrow-btn.blue-bg span::after {
  border: solid #000;
  border-width: 0 1.5px 1.5px 0;
}
.page-wrapper .arrow-btn a {
  font-size: 16px;
  padding: 13px 72px 13px 20px;
  font-weight: 500;
  margin-bottom: 0;
  color: #fff;
  background-color: transparent;
}
.page-wrapper .arrow-btn span {
  display: flex;
  width: 25px;
  height: 25px;
  background-color: #FF6960;
  border-radius: 30px;
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 30px;
  transform: translate(0%, -50%);
}
.page-wrapper .arrow-btn span::after {
  content: '';
  position: absolute;
  top: 7px;
  left: 9px;
  border-top: 5px solid transparent;
  border-right: 5px solid transparent;
  border-left: 7px solid #fff;
  border-bottom: 5px solid transparent;
}
.page-wrapper .link-arrow-btn {
  display: flex;
  margin-bottom: 0;
  align-items: center;
  width: auto;
  justify-content: center;
  position: relative;
}
.page-wrapper .link-arrow-btn a {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
  color: #0068FF;
  display: flex;
  align-items: center;
}
.page-wrapper .link-arrow-btn a:hover span {
  left: 3px;
}
.page-wrapper .link-arrow-btn a span {
  display: flex;
  width: 20px;
  height: 20px;
  border: 1px solid #0068FF;
  border-radius: 30px;
  position: relative;
  margin-left: 7px;
  left: 0;
  flex-shrink: 0;
  transition: all 0.3s ease-in;
  background-color: #0068FF;
}
.page-wrapper .link-arrow-btn a span::after {
  content: '';
  position: absolute;
  top: 6px;
  left: 5px;
  width: 6px;
  height: 6px;
  border: solid #fff;
  border-width: 0 1.5px 1.5px 0;
  transform: rotate(-45deg);
}
.page-wrapper .link-arrow-btn.sec-color a {
  color: #FFD357;
}
.page-wrapper .link-arrow-btn.sec-color a span {
  border: 1px solid #FFD357;
  background-color: #FFD357;
}
.page-wrapper .link-arrow-btn.sec-color a span::after {
  border: solid #000;
  border-width: 0 1.5px 1.5px 0;
}
.page-wrapper .pic-wrap {
  max-width: 100%;
  margin: 0 auto;
}
.page-wrapper .pic-wrap.pic-729 {
  width: 729px;
}
.page-wrapper .pic-wrap.pic-321 {
  width: 321px;
}
.page-wrapper .pic-wrap.pic-316 {
  width: 316px;
}
.page-wrapper .pic-wrap.pic-242 {
  width: 242px;
}
.page-wrapper .pic-wrap.pic-491 {
  width: 491px;
}
.page-wrapper .pic-wrap.pic-352 {
  width: 352px;
}
.page-wrapper .pic-wrap.pic-361 {
  width: 361px;
}
.page-wrapper .pic-wrap.pic-155 {
  width: 155px;
}
.page-wrapper .pic-wrap.pic-226 {
  width: 226px;
}
.page-wrapper .pic-wrap.pic-104 {
  width: 104px;
}
.page-wrapper .pic-wrap.pic-323 {
  width: 323px;
}
.page-wrapper .pic-wrap.pic-444 {
  width: 444px;
}
.page-wrapper .pic-wrap.pic-214 {
  width: 250px;
}
.page-wrapper .pic-wrap.pic-105 {
  width: 105px;
}
.page-wrapper .pic-wrap.pic-121 {
  width: 121px;
}
.page-wrapper .pic-wrap.pic-77 {
  width: 77px;
}
.page-wrapper .pic-wrap.pic-92 {
  width: 92px;
}
.page-wrapper .pic-wrap.pic-78 {
  width: 78px;
}
.page-wrapper .pic-wrap.pic-124 {
  width: 124px;
}
.page-wrapper .pic-wrap.pic-1192 {
  width: 1192px;
}
.page-wrapper .pic-wrap.pic-148 {
  width: 148px;
}
.page-wrapper .pic-wrap.pic-143 {
  width: 143px;
}
.page-wrapper .pic-wrap.pic-151 {
  width: 151px;
}
.page-wrapper .pic-wrap.pic-158 {
  width: 158px;
}
.page-wrapper .pic-wrap.pic-599 {
  width: 599px;
}
.banner-sec {
 /* background: linear-gradient(41deg, #0159FB 13.18%, #001FAD 86.2%);
  padding: 40px 0 0 0;*/
  position: relative;
  z-index: 1; 
}
.banner-sec::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: #fff;
  z-index: -1;
}
.banner-sec .slider-item .inner{
  width: 1200px;
  max-width: calc(100% - 40px);
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.banner-sec .inner-wrapper .banner-left {
  position: relative;
}
.banner-sec .inner-wrapper .banner-left .cont-sec h2 {
  font-size: 18px;
  line-height: 1.3;
  border-radius: 30px;
  background-color: rgba(0, 35, 132, 0.4);
  color: #FFF;
  font-weight: 400;
  text-align: center;
  padding: 8px 40px;
  margin-top: 15px;
}
.banner-sec .inner-wrapper .banner-left .item3-bg .cont-sec h2{
    background-color: #2267d6;
    opacity: 1;
}
.banner-sec .inner-wrapper .banner-left h1 {
  font-size: 36px;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 0;
}
.banner-sec .inner-wrapper .banner-left .item3-bg h1{
  color: #000;
}
.banner-sec .inner-wrapper .banner-left .item4-bg h1{
    font-size: 40px;
}
.body-umain  .banner-sec .inner-wrapper .banner-left h1{
  font-size: 35px;
}
.banner-sec .inner-wrapper .banner-left h1 span {
  font-size: 40px;
}
.banner-sec .inner-wrapper .banner-left .banner-img {
  width: 618px;
  margin: 0 auto;
  max-width: 100%;
  position: relative;
}
.banner-sec .inner-wrapper .banner-left .item4-bg .banner-img{
    width: 480px;
    padding-top: 40px;
    padding-bottom: 20px;
}
.banner-sec .inner-wrapper .banner-left .banner-img img {
  width: 100%;
}
.banner-sec .inner-wrapper .banner-left .banner-img .mobile-view-img {
  display: none;
}
.banner-sec .inner-wrapper .banner-left .banner-img .img-bg {
  display: block;
}
.banner-sec .inner-wrapper .banner-left .banner-img .img-left {
  position: absolute;
  width: 21%;
  bottom: 7%;
  left: 3%;
  animation: beat1 5s infinite linear;
  transform-origin: bottom;
  animation-direction: alternate-reverse;
  overflow: hidden;
}
.banner-sec .inner-wrapper .banner-left .banner-img .img-right {
  position: absolute;
  width: 30%;
  right: 4%;
  bottom: 7%;
  animation: beat2 3s infinite linear;
  animation-direction: alternate-reverse;
}
.banner-sec .inner-wrapper .banner-left .act-btn {
  display: none;
}
.banner-sec .inner-wrapper .banner-right-fix{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 23%;
}

.banner-sec .inner-wrapper .banner-right {
    display: flex;
    flex-direction: column;
    width: 420px;
    max-width: 100%;
    margin: 0 auto;
}

.signup-box {
    background-color: #fff;
    border: 1px solid #d3dae5;
    border-radius: 5px;
    box-shadow: 0 0 51px 0 rgba(0, 0, 0, 0.08);
    max-width: 428px;
    padding: 32px 37px 30px;
    min-height: 572px;
    display: block;
    margin: 0 auto;
}
.banner-sec .inner-wrapper .banner-right .signup-box {
  border-radius: 15px;
  border: 1px solid #2C67F5;
  padding: 20px 37px 30px;
  box-shadow: 0px 6px 11px 0px rgba(0, 0, 0, 0.16);
}
@keyframes beat1 {
  0% {
    transform: translateX(-10px);
  }
  50% {
    transform: translateX(0px);
    opacity: 1;
  }
  100% {
    transform: translateX(10px);
  }
}
@keyframes beat2 {
  0% {
    transform: translateY(-5px);
  }
  50% {
    transform: translateY(0px);
    opacity: 1;
  }
  100% {
    transform: translateY(5px);
  }
}
.body-umain .banner-sec {
  height: 500px;
  padding-top: 0;
  overflow: hidden;
}
.body-umain .banner-sec::after {
  height: 200px;
  display: none;
}
.body-umain .banner-sec .inner-wrapper {
  height: 100%;
  position: relative;
}
.body-umain .banner-sec .inner-wrapper .banner-left {
  width: 100%;
  padding-right: 0;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 0;
}
.body-umain .banner-sec .inner-wrapper .banner-left .cont-sec {
  display: flex;
  flex-direction: column;
  width: 55%;
  align-items: center;
}
.body-umain .banner-sec .inner-wrapper .banner-left .cont-sec .act-btn {
  font-size: 16px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
    margin-top: 20px;
}
.body-umain .banner-sec .inner-wrapper .banner-left .banner-img {
  width: 669px;
}
.body-umain .banner-sec .inner-wrapper .banner-left .item4-bg .banner-img{
    width: 440px;
}
.body-umain .banner-sec .inner-wrapper .banner-left .banner-img img {
  width: 100%;
}
.body-umain .banner-sec .inner-wrapper .banner-right {
  display: none;
}
.body-umain .slick-initialized .slick-slide{
    display: flex;
    flex-direction: column;
}

/*new banner*/
.banner-left .zwc-banner-section .content-wrap .inner-con{
    width: calc(50% + 16px);
    /*max-width: 700px;*/
    padding: 60px 0px 0px 0;
}
.body-umain .banner-left .zwc-banner-section .content-wrap{
    max-width: 100%;
}
.banner-left .slick-dots li{
   width: 30px;
    border-radius: 20px;
}
.banner-left .slick-dots li.slick-active{
   width: 40px;
}
.banner-left .cont-sec{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.banner-left .cont-sec a{
    padding: 6px 20px;
    background: #ffd357;
    border-radius: 5px;
    color: #000;
    line-height: 28px;
    font-weight: 500;
}
.body-umain .slick-track{
    height: 455px;
}
.body-umain .slick-dotted.slick-slider{
    margin-bottom: 40px;
}
.body-umain .banner-left .zwc-banner-section .content-wrap .inner-con{
    width: 100%;
    display: flex;
    align-items: center;
}
.banner-sec .content-wrap{
    width: 100%;
    max-width: none;
}
.banner-left .item-bg{
    width: 100%;
    background-size: cover;
}
.banner-left .item1-bg{
    background-color: #025afc;
}
/*.banner-left .item2-bg{
    background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/banner-test2.jpg);
}*/
.banner-left .item3-bg{
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/crm-index-banner-everyone-bg.jpg);
    background-color: #d3eafc;
    background-size: cover;
    background-position: 50% 50%;
    width: 100%;
    height: 100%;
    opacity: 1;
    transform: translate(0px, 0px);
    visibility: inherit;
    background-repeat: no-repeat;
}
.banner-left .item4-bg{
    background: url(//cdn.zoho.com.cn/sites/zweb/images/crm/bannerbg-blue-pattern.svg);
}
.banner-left .slick-prev{
    left: 30px;
}
.banner-left .slick-next {
    right: 30px;
}
/*new banner End*/
.common-award-section-index {
  display: block;
  position: relative;
  padding: 40px 0 20px 0;
}
.common-award-section-index .inner-wrapper {
  width: 1150px;
  max-width: calc(100% - 40px);
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 40px;
}
.common-award-section-index .inner-wrapper .left-wrap {
  display: flex;
  flex-direction: column;
  align-self: center;
  gap: 2px;
}
.common-award-section-index .inner-wrapper .left-wrap .top-icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}
.common-award-section-index .inner-wrapper .left-wrap .top-icon .icon-gartner p {
    font-size: 12px;
    text-align: center;
    padding-top: 10px;
}
.common-award-section-index .inner-wrapper .left-wrap .top-icon .icon-gartner{
    padding-top: 22px;
}
.common-award-section-index .inner-wrapper .left-wrap .top-icon .icon1 {
  width: 450px;
}
.common-award-section-index .inner-wrapper .left-wrap .top-icon .icon2 {
  width: 117px;
}
.common-award-section-index .inner-wrapper .left-wrap .top-icon .icon3 {
  width: 117px;
}
.common-award-section-index .inner-wrapper .left-wrap .btm-icon h3 {
  color: #FFF;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  border-radius: 2px;
  background: linear-gradient(90deg, #014AEE 0%, #012A88 100%);
  margin-bottom: 0;
  padding: 5px 20px;
  text-align: center;
}
.common-award-section-index .inner-wrapper .right-wrap {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  justify-content: space-around;
  gap: 6px;
}
.common-award-section-index .inner-wrapper .right-wrap .top-set {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}
.common-award-section-index .inner-wrapper .right-wrap .top-set .icon4 {
  width: 119px;
}
.common-award-section-index .inner-wrapper .right-wrap .top-set .icon5 {
  width: 114px;
}
.common-award-section-index .inner-wrapper .right-wrap .top-set .icon-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: center;
}
.common-award-section-index .inner-wrapper .right-wrap .top-set .icon-group .icon6 {
  width: 126px;
}
.common-award-section-index .inner-wrapper .right-wrap .top-set .icon-group .icon7 {
  width: 115px;
}
.no-webp .common-cus-logo {
  background-image: url('//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/newcrm-customer-logo-sprite.png');
}
.common-cus-logo {
  background-repeat: no-repeat;
  background-size: 1000px 1000px;
  display: inline-block;
  background-image: url('//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/newcrm-customer-logo-sprite.webp');
}
.common-cus-logo.common-cus-logo-1 {
  background-position: 0px  0px;
  width: 119px;
  height: 62px;
}
.common-cus-logo.common-cus-logo-2 {
    background-position: -127px -3px;
    width: 146px;
    height: 62px;
}
.common-cus-logo.common-cus-logo-3 {
    background-position: -283px -3px;
    width: 58px;
    height: 62px;
}
.common-cus-logo.common-cus-logo-4 {
    background-position: -341px -3px;
    width: 162px;
    height: 62px;
}
.common-cus-logo.common-cus-logo-5 {
background-position: -489px -3px;
    width: 138px;
    height: 62px;
}
.common-cus-logo.common-cus-logo-6 {
    background-position: -620px 3px;
    width: 192px;
    height: 62px;
}
.common-cus-logo.common-cus-logo-7 {
background-position: -798px 3px;
    width: 206px;
    height: 62px;
}
.common-cus-logo.common-cus-logo-8 {
background-position: 11px -63px;
    width: 110px;
    height: 62px;
}
.common-cus-logo.common-cus-logo-9 {
    background-position: -100px -63px;
    width: 227px;
    height: 62px;
}
.common-cus-logo.common-cus-logo-10 {
background-position: -321px -63px;
    width: 157px;
    height: 62px;
}
.common-cus-logo.common-cus-logo-11 {
    background-position: -470px -64px;
    width: 163px;
    height: 62px;
}
.common-cus-logo.common-cus-logo-12 {
    background-position: -622px -64px;
    width: 122px;
    height: 62px;
}
.common-cus-logo.common-cus-logo-13 {
background-position: -736px -69px;
    width: 122px;
    height: 62px;
}
.common-cus-logo.common-cus-logo-14 {
background-position: -848px -69px;
    width: 144px;
    height: 62px;
}
.common-cus-logo.common-cus-logo-15 {
    background-position: -115px -145px;
    width: 172px;
    height: 62px;
}
.common-cus-logo.common-cus-logo-16 {
    background-position: -296px -145px;
    width: 160px;
    height: 62px;
}
.common-cus-logo.common-cus-logo-17 {
background-position: -460px -145px;
    width: 164px;
    height: 62px;
}
.common-cus-logo.common-cus-logo-18 {
background-position: -622px -145px;
    width: 160px;
    height: 62px;
}
.common-cus-logo.common-cus-logo-19 {
    background-position: -772px -145px;
    width: 90px;
    height: 62px;
}
.common-cus-logo.common-cus-logo-20 {
background-position: 16px -150px;
    width: 146px;
    height: 62px;
}

.common-customer-logo-section {
  display: block;
  position: relative;
  padding: 0;
}
.common-customer-logo-section .inner-wrapper {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  display: inline-block;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}
.common-customer-logo-section .inner-wrapper::after,
.common-customer-logo-section .inner-wrapper::before {
  position: absolute;
  content: '';
  top: 0;
  background-color: rgba(255, 255, 255, 0.6);
  width: 40px;
  height: 100%;
  filter: blur(3px);
  z-index: 1;
}
.common-customer-logo-section .inner-wrapper::before {
  left: 0;
}
.common-customer-logo-section .inner-wrapper::after {
  right: 0;
}
.common-customer-logo-section .inner-wrapper .common-cus-logo-slider {
  display: inline-block;
  position: relative;
  animation: 60s slides infinite linear;
}
.common-customer-logo-section .inner-wrapper .common-cus-logo-slider .common-cus-log-item {
  pointer-events: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px;
}
@keyframes slides {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.crm-all-business {
  background-color: #fff;
  padding: 50px 0 60px;
}
.crm-all-business .inner-wrapper {
  width: 1200px;
  max-width: calc(100% - 40px);
  margin: 0 auto;
}
.crm-all-business .inner-wrapper h2.g-bg {
  background: linear-gradient(90deg, #014AEC 0%, #012A86 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #014AEC;
  margin-bottom: 20px;
}
.crm-all-business .inner-wrapper .desc {
  line-height: 2;
  margin-bottom: 30px;
}
.crm-all-business .inner-wrapper .link-arrow-btn {
  margin-bottom: 35px;
}
.crm-all-business .inner-wrapper .all-business-sites {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 30px;
  width: 1120px;
  max-width: calc(100% - 40px);
  margin-right: auto;
  margin-left: auto;
}
.crm-all-business .inner-wrapper .all-business-sites:not(.slick-initialized) {
  gap: 20px;
  flex-wrap: nowrap;
}
.crm-all-business .inner-wrapper .all-business-sites:not(.slick-initialized) .bus-item {
  margin: 0;
}
.crm-all-business .inner-wrapper .all-business-sites:not(.slick-initialized) .bus-item:nth-child(n + 4) {
  display: none;
}
.crm-all-business .inner-wrapper .all-business-sites .bus-item {
  display: flex;
  flex-direction: column;
  border-radius: 23px;
  border: 1px solid #D5EAFF;
  background: #EDF6FF;
  width: calc(100% / 3 - 14px);
  padding: 30px 20px 0 20px;
  min-height: 200px;
  margin: 0 10px;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  overflow: hidden;
  box-shadow: 0px 5px 2px 0 rgba(46, 33, 61, 0.04);
}
.same-height .slick-slide {
    height: inherit !important;
}
.crm-all-business .inner-wrapper .all-business-sites .bus-item::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 291px;
  background-image: url("//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/crm-bussiness-item-bg-new-2x.png");
  background-repeat: no-repeat;
  background-position: top;
  z-index: -1;
  left: 0;
  bottom: 0;
}
.crm-all-business .inner-wrapper .all-business-sites .bus-item .head {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.crm-all-business .inner-wrapper .all-business-sites .bus-item .head h3 {
  color: #003783;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 20px;
}
.crm-all-business .inner-wrapper .all-business-sites .bus-item p {
  font-size: 16px;
  line-height: 1.95;
  margin-bottom: 0;
  color: #222;
  text-align: center;
}
.crm-all-business .inner-wrapper .all-business-sites .bus-item .img-wrap {
  width: 100%;
  max-width: 310px;
  margin: 0 auto;
}
.crm-all-business .inner-wrapper .all-business-sites .bus-item .img-wrap.no-bg {
  background-color: transparent;
}
.crm-all-business .inner-wrapper .all-business-sites .bus-item .img-wrap picture {
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  background-color: #fff;
}
.crm-all-business .inner-wrapper .all-business-sites .slick-dots li {
  width: 8px;
  height: 8px;
  background-color: #C8D7EB;
  transition: 0.3s;
  border: none;
  vertical-align: middle;
}
.crm-all-business .inner-wrapper .all-business-sites .slick-dots li.slick-active {
  background-color: #0062E8;
  width: 12px;
  height: 12px;
}
.same-height .slick-track {
    display: flex !important;
    padding: 20px 0px;
}
.crm-all-business .inner-wrapper .all-business-sites .slider-nav {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 1;
  border-radius: 100%;
  cursor: pointer;
  transition: 0.3s ease-out;
  background-image: url("//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/crm-index-new-sprite-2x.png");
  background-size: 859px 479px;
  background-repeat: no-repeat;
}
.crm-all-business .inner-wrapper .all-business-sites .slider-nav:hover {
  opacity: 0.9;
}
.crm-all-business .inner-wrapper .all-business-sites .slider-nav.arw-left {
  background-position: -773px -21px;
  width: 36px;
  height: 36px;
  left: -35px;
}
.crm-all-business .inner-wrapper .all-business-sites .slider-nav.arw-right {
  background-position: -814px -21px;
  width: 36px;
  height: 36px;
  right: -35px;
}


/********** signup form **********/
.signup-box .form-top-heading {
    color: #0067ff;
    margin-bottom: 7px;
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.6;
}
.signup-box .form-top-desc {
    font-size: 13px;
    text-align: center;
    line-height: 1.45;
    margin: 0 -10px 8px;
    font-weight: normal;
    color: #000;
}
.signup-box .form-top-desc b {
    font-weight: 800;
}
/******** signup form End********/
/**Solution**/
.crm-industry{
    background-color: #0024ce;
    padding: 80px 0;
    position: relative;
    z-index: 1;
}
.crm-industry::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 50%;
    top: 0;
    left: 0;
    z-index: -1;
    background: linear-gradient(to bottom, #0023ce 0, #0054ef 100%);
}
.crm-industry::after{
    content: '';
    position: absolute;
    width: 100%;
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/crm-suc-bus-bg-middle.png);
    background-position: bottom center;
    height: 300px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    background-repeat: no-repeat;
    background-size: cover;
}
.crm-industry .inner-wrapper, .cx-logoshow .inner-wrapper{
    width: 1200px;
    margin: 0 auto;
}
.crm-industry .inner-wrapper h2{
    text-align: center;
    padding-bottom: 40px;
    color: #fff;
}
.crm-industry .inner-wrapper .industry-inner ul{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.crm-industry .inner-wrapper .industry-inner ul li{
   width: calc(100% / 5 - 16px);
    border-radius: 10px;
    padding: 25px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.crm-industry .inner-wrapper .industry-inner ul li span.bb{
    background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/crmhomepage-new-icon.webp);
    background-repeat: no-repeat;
    width: 60px;
    height: 56px;
    background-size: 800px;
}
.crm-industry .inner-wrapper .industry-inner ul li span.b1{
    background-position: -475px -16px;
    width: 62px;
}
.crm-industry .inner-wrapper .industry-inner ul li span.b2{
    background-position: -397px -16px;
}
.crm-industry .inner-wrapper .industry-inner ul li span.b3{
    background-position: -710px -15px;
}
.crm-industry .inner-wrapper .industry-inner ul li span.b4{
    background-position: -166px -8px;
    background-size: 756px;
}
.crm-industry .inner-wrapper .industry-inner ul li span.b5{
    background-position: -557px -14px;
}
.crm-industry .inner-wrapper .industry-inner ul li span.b6{
    background-position: -86px -11px;
    background-size: 752px;
}
.crm-industry .inner-wrapper .industry-inner ul li span.b7{
    background-position: -248px -15px;
    width: 62px;
}
.crm-industry .inner-wrapper .industry-inner ul li span.b8{
    background-position: -17px -14px;
}
.crm-industry .inner-wrapper .industry-inner ul li span.b9{
    background-position: -324px -15px;
    width: 66px;
}
.crm-industry .inner-wrapper .industry-inner ul li span.b10{
    background-position: -634px -15px;
}
.crm-industry .inner-wrapper .industry-inner ul li h3{
    text-align: center;
    font-weight: 500;
    padding-top: 20px;
    font-size: 20px;
}
.crm-industry .inner-wrapper .industry-inner ul li p{
    font-size: 15px;
    line-height: 24px;
}
.crm-industry .inner-wrapper .industry-inner ul li a.Ncrm_more{
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: #006cff;
    font: 500 16px / 1.6 Roboto;
    padding-right: 5px;
}
.Ncrm_more span {
    display: inline-block;
    border-left: 5px solid #006aff;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    margin-left: 5px;
    position: relative;
    top: 0px;
    left: 0;
    transition: .3s ease-in-out;
}
.Ncrm_more:hover span {
    transform: translateX(4px);
}
.crm-industry .inner-wrapper .industry-inner .more{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    color: #FFD357;
    display: flex;
    align-items: center;
    padding-top: 50px;
    letter-spacing: 2px;
    text-decoration: underline;
}
/**Solution End**/
/**Advantages **/
.crm-advantages{
    padding: 80px 0;
    position: relative;
    z-index: 1;
}
.crm-advantages .inner-wrapper{
    max-width: 1100px;
    margin: 0 auto;
}
.crm-advantages .inner-wrapper h2{
    text-align: center;
    padding-bottom: 40px;
}
.crm-advantages .inner-wrapper .inner-left .inner-left-sec01{
    width: 254px;
    height: 388px;
    position: relative;
    padding: 30px;
    border-radius: 16px;
    overflow: hidden;
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/crm-advantages-bg-1.png);
    background-position: top center;
    background-size: 100%;
}
.crm-advantages .inner-wrapper .inner-left .inner-left-sec02{
    width: 254px;
    height: 388px;
    position: relative;
    padding: 26px;
    border-radius: 16px;
    overflow: hidden;
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/crm-advantages-bg-2.png);
    background-position: top center;
    background-size: 100%;
}
.crm-advantages .inner-wrapper  h3{
    position: relative;
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
    color: #1f2329;
}
.crm-advantages .inner-wrapper  p{
    position: relative;
    font-size: 16px;
    font-weight: 400;
    font-family: PingFang SC;
    font-style: normal;
    color: #2b2f36;
}
.crm-advantages .inner-wrapper .advantages-inner{
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    column-gap: 16px;
    row-gap: 16px;
}
.crm-advantages .inner-wrapper .inner-left{
    position: relative;
    display: flex;
    column-gap: 16px;
}
.crm-advantages .inner-wrapper .inner-right{
    width: 560px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    column-gap: 16px;
    row-gap: 16px;
}
.crm-advantages .inner-wrapper .inner-right > div{
   width: 272px;
    height: 182px;
    position: relative;
    padding: 28px 26px;
    border-radius: 16px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(122, 162, 255, .15) 0, rgba(122, 162, 255, .045) 100%);
}
.crm-advantages .inner-right-sec01-txt{
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    justify-content: space-between;
}
.advantages-inner .tx{   
    position: relative;
    font-size: 16px;
    color: #2b2f36;
}
.advantages-inner .tx span{
    font-weight: 600;
}
.inner-left .tt, .inner-right .tt{
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
.inner-left .tt span, .inner-right .tt span{
    background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/crmhomepage-new-icon.webp);
    width: 50px;
    height: 60px;
    display: block;
    background-size: 778px;
}
.inner-left-sec01 .inner-left-sec01-txt .tt span{
    background-position: -4px -146px;
}
.inner-left-sec02 .inner-left-sec01-txt .tt span{
    background-position: -64px -146px;
}
.inner-right-sec01 .tt span{
    background-position: -163px -146px;
}
.inner-right-sec02 .tt span{
    background-position: -272px -146px;
}
.inner-right-sec03 .tt span{
    background-position: -110px -146px;
}
.inner-right-sec04 .tt span{
    background-position: -222px -146px;
}
/**Advantages End**/
/**Grow With Zoho**/
.grw-sec-b{
   background: #fff2e0;
}
.grw-sec {
  max-width: 855px;
  width: 100%;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
  padding-top: 70px;
}
h2.grw-hdr {
  color: #343434;
  margin-bottom: -126px;
  position: relative;
  font-size: 44px;
}
  .i18n-en-in .grw-hdr {
        margin-bottom: -140px;
    }
.grw-cnt {
  display: flex;
  align-items: flex-end;
  position: relative;
}
.grw-desclmr {
  position: absolute;
  right: -156px;
  width: 133px;
  color: #343434;
  font: 12px / 1.2 var(--zf-primary-regular);
}
.grw-inrcnt {
  max-width: 280px;
  width: 100%;
  padding-top: 75px;
  box-sizing: border-box;
  text-align: center;
  border-top-left-radius: 140px;
  border-top-right-radius: 140px;
  position: relative;
}
.grw-cmbcnt {
  padding: 0 25px;
}
.grw-inrcnt1 {
  background: #c9bcfd;
  margin-right: -25px;
  z-index: 2
}
.grw-inrcnt2 {
  background: #b6eefe;
  margin-right: -20px;
  z-index: 1
}
.grw-inrcnt3 {
  background: #fed5b0;
  z-index: 0
}
.grw-percnt {
  display: block;
  font: 72px/1 var(--zf-primary-medium);
}
.grw-percnt::after{
  content: '';
  background-image: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/crm-home-sprite-2x.webp);
  background-position: -911px -207px;
  width: 50px;
  height: 50px;
  background-size: 1010px auto;
  display: inline-block;
}
.grw-info {
  display: block;
  font: 25px/.9 var(--zf-primary-medium);
  padding: 16px 0;
  line-height: 30px;
}
.grw-pra {
  font: 18px/1.2 var(--zf-primary-medium);
}
.grw-icn {
  background-size: 1438px auto;
  display: block;
}
.incrse-icn {
  background-position: -403px -250px;
  width: 133px;
  height: 61px;
  margin: 20px auto 0;
}
.implemt-icn {
  background-position: -605px -233px;
  width: 140px;
  height: 75px;
  margin: 120px auto 0;
}
.licse-icn {
  background-position: -1044px -113px;
  width: 208px;
  height: 240px;
  margin: 75px auto 0;
}
.grw-arw {
  background-size: 1200px auto;
  background-position: -708px -105px;
  width: 117px;
  height: 113px;
  position: absolute;
  left: 118px;
  top: 118px;
  transform: translate3d(0, 0, 0);
  perspective: 1000px;
}
.animi-shake {
  animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.s_webp .bg_lazy_loaded .grw-arw, .s_webp .bg_lazy_loaded .grw-icn {
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/crm-home-sprite-2x.webp);
}
/**Grow With Zoho End**/
/**Resources**/
.ebook-promotion-wrapper {
  padding: 80px 0 75px;
}
.ebook-promotion-wrapper .inner-wrapper {
  width: 1200px;
  max-width: calc(100% - 40px);
  margin: 0 auto;
}
.ebook-promotion-wrapper .inner-wrapper h2 {
  text-align: center;
  margin-bottom: 40px;
}
.ebook-listing-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}
.ebook-listing-wrapper .left-side {
  display: flex;
  width: calc(100% - 410px);
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
}
.ebook-listing-wrapper .right-side {
  display: flex;
  flex-direction: column;
  width: 390px;
  padding-left: 20px;
  gap: 20px;
}
.ebook-listing-wrapper .right-side .ebook-card-item {
  width: 100%;
}
.ebook-listing-wrapper .ebook-card-item {
  display: flex;
  width: calc(100% / 2 - 10px);
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  align-items: start;
}
.ebook-listing-wrapper .ebook-card-item a {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 30px 20px;
  align-items: flex-start;
}
.ebook-listing-wrapper .ebook-card-item h3 {
  font-size: 15px;
  padding: 4px 15px;
  border-radius: 30px;
  color: #000;
  background-color: #fff;
  display: flex;
}
.ebook-listing-wrapper .ebook-card-item h2 {
  display: inline-block;
  text-align: left;
  font-size: 24px;
  color: #000;
  font-weight: bold;
  margin-bottom: 0;
}
.ebook-listing-wrapper .ebook-card-item h2 span {
  font-size: 30px;
}
.ebook-listing-wrapper .ebook-card-item .pic-wrap {
  position: absolute;
}
.ebook-listing-wrapper .ebook-card-item.option1 {
  background-image: url('//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/crm-index-e-bg-1-2x.webp');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.ebook-listing-wrapper .ebook-card-item.option1 h3 {
  color: #AE6900;
  background-color: #FDF4E9;
}
.ebook-listing-wrapper .ebook-card-item.option1 h2 span {
  color: #BD812F;
}
.ebook-listing-wrapper .ebook-card-item.option1 .pic-wrap {
  bottom: -16px;
  right: 10px;
}
.ebook-listing-wrapper .ebook-card-item.option2 {
  background-image: url('//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/crm-index-e-bg-2-2x.webp');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.ebook-listing-wrapper .ebook-card-item.option2 h3 {
  color: #255C9D;
  background-color: #fff;
}
.ebook-listing-wrapper .ebook-card-item.option2 h2 span {
  color: #255C9D;
}
.ebook-listing-wrapper .ebook-card-item.option2 .pic-wrap {
  bottom: 0;
  right: 0;
  width: 180px;
}
.ebook-listing-wrapper .ebook-card-item.option3 {
  background-image: url('//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/crm-index-e-bg-3-2x.webp');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.ebook-listing-wrapper .ebook-card-item.option3 h3 {
  color: #264F9A;
  background-color: #F1F6FF;
}
.ebook-listing-wrapper .ebook-card-item.option3 h2 {
  min-height: 101px;
}
.ebook-listing-wrapper .ebook-card-item.option3 h2 span {
  color: #264F9A;
}
.ebook-listing-wrapper .ebook-card-item.option3 .pic-wrap {
  bottom: 0;
  right: -10px;
}
.ebook-listing-wrapper .ebook-full-item {
  display: flex;
  width: 100%;
  background-image: url('//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/crm-index-e-bg-4-2x.webp');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.ebook-listing-wrapper .ebook-full-item a {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 89px 50px 99px 50px;
  align-items: flex-start;
  justify-content: center;
}
.ebook-listing-wrapper .ebook-full-item h2 {
  display: inline-block;
  text-align: left;
  font-size: 50px;
  line-height: 1.1;
  color: #fff;
  font-weight: 900;
  margin-bottom: 20px;
}
.ebook-listing-wrapper .ebook-full-item h2 span {
  color: #FFDD34;
}
.ebook-listing-wrapper .ebook-full-item .ebook-dwn-btn {
  background-color: #FFDD34;
  font-size: 18px;
  font-weight: bold;
  padding: 2px 20px;
  color: #000;
  border-radius: 30px;
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 0;
}
.ebook-listing-wrapper .ebook-full-item .ebook-dwn-btn span {
  display: flex;
  width: 15px;
  height: 15px;
  border: 1px solid #000;
  background-color: transparent;
  border-radius: 30px;
  position: relative;
  margin-left: 10px;
}
.ebook-listing-wrapper .ebook-full-item .ebook-dwn-btn span::after {
  content: '';
  position: absolute;
  top: 4px;
  left: 3px;
  width: 5px;
  height: 5px;
  border: solid #000;
  border-width: 0 1.5px 1.5px 0;
  transform: rotate(-45deg);
}
.ebook-listing-wrapper .ebook-full-item .pic-wrap {
  position: absolute;
  bottom: -1px;
  right: -1px;
}
.ebook-listing-wrapper .ebook-card {
  background-color: #F0F9FF;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  padding: 30px;
  border-radius: 10px;
  z-index: 1;
}
.ebook-listing-wrapper .ebook-card::after {
  content: '';
  position: absolute;
  background-color: #E0EEF9;
  width: 260px;
  height: 130px;
  border-radius: 75px;
  transform: rotate(-37deg);
  transform-origin: top right;
  right: -30px;
  bottom: 100px;
  z-index: -1;
}
.ebook-listing-wrapper .ebook-card::before {
  content: '';
  background-color: #F0F9FF;
  width: 100px;
  height: 100px;
  right: -10px;
  bottom: -70px;
  position: absolute;
  z-index: 1;
  transform: rotate(45deg);
  transform-origin: bottom right;
}
.ebook-listing-wrapper .ebook-card .inner-ebbok-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: unset;
  z-index: 1;
}
.ebook-listing-wrapper .ebook-card .badge {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  font-weight: 500;
  background-color: #CEE4F5;
  padding: 3px 10px;
  border-radius: 0 0 6px 0;
  z-index: 1;
}
.ebook-listing-wrapper .ebook-card .badge::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 1px;
  height: 108%;
  width: 35px;
  background-color: #CEE4F5;
  transform: rotate(17deg);
  z-index: -1;
  transform-origin: bottom right;
  border-radius: 0 0 5px 0;
}
.ebook-listing-wrapper .ebook-card h3 {
  font-size: 24px;
  color: #000;
  font-weight: bold;
  margin-bottom: 0;
  padding: 20px 0 20px 15px;
  position: relative;
  top: -15px;
}
.ebook-listing-wrapper .ebook-card h3 span {
  font-size: 23px;
  font-weight: bold;
}
.ebook-listing-wrapper .ebook-card h3 span.xj{
  font-size: 20px;
}
.ebook-listing-wrapper .ebook-card .dwn-row {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #CEE4F5;
  padding: 10px 0;
  z-index: -1;
}
.ebook-listing-wrapper .ebook-card .dwn-row a {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  padding-left: 45px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ebook-listing-wrapper .ebook-card .dwn-row a span {
  margin-left: 10px;
  position: relative;
}
.ebook-listing-wrapper .ebook-card .pic-wrap {
  position: absolute;
  top: 15px;
  right: 0;
  z-index: 2;
}
.ebook-listing-wrapper .ebook-card .pic-wrap img {
  width: 100%;
}
.ebook-listing-wrapper .responsive-card-appemd-wrapper {
  display: none;
  width: calc(100% / 2 - 10px);
}
.ebook-listing-wrapper .responsive-card-appemd-wrapper .ebook-card-item.desktop-to-mobile-clone {
  width: 100%;
  display: flex;
}
.ebook-listing-wrapper .responsive-card-appemd-wrapper .ebook-card-item.desktop-to-mobile-clone.option3 h2 {
  min-height: 77px;
}

/**Resources End**/
/**知识百科**/
        .encyclopedia {
            display: flex;
            justify-content: space-between;
            max-width: 1200px;
            margin: 20px auto;
            padding: 0 20px 0px;
        }

        .encyclopedia .card {
            width: 30%;
            position: relative;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            border-radius: 8px;
            overflow: hidden;
        }

        .encyclopedia .image-container {
            position: relative;
        }

        .encyclopedia .image-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .encyclopedia .overlay-text {
            color: white;
            font-size: 24px;
            font-weight: bold;
            text-align: center;
        }

        .content-list {
            padding: 20px;
            background: white;
        }

        .encyclopedia ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .encyclopedia li {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 8px 0;
            border-bottom: 1px solid #eee;
            font-size: 14px;
            position: relative;
            padding-left: 20px;
        }

        .encyclopedia li:last-child {
            border-bottom: none;
        }

        .encyclopedia li::before {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 6px;
            height: 6px;
            background: #666;
            border-radius: 50%;
        }

        .encyclopedia .date {
            color: #999;
            font-size: 12px;
        }

        .encyclopedia img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            display: block;
        }
.crm-knowledge h2{
    text-align: center;
    padding: 30px 0 40px 0;
}
.content-list li a {
    color: #000;
    font-size: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .encyclopedia {
        display: block;
        width: 98%;
    }
}
@media only screen and (max-width: 991px) {
     .encyclopedia .card {
        width: 100%;
        margin-bottom: 26px;
    }
     .encyclopedia img{
        height: 66px;
     }
}
@media only screen and (max-width: 767px) {    
    .encyclopedia .card {
        width: 100%;
        margin-bottom: 26px;
    }
    .encyclopedia {
        display: block;
    }
    .crm-industry{
       display: none;
    }
}
/**知识百科 End**/

/*Customer Case*/
  .testi-mainsec {
    background: #f3f9ff;
    padding: 80px 0 30px 0;
}
  .testi-mainsec h2{
    text-align: center;
  }
  .integ-content-sec {
    width: calc(100% - 610px);
    text-align: left;
    padding-right: 60px;
    box-sizing: border-box
  }
  .integ-content-sec .arw_lnk {
    color: #fff7ec;
    background-color: rgb(53, 143, 115);
    margin-top: 35px
  }
  .integ-content-sec .arw_lnk span {
    background: #fff7ec;
  }
  .integ-content-sec .arw_lnk span:before {
    border-color: #fff7ec;
  }
  .integ-img-sec {
    width: 50%;
    margin: 0 auto;
  }
  .integ-logo1, .integ-logo2, .integ-logo3, .integ-logo4, .integ-logo5, .integ-logo6, .integ-logo7, .integ-logo8, .integ-logo9 {
    position: absolute;
    height: 47px;
    animation: floating ease-in-out infinite;
    -webkit-animation: floating ease-in-out infinite;
    transition: all ease .65s;
  }
  .integ-logos-sec {
    position: relative;
    padding: 80px 0 50px;
    max-width: 270px;
    margin: 0 auto
  }
  .integ-logo1 {
    background-position: -37px -121px;
    width: 190px;
    top: 0;
    right: 20px;
    animation-duration: 4.2s;
  }
  .integ-logo2 {
    background-position: -246px -121px;
    width: 114px;
    top: 100px;
    left: 5px;
    animation-duration: 5s;
  }
  .integ-logo3 {
    background-position: -379px -121px;
    width: 106px;
    top: 65px;
    right: -120px;
    animation-duration: 4.4s;
  }
  .integ-logo4 {
    background-position: -504px -121px;
    width: 153px;
    top: 164px;
    right: -170px;
    animation-duration: 5s;
  }
  .integ-logo5 {
    background-position: -677px -121px;
    width: 140px;
    bottom: 154px;
    right: -135px;
    animation-duration: 4.2s;
  }
  .integ-logo6 {
    background-position: -33px -189px;
    width: 118px;
    bottom: 40px;
    right: -85px;
    animation-duration: 4.8s;
  }
  .integ-logo7 {
    background-position: -171px -189px;
    width: 145px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    animation-duration: 4s;
  }
  .integ-logo8 {
    background-position: -624px -189px;
    width: 124px;
    bottom: 120px;
    left: -170px;
    animation-duration: 4.8s;
  }
  .integ-logo9 {
    background-position: -509px -189px;
    width: 103px;
    top: 195px;
    left: -100px;
    animation-duration: 4.2s;
  }
  .integrate-sec:after {
    content: '';
    position: absolute;
    right: 36.8%;
    bottom: 35px;
    width: 860px;
    height: 170px;
    display: inline-block;
  }
  .integrate-sec.bg_lazy_loaded:after {
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/desk/zd_integrat_zlogo_line.svg);
  }
  .mobile-sec {
    max-width: 1200px;
    margin: 0 auto;
    width: 95%;
    padding: 130px 0 110px;
    display: flex;
    align-items: center
  }
  .mble-content-sec {
    width: 52%;
    padding-right: 75px;
    box-sizing: border-box
  }
  .mble-content-sec .arw_lnk {
    margin-top: 40px;
    background: #0b5b42;
    color: #fff;
    padding: 9px 25px 10px 20px;
    padding-right: 40px;
  }
  .mble-content-sec .arw_lnk.fst {
    margin-right: 40px
  }
  .mble-content-sec .arw_lnk span:before, .act-btn.arw_lnk span:before {
    border-color: #fff;
  }
  .mble-img-sec {
    display: flex;
    align-items: flex-start;
    position: relative;
    max-width: 590px;
    margin: 0 auto;
  }
  .mble-img-sec:after {
    content: '';
    position: absolute;
    left: 0;
    top: 35px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
  }
  .mble-img-sec.bg_lazy_loaded:after {
    background-size: cover;
    background-image: url("//cdn.zoho.com.cn/sites/zweb/images/desk/zd_t_fully_mobile_bg_image_2x.png");
  }
  .mble-img-sec img {
    position: relative;
    z-index: 1
  }
  .mble-img {
    margin: 60px 35px 0 0;
    padding: 0 0 0 50px;
  }
  .bg_lazy_loaded .mble-sprite, .bg_lazy_loaded .signup-box .socl-signup a.vi-google, .bg_lazy_loaded .signup-box .socl-signup .zwc-socl-signup-btn.vi-google, .bg_lazy_loaded .signup-box .socl-signup a.vi-linkedin, .bg_lazy_loaded .signup-box .socl-signup .zwc-socl-signup-btn.vi-linkedin {
    background-image: url("//cdn.zoho.com.cn/sites/zweb/images/desk/mble_sprite_2x.png");
    background-size: 1322px auto;
    display: inline-block
  }
  .mble-img1 {
    background-position: -85px -43px;
    width: 260px;
    height: 119px;
  }
  .mble-img2 {
    background-position: -350px -45px;
    width: 239px;
    height: 120px;
    margin-left: -110px;
  }
  .testi-sec {
    padding: 60px 0 50px;
    display: flex;
  }
.testi-slders-sec {
    width: 49%;
    padding-right: 100px;
    box-sizing: border-box;
    position: relative;
}
.testi-slders-sec img{
    border-radius: 8px;
}
.testi-desc-sec {
    width: 51%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
  .testi-sec {
    max-width: 1200px;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 10px -3px rgba(0, 0, 0, 0.13);
    margin-top: 40px;
    padding: 60px 40px 40px 40px;
  }
.prev-nxt-arw {
    position: absolute;
    left: 0;
    bottom: -10px;
    display: flex;
    align-items: center;
}
.testi-slders-sec:before {
    content: '';
    position: absolute;
    right: 50px;
    border-right: 1px solid #cccccc;
    height: 95%;
    width: 1px;
}
.arw_lnk{
   position: relative;
}
.prev-nxt-arw .prev-arw {
    margin-right: 10px;
    transform: rotate(180deg);
}
.prev-nxt-arw .arw_lnk {
    border: 1px solid #089949;
    border-radius: 16px;
    background-color: #fff;
    width: 49px;
    height: 49px;
    cursor: pointer;
}
.prev-nxt-arw .arw_lnk.slick-disabled {
    border: 1px solid rgb(207, 207, 207);
    border-radius: 16px;
    background-color: rgb(245, 245, 245);
    cursor: default;
}
.arw_lnk span {
    background: #1970e3;
    width: 12px;
    height: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 7px;
    transition: all ease .35s;
}
.prev-nxt-arw .arw_lnk span {
    width: 12px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    background: #089949;
}
.arw_lnk span:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 7px;
    border: 2px solid #1970e3;
    transform: rotate(-45deg);
    border-left: 0;
    border-top: 0;
    top: -3px;
    right: 0;
}

.prev-nxt-arw .arw_lnk span:before {
    border-color: #089949;
}
.quotes-icn {
    background-position: -688px -70px;
    width: 102px;
    height: 85px;
}
.bg_lazy_loaded .desk-home-sprite{
   display: inline-block;
   background-image: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/crmhomepage-new-icon.webp);
    background-size: 800px;
}
.bg_lazy_loaded .desk-home-sprite.testi-logos{
   background-size: 1400px;
}
.desk-home-sprite.cx1-logo{
    background-position: -2px -163px;
    width: 166px;
    height: 70px;
}
.desk-home-sprite.cx2-logo{
    background-position: -194px -174px;
    width: 146px;
    height: 30px;
}
.desk-home-sprite.cx3-logo{
    background-position: -374px -162px;
    width: 105px;
    height: 70px;
}
.desk-home-sprite.cx4-logo{
    background-position: -494px -162px;
    width: 216px;
    height: 50px;
}
.testi-slders {
    width: 100%;
}
p.testi-desc {
    font: 18px / 1.4 var(--zf-primary-semibold);
    color: #414141;
    padding: 28px 0 0;
}
p.arw_lnk:before{
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border: 2px solid #d8ae52;
    transform: rotate(-45deg);
    border-left: 0;
    border-top: 0;
    top: 19px;
    right: 20px;
}
.prev-nxt-arw .arw_lnk:before {
    border-color: #089949;
}
.prev-nxt-arw .arw_lnk.slick-disabled:before {
    border-color: rgb(207, 207, 207);
}
.cust-testi, .cust-sec {
    display: flex;
    align-items: center;
}
.cust-sec {
    justify-content: space-between;
    padding: 40px 0 0px;
}
.cust-name {
    font: 18px / 1.4 var(--zf-primary-semibold);
    color: #414141;
    display: block;
}
.cust-desg {
    font: 14px / 1.4 var(--zf-primary-regular);
    color: #414141;
    display: block;
}
.testi-desc-slds a.arw_lnk{
    color: #1970e3;
}
.testi-industry{
    background-color: rgb(224, 224, 224);
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    padding: 5px 20px;
    border-radius: 30px;
    float: left;
}

/*Customer Case End*/
/*CX logo*/
.cx-logoshow{
    background: #f3f9ff;
}
.cx-logoshow .inner-wrapper picture{
    margin: 0 auto;
    padding-bottom: 40px;
}
.cx-logoshow .inner-wrapper picture img{
    margin: 0 auto;
}
.cx-logoshow .inner-wrapper .link-arrow-btn a{
    color: #0029d2;
    padding-bottom: 80px;
    text-decoration: underline;
}
.cx-logoshow .inner-wrapper .link-arrow-btn a span{
    border: 1px solid #0029d2;
    background-color: #0027d1;
}
.cx-logoshow .inner-wrapper .link-arrow-btn a span:after{
    border: solid #ffffff;
    border-width: 0 1.5px 1.5px 0;
}
.cx-logoshow img.mobile{
    display: none;
}
/*CX logo End*/
@media only screen and (max-width:1300px){
.banner-left .zwc-banner-section .content-wrap .inner-con{
    max-width: 720px;
}
    .grw-percnt {
        font-size: 60px;
    }
}

@media screen and (max-width: 1279px) {
    .grw-sec {
        max-width: 725px;
    }
    h2.grw-hdr {
        margin-bottom: -140px;
    }
    .grw-cnt {
        justify-content: center;
    }
    .grw-inrcnt {
        max-width: 230px;
    }
    .grw-percnt {
        font-size: 50px;
    }
    .grw-info {
        font-size: 25px;
    }
    .grw-sec-b  h2.grw-hdr{
        font-size:28px;
    }
    .grw-sec-b  h2.grw-hdr{
        font-size:28px;
    }
    .grw-arw{
        left: 85px;
        top: 95px;
    }
    .grw-desclmr {
        font-size: 10px;
        right: -160px;
        width: 155px;
    }
    .licse-icn {
        margin-top: 65px;
        background-position: -35px -609px;
        width: 182px;
        height: 297px;
    }
    .incrse-icn {
        background-position: -251px -653px;
        width: 111px;
        height: 51px;
    }
    .implemt-icn {
        background-position: -254px -739px;
        width: 117px;
        height: 63px;
    }
}
@media only screen and (max-width:1199px){
.banner-left .zwc-banner-section .content-wrap .inner-con{
    max-width: 680px;
}
    .page-wrapper h2{
        font-size:22px;
    }
    .page-wrapper .arrow-btn a{
        padding:13px 50px 13px 20px;
        font-size:14px
    }
    .page-wrapper .arrow-btn span{
        right:15px
    }
    .common-award-section-index .inner-wrapper{
        justify-content:center;
        gap:20px
    }
    .common-award-section-index .inner-wrapper .left-wrap .top-icon .icon1{
        width:370px
    }
    .common-award-section-index .inner-wrapper .left-wrap .top-icon .icon2{
        width:100px
    }
    .common-award-section-index .inner-wrapper .left-wrap .top-icon .icon3{
        width:100px
    }
    .common-award-section-index .inner-wrapper .right-wrap .top-set .icon4{
        width:100px
    }
    .common-award-section-index .inner-wrapper .right-wrap .top-set .icon5{
        width:100px
    }
    .common-award-section-index .inner-wrapper .right-wrap .top-set .icon-group .icon6{
        width:100px
    }
    .common-award-section-index .inner-wrapper .right-wrap .top-set .icon-group .icon7{
        width:100px
    }
    .img-icon-bg.animated{
        transform:scale(0.7)
    }
    .img-icon-bg.animated:not(.no-hover):hover{
        transform:scale(0.8)
    }
    .img-icon-bg.icon1{
        top:0;
        left:35px
    }
    .img-icon-bg.icon2{
        top:0;
        left:115px
    }
    .img-icon-bg.icon3{
        top:83px;
        left:326px
    }
    .img-icon-bg.icon4{
        top:180px;
        left:35px
    }
    .img-icon-bg.icon5{
        top:210px;
        left:243px
    }
    .img-icon-bg.icon6{
        left:215px;
        top:240px
    }
    .img-icon-bg.icon7{
        right:330px;
        top:70px
    }
    .img-icon-bg.icon8{
        right:110px;
        top:0
    }
    .img-icon-bg.icon9{
        right:50px;
        top:20px
    }
    .img-icon-bg.icon10{
        right:35px
    }
    .img-icon-bg.icon11{
        right:235px;
        top:220px
    }
    .img-icon-bg.icon12{
        right:35px;
        top:240px
    }
    .image-animation-wrapper{
        width:1000px
    }
    .image-animation-wrapper .cntr-img-wrapper{
        width:400px
    }
    .what-is-crm .inner-wrapper .left-sec p br{
        display:none
    }
    .what-is-crm .inner-wrapper .right-sec .effect-intro-crm p.count-val{
        font-size:36px
    }
    .what-is-crm .inner-wrapper .right-sec .effect-intro-crm .left-side{
        width:200px
    }
    .what-is-crm .inner-wrapper .right-sec .effect-intro-crm .left-side p{
        line-height:1.3
    }
    .what-is-crm .inner-wrapper .right-sec .effect-intro-crm .left-side p.count-val{
        line-height:1.3
    }
    .what-is-crm .inner-wrapper .right-sec .effect-intro-crm .right-side{
        width:calc(100% - 200px)
    }
    .what-is-crm .inner-wrapper .right-sec .effect-intro-crm .right-side .full-width-sec p{
        padding-left:20px
    }
    .what-is-crm .inner-wrapper .right-sec .effect-intro-crm .right-side .full-width-sec p.count-val{
        padding-left:20px
    }
    .what-is-crm .inner-wrapper .right-sec .effect-intro-crm .right-side .full-width-sec .pic-wrap{
        right:0;
        width:110px
    }
    .feature-description-slider .jpc-container{
        max-width:calc(100% - 80px)
    }
    .three-step-implementation .inner-wrapper .step-wrapper .step-cont .head .cont h3{
        font-size:18px
    }
    .three-step-implementation .inner-wrapper .step-wrapper .step-cont .btm-box{
        padding:25px 30px
    }
    .contact-us .inner-wrapper .left-sec .contact-num p{
        font-size:22px
    }
    .contact-us .inner-wrapper .left-sec .contact-num span:not(.index-sprite-crm){
        font-size:20px
    }
    .ebook-listing-wrapper .ebook-card-item h3{
        font-size:13px
    }
    .ebook-listing-wrapper .ebook-card-item h2{
        font-size:19px
    }
    .ebook-listing-wrapper .ebook-card-item.option1 .pic-wrap{
        bottom:0;
        right:10px;
        width:100px
    }
    .ebook-listing-wrapper .ebook-card-item.option2 .pic-wrap{
        bottom:0;
        right:0;
        width:120px
    }
    .ebook-listing-wrapper .ebook-card-item.option3 .pic-wrap{
        bottom:0;
        right:0;
        width:130px
    }
    .ebook-listing-wrapper .ebook-full-item .pic-wrap{
        width:430px
    }
    .feat-box-sec .feat-item-slider{
        width:950px;
        max-width:100%;
        margin:0 auto 30px auto
    }
    .crm-benefits-obtained .inner-wrapper .cbo-cont .item-box h3{
        font-size: 22px;
    }
    .crm-benefits-obtained .inner-wrapper .cbo-cont .item-box p{
        font-size: 15px;
    }
   .crm-industry .inner-wrapper, .cx-logoshow .inner-wrapper{
        width: 1100px;
        max-width: calc(100% - 40px);
    }
    
}
@media only screen and (max-width:1140px){
    .banner-sec::after{
        height:130px
    }
    .banner-sec .inner-wrapper .banner-left h2{
        font-size:18px;
        max-width: calc(84% - 40px);
        margin: 12px auto;
    }
    .banner-sec .inner-wrapper .banner-left h1{
        font-size:24px
    }
    .banner-sec .inner-wrapper .banner-left h1 span{
        font-size:36px
    }
    .body-umain .banner-sec .inner-wrapper .banner-left .banner-img{
        left:550px
    }
    .crm-all-business .inner-wrapper .all-business-sites .bus-item{
        width:calc(100% / 3 - 7px)
    }
    .crm-industry .inner-wrapper .industry-inner ul li{
        width: calc(100% / 4 - 16px);
    }
    .tur-cnt{
        padding-top: 80px;
    }
    .tur-sec-b h2.tur-hdr{
        font-size: 40px;
    }
    .testi-mainsec {
        width: 100%;
        padding: 80px 30px;
        box-sizing: border-box;
        max-width: 100%;
    }
    .testi-sec{
        flex-direction: column;
    }
    .testi-slders-sec,.testi-desc-sec{
        width: 100%;
    }
    .testi-slders-sec{
    padding-right:0px;
    }
    .bg_lazy_loaded .desk-home-sprite.quotes-icn, .testi-slders-sec:before{
        display: none;
    }

}
@media only screen and (max-width:1024px) {
.crm-advantages{
    padding: 55px 0;
}
.crm-advantages .inner-wrapper h2{
    padding-bottom: 6px;
}
.licse-icn{
    height: 230px;
}
.advantages-inner .tx{
    font-size: 15px;
}
.crm-advantages .inner-wrapper .advantages-inner{
    flex-wrap: inherit;
    transform: scale(0.9);
}
.crm-advantages .inner-wrapper .inner-right > div{
    width: 234px;
    height: 192px;
    padding: 17px 25px 10px 25px;
}
}
@media only screen and (max-width:1023px){
    .banner-sec .inner-wrapper .banner-left{
        width:100%;
        margin-bottom:30px;
        padding-right:0;
        max-height: 652px;
    }
    .common-award-section-index{
        padding:40px 0 20px 0
    }
    .slider-group{
        width:688px;
        max-width:calc(100% - 40px)
    }
    .slider-group .slider-item.next-2,.slider-group .slider-item.prev-2{
        display:none
    }
    .slider-group .slider-item.next-1{
        left:69%
    }
    .slider-group .slider-item.prev-1{
        left:31%
    }
    .slider-group .nav-arrow.left-nav{
        left:20px
    }
    .slider-group .nav-arrow.right-nav{
        right:20px
    }
    .slider-item.next-1 .slider-title,.slider-item.next-2 .slider-title{
        right:-10px
    }
    .slider-item.prev-1 .slider-title,.slider-item.prev-2 .slider-title{
        left:-10px
    }
    .ebook-listing-wrapper{
        flex-direction:column
    }
    .ebook-listing-wrapper .left-side{
        width:100%;
        margin-bottom:20px
    }
    .ebook-listing-wrapper .right-side{
        width:100%;
        padding-left:0;
        flex-direction:row;
        flex-wrap:wrap;
        justify-content:center
    }
    .ebook-listing-wrapper .right-side .ebook-card-item{
        width:calc(100% / 2 - 10px)
    }
    .ebook-listing-wrapper .ebook-card-item h2 span{
        font-size:22px
    }
    .ebook-listing-wrapper .ebook-card-item.option3 h2{
        min-height:auto
    }
    .ebook-listing-wrapper .ebook-full-item{
        width:calc(100% / 2 - 10px)
    }
    .ebook-listing-wrapper .ebook-full-item a{
        padding:0 20px
    }
    .ebook-listing-wrapper .ebook-full-item h2{
        font-size:22px;
        line-height:1.3;
        margin-bottom:10px
    }
    .ebook-listing-wrapper .ebook-full-item .ebook-dwn-btn{
        font-size:16px;
        z-index:1
    }
    .ebook-listing-wrapper .ebook-full-item .pic-wrap{
        width:260px
    }
    .ebook-listing-wrapper .ebook-card{
        width:calc(100% / 2 - 10px);
        padding:30px 20px
    }
    .ebook-listing-wrapper .ebook-card h3{
        top:0;
        font-size:22px;
        padding-left:0
    }
    .ebook-listing-wrapper .ebook-card h3 span{
        font-size:22px
    }
    .ebook-listing-wrapper .ebook-card .dwn-row a{
        padding-left:20px
    }
    .ebook-listing-wrapper .ebook-card .pic-wrap{
        top:unset;
        bottom:-20px
    }
    .ebook-listing-wrapper .desktop-to-mobile-clone{
        display:none
    }
    .ebook-listing-wrapper .responsive-card-appemd-wrapper{
        display:flex
    }
    .banner-sec .inner-wrapper .banner-left h2{
        max-width: 620px;
        margin: 20px auto;
    }
    .crm-all-business .inner-wrapper .desc{
        max-width: 722px;
        margin: 0 auto;
        line-height: 1.5;
        padding-bottom: 30px;
    }
    .crm-benefits-obtained .inner-wrapper .cbo-cont .item-box3 p br{
        display: none;
    }
    .prev-nxt-arw{
        bottom: 70px;
    }
    .side-bar{
        width: 60px;
    }
    .crm-advantages .inner-wrapper .advantages-inner{
       transform: scale(0.85);
       transform-origin: top left;
       margin-left: 3%;
    }
    .grw-inrcnt3 .licse-icn{
        background-position: -35px -598px;
        height: 242px;
    }
}
@media only screen and (max-width:991px){
.banner-sec .inner-wrapper .banner-left{
    max-height: 1286px;
}
    .crm-industry{
       display: none;
    }
    .anim-ele {
        opacity: 1 !important;
        transform: unset;
    }
    .grw-inrcnt1.anim-ele, .grw-inrcnt2.anim-ele, .grw-inrcnt3.anim-ele {
        transform: unset;
    }
    .grw-desclmr {
        bottom: -50px;
        right: unset;
        width: 100%;
        z-index: 1;
        text-align: center;
    }
    .body-umain .banner-sec{
        height:auto;
        padding-top:50px
    }
    .body-umain .banner-sec .inner-wrapper .banner-left{
        padding:0;
        margin-bottom:0
    }
    .body-umain .banner-sec .inner-wrapper .banner-left .cont-sec{
        align-items:center;
        width:100%
    }
    .body-umain .banner-sec .inner-wrapper .banner-left .cont-sec .act-btn{
        padding:10px 25px
    }
    .body-umain .banner-sec .inner-wrapper .banner-left .banner-img{
        position:relative;
        left:unset;
        bottom:unset;
        width:600px;
        margin:0 auto;
        max-width:100%;
        top:5px
    }
    .common-award-section-index .inner-wrapper{
        flex-direction:column
    }
    .common-award-section-index .inner-wrapper .right-wrap{
        align-self:center
    }
    .crm-all-business .inner-wrapper .all-business-sites .bus-item{
        padding:25px 20px 0 20px
    }
    .crm-all-business .inner-wrapper .all-business-sites .bus-item .head h3{
        margin-bottom:10px
    }
    .crm-all-business .inner-wrapper .all-business-sites .slider-nav.arw-left{
        left:-15px
    }
    .crm-all-business .inner-wrapper .all-business-sites .slider-nav.arw-right{
        right:-15px
    }
    .image-section-desktop{
        margin-top:90px
    }
    .crm-success-stories .success-slider{
        width:550px;
        max-width:100%
    }
    .crm-success-stories .success-slider .slider-nav.arw-left{
        left:-7px
    }
    .crm-success-stories .success-slider .slider-nav.arw-right{
        right:-7px
    }
    .mobile-view-screen{
        display:block
    }
    .img-icon-bg{
        display:none
    }
    .image-animation-wrapper{
        display:none
    }
    .tab-cont-section{
        padding:50px 0
    }
    .tab-cont-section .reliable-support .rb-box-wrapper .box-left{
        width:620px;
        margin:0 auto 30px auto;
        max-width:100%
    }
    .tab-cont-section .reliable-support .rb-box-wrapper .box-left .item-box{
        width:calc(100% / 2 - 10px)
    }
    .partner-support .inner-wrapper .left-sec p br{
        display:none
    }
    .what-is-crm .inner-wrapper .left-sec{
        width:45%;
        padding-right:20px
    }
    .what-is-crm .inner-wrapper .right-sec{
        width:55%;
        padding-left:0
    }
    .what-is-crm .inner-wrapper .right-sec .effect-intro-crm .left-side{
        width:150px
    }
    .what-is-crm .inner-wrapper .right-sec .effect-intro-crm .right-side{
        width:calc(100% - 150px)
    }
    .what-is-crm .inner-wrapper .right-sec .effect-intro-crm .right-side .full-width-sec p.count-val{
        padding-top:30px;
        width:calc(100% - 80px);
        text-align:center;
        padding-left:0
    }
    .what-is-crm .inner-wrapper .right-sec .effect-intro-crm .right-side .full-width-sec p.nm{
        font-size:14px;
        line-height:1.4;
        width:calc(100% - 80px);
        text-align:center;
        padding-left:0
    }
    .what-is-crm .inner-wrapper .right-sec .effect-intro-crm .right-side .full-width-sec .pic-wrap{
        width:80px
    }
    .what-is-crm .inner-wrapper .right-sec .effect-intro-crm .right-side .half-width-sec p:not(.count-val){
        font-size:14px
    }
    .three-step-implementation .inner-wrapper .step-wrapper{
        flex-direction:column;
        width:450px;
        margin:0 auto;
        gap:50px;
        max-width:100%
    }
    .three-step-implementation .inner-wrapper .step-wrapper .step-cont{
        width:100%
    }
    .three-step-implementation .inner-wrapper .step-wrapper .step-cont .imp-arrow{
        top:unset;
        right:unset;
        left:50%;
        bottom:-40px;
        transform:translate(-50%,0) rotate(90deg)
    }
    .awards-cont-wrapper .awards-item .right-cont-sec p br{
        display:none
    }
    .gartner-logo-sec .inner-wrapper p br{
        display:none
    }
    .ebook-listing-wrapper .ebook-card-item.option1 .pic-wrap{
        width:155px
    }
    .ebook-listing-wrapper .ebook-card-item.option2 .pic-wrap{
        width:170px
    }
    .ebook-listing-wrapper .ebook-full-item{
        background-position:left
    }
    .feat-box-sec .feat-item-slider{
        width:640px
    }
    .crm-pricing-popup-wrap{
        max-width:700px
    }
    .crm-pricing-popup-inner{
        padding:50px 30px
    }
    .crm-advantages .inner-wrapper .advantages-inner{
        width: 94%;
        margin: 0 auto;
        transform: scale(1);
        display: block;
    }
    .crm-advantages .inner-wrapper h2 {
        padding-bottom: 20px;
    }
.crm-advantages .inner-wrapper .inner-left, .crm-advantages .inner-wrapper .inner-right{
    width: 100%;
        margin-bottom: 20px;
}
.crm-advantages .inner-wrapper .inner-right{
    align-content: space-around;
    justify-content: space-between;
    column-gap: normal;
}
.crm-advantages .inner-wrapper .inner-left .inner-left-sec01, .crm-advantages .inner-wrapper .inner-left .inner-left-sec02{
    width: 49%;
    height: 210px;
}
.crm-advantages .inner-wrapper .inner-right > div{
    width: 49.2%;
        height: 170px;
}
.inner-left-sec01-txt{
display: flex;
    flex-direction: column;
    row-gap: 22px;
}
.encyclopedia{
        width: 98%;
        display: flex;
        column-gap: 16px;
        flex-direction: column;
}
.cx-logoshow picture.web{
    display: none;
}
.cx-logoshow img.mobile{
    width: 99%;
    display: block;
    margin: 0 auto 35px;
}
.banner-left .zwc-banner-section .content-wrap .inner-con{
        height: 630px;
}
}
@media only screen and (max-width:767px){
.banner-left .zwc-banner-section .content-wrap .inner-con{
    max-width: 651px;
}
    .page-wrapper h2{
        line-height:1.6
    }
    .page-wrapper h2 br:not(.mb){
        display:none
    }
    .page-wrapper p{
        font-size:14px
    }
    .page-wrapper p br:not(.mb){
        display:none
    }
    .page-wrapper .link-arrow-btn a{
        font-size:16px
    }
    .banner-sec .inner-wrapper .banner-left h2{
        padding:8px 20px;
        font-size:16px
    }
    .banner-sec .inner-wrapper .banner-left h1{
        font-size:18px
    }
    .banner-sec .inner-wrapper .banner-left h1 span{
        font-size:28px
    }
    .banner-sec .inner-wrapper .banner-right .signup-box{
        padding-left:25px;
        padding-right:25px
    }
    .common-award-section-index .inner-wrapper .left-wrap .top-icon .auto-min-height{
        min-height:unset !important
    }
    .common-award-section-index .inner-wrapper .left-wrap .top-icon .icon1{
        width:auto;
        display:flex;
        flex-shrink:1
    }
    .common-award-section-index .inner-wrapper .left-wrap .top-icon .icon2{
        width:auto;
        display:flex;
        flex-shrink:1
    }
    .common-award-section-index .inner-wrapper .left-wrap .top-icon .icon3{
        width:auto;
        display:flex;
        flex-shrink:1
    }
    .common-award-section-index .inner-wrapper .left-wrap .btm-icon h3{
        padding:10px 20px;
        font-size:16px
    }
    .common-award-section-index .inner-wrapper .right-wrap .top-set .auto-min-height{
        min-height:unset !important
    }
    .common-award-section-index .inner-wrapper .right-wrap .top-set .icon4{
        width:auto;
        display:flex;
        flex-shrink:1;
        max-width:100px;
        align-items:center
    }
    .common-award-section-index .inner-wrapper .right-wrap .top-set .icon5{
        width:auto;
        display:flex;
        flex-shrink:1;
        max-width:100px;
        align-items:center
    }
    .common-award-section-index .inner-wrapper .right-wrap .top-set .icon-group .icon6{
        width:auto;
        display:flex;
        flex-shrink:0;
        max-width:100px;
        align-items:center
    }
    .common-award-section-index .inner-wrapper .right-wrap .top-set .icon-group .icon7{
        width:auto;
        display:flex;
        flex-shrink:0;
        max-width:100px;
        align-items:center
    }
    .common-customer-logo-section .inner-wrapper::after,.common-customer-logo-section .inner-wrapper::before{
        width:20px
    }
    .crm-all-business .inner-wrapper .all-business-sites .bus-item{
        width:calc(100% / 2 - 5px)
    }
    .crm-all-business .inner-wrapper .all-business-sites .slider-nav.arw-left{
        left:-10px
    }
    .crm-all-business .inner-wrapper .all-business-sites .slider-nav.arw-right{
        right:-10px
    }
    .personalised-imp{
        padding:50px 0 0
    }
    .personalised-imp .inner-wrapper h2{
        margin-bottom:20px
    }
    .personalised-imp .inner-wrapper p{
        margin-bottom:20px
    }
    .work-experience{
        padding:50px 0
    }
    .work-experience::after{
        height:112px
    }
    .work-experience .inner-wrapper{
        z-index:1;
        position:relative
    }
    .work-experience .page-link-arrow{
        margin-bottom:40px
    }
    .image-section-desktop{
        display:none
    }
    .image-section-mob{
        display:block
    }
    .crm-success-stories{
        padding-top:0
    }
    .crm-success-stories .inner-wrapper{
        max-width:calc(100% - 40px);
        overflow:hidden
    }
    .crm-success-stories .inner-wrapper h2{
        max-width:100%;
        margin-bottom:20px
    }
    .crm-success-stories .success-slider .slider-nav.arw-left{
        left:0
    }
    .crm-success-stories .success-slider .slider-nav.arw-right{
        right:0
    }
    .crm-success-stories .success-slider .success-item .tag-sec{
        justify-content:center
    }
    .slider-group{
        height:auto;
        margin-bottom:30px;
        display:flex;
        flex-direction:row;
        flex-wrap:nowrap;
        overflow:hidden
    }
    .slider-group.mobile-slider-group{
        display:block;
        max-width:100%
    }
    .slider-group.desk-top-slider{
        display:none
    }
    .slider-group .mob-wrapper-box{
        display:flex;
        position:relative;
        flex-direction:row;
        flex-wrap:nowrap;
        max-width:100%;
        gap:20px
    }
    .slider-group .slider-item{
        position:relative;
        max-width:100%;
        left:unset;
        top:unset;
        transform:translateY(0) translateX(0) scale(0.75);
        opacity:0;
        height:0;
        margin:0 auto;
        display:flex !important;
        flex-direction:column;
        width:100%;
        flex-shrink:0;
        height:auto;
        justify-content:center;
        padding:10px 0 0
    }
    .slider-group .slider-item:not(.current_slider){
        pointer-events:all;
        opacity:1;
        transform:none
    }
    .slider-group .slider-item.next-1::after,.slider-group .slider-item.prev-1::after,.slider-group .slider-item.next-2::after,.slider-group .slider-item.prev-2::after{
        display:none
    }
    .slider-group .slider-item.next-2,.slider-group .slider-item.prev-2{
        display:flex
    }
    .slider-group .slider-item.next-1{
        position:relative;
        left:unset;
        top:unset;
        right:unset;
        transform:none;
        opacity:1;
        z-index:1
    }
    .slider-group .slider-item.next-2{
        position:relative;
        left:unset;
        top:unset;
        right:unset;
        transform:none;
        opacity:1;
        z-index:1
    }
    .slider-group .slider-item.prev-1{
        position:relative;
        left:unset;
        top:unset;
        right:unset;
        transform:none;
        opacity:1;
        z-index:1
    }
    .slider-group .slider-item.prev-2{
        position:relative;
        left:unset;
        top:unset;
        right:unset;
        transform:none;
        opacity:1;
        z-index:1
    }
    .slider-group .slider-item.current_slider{
        position:relative;
        max-width:100%;
        left:unset;
        top:unset;
        right:unset;
        transform:translateY(0) translateX(0) scale(1);
        opacity:1;
        height:100%
    }
    .slider-group .nav-arrow{
        transform:none;
        display:none !important
    }
    .slider-group .nav-arrow.left-nav{
        left:-15px
    }
    .slider-group .nav-arrow.right-nav{
        right:-15px
    }
    .slider-group .slider-bg{
        padding:30px 10px 0
    }
    .slider-group .slider-bg .slider-left{
        width:100%;
        padding-right:0;
        margin-bottom:20px;
        padding-bottom:0
    }
    .slider-group .slider-bg .slider-left .head{
        font-size:14px
    }
    .slider-group .slider-bg .slider-left p{
        max-width:calc(100% - 30px)
    }
    .slider-group .slider-bg .slider-right{
        width:100%;
        left:0
    }
    .slider-group-nav{
        display:none
    }
    .slider-item .slider-title{
        display:none
    }
    .tab-cont-section .reliable-support>p{
        max-width:100%
    }
    .tab-cont-section .reliable-support .rb-box-wrapper .box-left .item-box p br{
        display:none
    }
    .partner-support{
        padding:50px 0
    }
    .partner-support .inner-wrapper{
        flex-direction:column
    }
    .partner-support .inner-wrapper .left-sec{
        width:100%;
        margin-bottom:30px;
        padding-right:0;
        text-align:center;
        align-items:center
    }
    .partner-support .inner-wrapper .right-sec{
        width:100%;
        justify-content:center
    }
    .what-is-crm{
        padding:50px 0
    }
    .what-is-crm .inner-wrapper{
        flex-direction:column;
        margin-bottom:40px
    }
    .what-is-crm .inner-wrapper .left-sec{
        width:100%;
        padding-right:0;
        align-items:center;
        text-align:center;
        margin-bottom:30px
    }
    .what-is-crm .inner-wrapper .right-sec{
        width:100%;
        align-items:center
    }
    .what-is-crm .inner-wrapper .right-sec .effect-intro-crm .left-side{
        width:100%;
        position:relative;
        border-right:0;
        border-bottom:1px solid #c8dbec;
        padding-top:20px;
        overflow:hidden
    }
    .what-is-crm .inner-wrapper .right-sec .effect-intro-crm .left-side .pic-wrap{
        position:absolute;
        bottom:-2px;
        left:-4px;
        width:140px
    }
    .what-is-crm .inner-wrapper .right-sec .effect-intro-crm .left-side p{
        display:flex;
        justify-content:center;
        left:40px;
        position:relative;
        top:10px
    }
    .what-is-crm .inner-wrapper .right-sec .effect-intro-crm .left-side p.count-val{
        line-height:1.3;
        position:relative;
        top:0
    }
    .what-is-crm .inner-wrapper .right-sec .effect-intro-crm .right-side{
        width:100%
    }
    .what-is-crm .inner-wrapper .right-sec .effect-intro-crm .right-side .full-width-sec{
        min-height:131px;
        justify-content:center;
        overflow:hidden
    }
    .what-is-crm .inner-wrapper .right-sec .effect-intro-crm .right-side .full-width-sec p{
        margin-bottom:20px;
        width:42%;
        text-align:center
    }
    .what-is-crm .inner-wrapper .right-sec .effect-intro-crm .right-side .full-width-sec p.count-val{
        padding-top:30px;
        width:44%;
        padding-left:20px;
        text-align:center
    }
    .what-is-crm .inner-wrapper .right-sec .effect-intro-crm .right-side .full-width-sec p.nm{
        width:44%;
        padding-left:20px
    }
    .what-is-crm .inner-wrapper .right-sec .effect-intro-crm .right-side .full-width-sec .pic-wrap{
        width:90px;
        right:0;
        bottom:-1px
    }
    .what-is-crm .inner-wrapper .right-sec .effect-intro-crm .right-side .half-width-sec{
        padding-bottom:20px
    }
    .feature-description-slider .jpc-container{
        max-width:calc(100% - 50px);
        padding:20px;
        border-radius:10px
    }
    .feature-description-slider .desc-slider .slider-nav.arw-left{
        left:-50px
    }
    .feature-description-slider .desc-slider .slider-nav.arw-left{
        left:-15px
    }
    .feature-description-slider .desc-slider .slider-nav.arw-right{
        right:-50px
    }
    .feature-description-slider .desc-slider .slider-nav.arw-right{
        right:-15px
    }
    .three-step-implementation{
        padding:50px 0
    }
    .contact-us .inner-wrapper{
        flex-direction:column;
        gap:10px
    }
    .contact-us .inner-wrapper .left-sec{
        flex-wrap:wrap
    }
    .contact-us .inner-wrapper .left-sec .contact-num{
        flex-direction:row;
        flex-wrap:wrap;
        justify-content:center;
        text-align:center
    }
    .contact-us .inner-wrapper .right-sec{
        text-align:center
    }
    .same-height .slick-track{
        padding-top:0;
        padding-bottom:0
    }
    .mob-only{
        display:block !important
    }
    .gartner-logo-sec{
        padding:0 0 50px
    }
    .gartner-logo-sec .inner-wrapper{
        flex-direction:column;
        width:450px;
        gap:20px
    }
    .gartner-logo-sec .inner-wrapper .index-sprite-crm{
        margin-bottom:20px
    }
    .gartner-logo-sec .inner-wrapper .cont-wrap{
        padding-left:0
    }
    .gartner-logo-sec .inner-wrapper .left-sec{
        flex-direction:column;
        width:100%;
        text-align:center;
        background-color:#fff;
        padding:30px 20px;
        border-radius:10px
    }
    .gartner-logo-sec .inner-wrapper .right-sec{
        flex-direction:column;
        width:100%;
        text-align:center;
        background-color:#fff;
        padding:30px 20px;
        border-radius:10px
    }
    .ebook-promotion-wrapper{
        padding-bottom:50px
    }
    .ebook-promotion-wrapper .inner-wrapper h2{
        margin-bottom:20px
    }
    .ebook-listing-wrapper{
        width:500px;
        margin:0 auto;
        max-width:100%
    }
    .ebook-listing-wrapper .right-side .ebook-card-item{
        width:100%
    }
    .ebook-listing-wrapper .ebook-card-item{
        width:100%
    }
    .ebook-listing-wrapper .ebook-card-item a{
        padding-bottom:0;
        align-items:center
    }
    .ebook-listing-wrapper .ebook-card-item h2{
        margin-bottom:20px;
        text-align:center
    }
    .ebook-listing-wrapper .ebook-card-item .pic-wrap{
        position:relative
    }
    .ebook-listing-wrapper .ebook-card-item.option1 .pic-wrap{
        bottom:unset;
        right:unset;
        width:120px
    }
    .ebook-listing-wrapper .ebook-card-item.option2 .pic-wrap{
        bottom:unset;
        right:unset;
        width:140px
    }
    .ebook-listing-wrapper .ebook-card-item.option3 .pic-wrap{
        bottom:unset;
        right:unset;
        width:140px
    }
    .ebook-listing-wrapper .ebook-full-item{
        width:100%
    }
    .ebook-listing-wrapper .ebook-full-item a{
        padding:45px 20px
    }
    .ebook-listing-wrapper .ebook-full-item h2{
        font-size:28px
    }
    .ebook-listing-wrapper .ebook-full-item .ebook-dwn-btn{
        font-size:14px
    }
    .ebook-listing-wrapper .ebook-full-item .pic-wrap{
        width:300px
    }
    .ebook-listing-wrapper .ebook-card{
        width:100%;
        padding:40px 10px;
        border-radius:10px
    }
    .ebook-listing-wrapper .ebook-card h3{
        padding-left:10px
    }
    .ebook-listing-wrapper .ebook-card .dwn-row{
        padding:6px 0
    }
    .ebook-listing-wrapper .ebook-card .dwn-row a{
        padding-left:20px
    }
    .ebook-listing-wrapper .responsive-card-appemd-wrapper{
        width:100%
    }
    .feat-box-sec{
        padding:50px 0
    }
    .feat-box-sec .feat-item-slider{
        width:320px;
        margin:0 auto 20px auto
    }
    .crm-pricing-popup-wrap{
        max-width:93%;
        border-radius:20px
    }
    .crm-pricing-popup-inner{
        padding:40px 20px
    }
    .crm-pricing-popup-inner h2{
        font-size:26px;
        line-height:1.25;
        padding-bottom:20px
    }
    .crm-pricing-popup-inner h3{
        font-size:20px;
        line-height:1.3;
        text-align:left;
        padding-bottom:5px
    }
    .crm-popup-top-para{
        max-width:none
    }
    .modules-compare{
        display:block;
        margin:25px auto 0
    }
    .modules-compare-lft,.modules-compare-rgt{
        width:100%
    }
    .modules-compare-lft{
        margin-bottom:20px
    }
    .pop-para-1{
        padding:20px 0 0;
        max-width:none
    }
    .table-section{
        border:0;
        margin-top:25px;
        overflow:auto;
        border-radius:0
    }
    .table-section h3{
        background:unset;
        border-bottom:0;
        padding-top:0;
        padding-bottom:15px !important;
        text-align:left
    }
    .crm-pricing-popup-inner p{
        text-align:left
    }
    .title-section{
        display:none
    }
    .mob-title{
        display:block;
        text-align:left;
        position:relative;
        padding-bottom:0;
        margin-bottom:0;
        font-weight:500;
        font-size:16px
    }
    .mob-title::after{
        content:"";
        width:0;
        height:0;
        border-left:6px solid transparent;
        border-right:6px solid transparent;
        border-top:6px solid #888;
        position:absolute;
        right:-4px;
        top:11px;
        border-radius:6px;
        z-index:0;
        transition:.2s
    }
    .mob-title.active::after{
        transform:rotate(180deg)
    }
    .list-table{
        display:block
    }
    .list-lft,.list-rgt{
        width:100%;
        border:1px solid #0067ff;
        padding:20px;
        border-radius:10px;
        box-sizing:border-box
    }
    .list-rgt{
        margin-top:-1px
    }
    .list-table ul{
        padding:0 0 20px
    }
    .table-section-2{
        margin-top:40px
    }
    .title-list-container{
        display:none;
        padding-top:15px
    }
    .list-lft .title-list-container{
        display:block
    }
    .pop-foot-sec{
        margin-top:35px
    }
    .pop-para-3,.pop-para-4{
        padding-top:25px
    }
    .pop-close-btn{
        top:-25px
    }
    .grw-sec {
        padding: 40px 0 70px;
        max-width: unset;
    }
    .grw-sec-b h2.grw-hdr {
        margin: 0 30px 40px;
        text-align: center;
    }
    .sldr-hdr br, .grw-arw, .grw-hdr br, .grw-icn {
        display: none;
    }
    .grw-cnt {
        flex-direction: column;
        align-items: flex-start;
        padding-right: 30px;
    }
    .grw-inrcnt {
        border-top-left-radius: 0;
        border-top-right-radius: 80px;
        border-bottom-right-radius: 80px;
        padding: 30px 0;
        max-width: unset;
    }
    .grw-inrcnt1 {
        width: 53%;
    }
    .grw-inrcnt2 {
        width: 75%;
    }
    .grw-inrcnt3 {
        width: 100%;
    }
.grw-percnt {
        font-size: 34px;
    }
    .grw-info {
        font-size: 17px;
        padding: 10px 0 0;
    }
.encyclopedia{
   flex-direction: column;
}
.encyclopedia img{
    height: 80px;
}
}
@media only screen and (max-width:650px){
    .banner-left .zwc-banner-section .content-wrap .inner-con{
        max-width: 581px;
    }
    .page-wrapper .page-link-arrow a{
        display:block
    }
    .work-experience::after{
        height:108px
    }
    .tab-cont-section .reliable-support .rb-box-wrapper .box-left .item-box{
        width:100%;
        padding:20px
    }
    .page-link-arrow a{
        display:block
    }
.crm-advantages .inner-wrapper .advantages-inner{
    flex-direction: column;
}
.crm-advantages .inner-wrapper .inner-left .inner-left-sec01{
    background: linear-gradient(180deg, rgb(187 200 230) 0, rgb(237 240 248) 100%);
}
.crm-advantages .inner-wrapper .inner-left .inner-left-sec02{
   background: linear-gradient(180deg, rgb(236 236 252) 0, rgb(246 241 253) 100%);
}
.crm-advantages .inner-wrapper .inner-right > div{
   height: auto;
}
}
@media only screen and (max-width:580px){
    .banner-left .zwc-banner-section .content-wrap .inner-con{
        max-width: 421px;
    }
    .page-wrapper .arrow-btn{
        width:auto
    }
    .crm-all-business .inner-wrapper .all-business-sites .bus-item{
        width:100%;
        min-height:auto
    }
    .crm-success-stories .success-slider:not(.slick-slider){
        white-space:normal
    }
    .crm-success-stories .success-slider .success-item{
        flex-direction:column
    }
    .crm-success-stories .success-slider .success-item .left-sec{
        width:100px;
        margin-bottom:10px
    }
    .crm-success-stories .success-slider .success-item .right-sec{
        width:100%;
        align-items:center;
        text-align:center;
        padding:0 5px
    }
    .crm-success-stories .success-slider .success-item .right-sec p{
        min-height:106px
    }
    .slider-group .nav-arrow{
        top:42%;
        zoom:.85
    }
    .contact-us .inner-wrapper .left-sec{
        margin-right:0
    }
    .contact-us .inner-wrapper .left-sec .contact-num{
        justify-content:flex-start;
        position:relative;
        width:270px;
        text-align:left;
        padding-left:50px
    }
    .contact-us .inner-wrapper .left-sec .contact-num .index-sprite-crm{
        position:absolute;
        left:0;
        top:50%;
        transform:translate(0,-50%)
    }
    .contact-us .inner-wrapper .left-sec .contact-num p{
        line-height:1.2
    }
    .ebook-listing-wrapper .ebook-full-item .pic-wrap{
        width:250px
    }
    .ebook-listing-wrapper .ebook-card::after{
        width:220px;
        height:90px;
        right:-40px;
        bottom:80px
    }
    .ebook-listing-wrapper .ebook-card h3 span{
        font-size:20px
    }
    .ebook-listing-wrapper .ebook-card .pic-wrap{
        width:120px;
        right:15px
    }
    .crm-advantages .inner-wrapper h3{
        font-size: 20px;
    }
.inner-left .tt span, .inner-right .tt span{
    background-size: 700px;
}
.inner-left-sec01 .inner-left-sec01-txt .tt span {
    background-position: -2px -133px;
}
.inner-left-sec02 .inner-left-sec01-txt .tt span {
    background-position: -55px -128px;
    width: 40px;
}
.inner-right-sec01 .tt span {
    background-position: -152px -132px;
}
.inner-right-sec02 .tt span {
    background-position: -244px -132px;
}
.inner-right-sec03 .tt span {
    background-position: -103px -129px;
    width: 40px;
}
.inner-right-sec04 .tt span {
    background-position: -199px -128px;
    width: 40px;
}
.crm-all-business{
padding-bottom: 0px;
}
.testi-mainsec{
    padding: 40px 30px;
}
.cx-logoshow .inner-wrapper .link-arrow-btn a{
    padding-bottom: 44px;
}
.crm-advantages{
    padding: 50px 0;
}
.crm-knowledge h2{
    padding-top: 30px;
}
.cust-name{
font-size: 16px;
}
.testi-sec{
    padding-bottom: 0;
}
.page-wrapper p{
    text-align: center;
}
.bg_lazy_loaded .desk-home-sprite.testi-logos{
background-size: 1200px;
}
.desk-home-sprite.cx1-logo{
    background-position: -2px -137px;
}
.desk-home-sprite.cx2-logo{
    background-position: -148px -148px;
    height: 40px;
}
.desk-home-sprite.cx3-logo{
    background-position: -296px -162px;
    width: 144px;
    height: 52px;
}
.desk-home-sprite.cx4-logo {
    background-position: -419px -139px;
    width: 180px;
}
    .cust-sec {
        align-items: center;
        flex-direction: column-reverse;
    }
.slick-dotted.slick-slider{
    padding: 0;
}
}
@media only screen and (max-width:420px){
    .banner-left .zwc-banner-section .content-wrap .inner-con{
        max-width: 401px;
    }
    .ebook-listing-wrapper .ebook-full-item .pic-wrap{
        width:270px
    }
.inner-left-sec01-txt{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.crm-advantages .inner-wrapper .inner-left .inner-left-sec01, .crm-advantages .inner-wrapper .inner-left .inner-left-sec02{
        height: auto;
}
.inner-left-sec01 .inner-left-sec01-txt .tt span {
    background-position: 2px -131px;
}
.inner-left-sec02 .inner-left-sec01-txt .tt span {
    background-position: -58px -131px;
}
.inner-right-sec01 .tt span {
    background-position: -146px -127px;
}
.inner-right-sec02 .tt span {
    background-position: -242px -127px;
}
.inner-right-sec03 .tt span {
    background-position: -106px -128px;
}
.inner-right-sec04 .tt span {
    background-position: -204px -128px;
}
.crm-advantages .inner-wrapper h2{
    margin: 0 auto;
    max-width: 280px;
}
.crm-advantages .inner-wrapper .inner-left .inner-left-sec01, .crm-advantages .inner-wrapper .inner-left .inner-left-sec02, .crm-advantages .inner-wrapper .inner-right > div{
        width: 100%;
}
.crm-advantages .inner-wrapper .inner-left{
    flex-direction: column;
}
.crm-advantages .inner-wrapper .inner-right{
    flex-direction: column;
}
.crm-advantages .inner-wrapper .inner-left .inner-left-sec02{
    margin-bottom: 0;
}
.crm-advantages .inner-wrapper .inner-left .inner-left-sec01{
    margin-bottom: 16px;
}

}
@media only screen and (max-width:400px){
    .banner-left .zwc-banner-section .content-wrap .inner-con{
        max-width: 376px;
    }
    .work-experience::after{
        height:94px
    }
.testi-sec{
    padding: 40px 40px 0px 40px;
}
.ebook-listing-wrapper .ebook-full-item .pic-wrap{
    width: 230px;
}
.grw-sec-b h2.grw-hdr{
    font-size: 24px;
}
.crm-advantages .inner-wrapper h3{
    font-size: 18px;
}
.desk-home-sprite.cx3-logo, .desk-home-sprite.cx2-logo{
    height: 46px;
}
}
@media only screen and (max-width:375px){
    .banner-left .zwc-banner-section .content-wrap .inner-con{
        max-width: 361px;
    }
    .crm-success-stories .success-slider .success-item .right-sec p{
        min-height:133px
    }
    .what-is-crm .inner-wrapper .right-sec .effect-intro-crm .left-side p{
        left:60px
    }
}
@media only screen and (max-width:360px){
    .ebook-listing-wrapper .ebook-full-item .pic-wrap{
        width:200px
    }
}
/*banner media */
@media only screen and (max-width:2100px) {
	.banner-sec .inner-wrapper .banner-right-fix {
		right: 20%;
	}
}

@media only screen and (max-width:1900px) {
	.banner-sec .inner-wrapper .banner-right-fix {
		right: 18%;
	}
}

@media only screen and (max-width:1800px) {
	.banner-sec .inner-wrapper .banner-right-fix {
		right: 16%;
	}
}

@media only screen and (max-width:1700px) {
	.banner-sec .inner-wrapper .banner-right-fix {
		right: 12%;
	}
}

@media only screen and (max-width:1500px) {
	.banner-sec .inner-wrapper .banner-right-fix {
		right: 8%;
	}
}

@media only screen and (max-width:1300px) {
	.banner-left .zwc-banner-section .content-wrap .inner-con {
		width: calc(50% + 100px);
	}
.body-umain .banner-left .zwc-banner-section .content-wrap .inner-con{
    max-width: 1116px;
    margin: 0 auto;
}
	.banner-sec .inner-wrapper .banner-right-fix {
		right: 8%;
	}
}

@media only screen and (max-width:1199px) {
	.banner-sec .inner-wrapper .banner-right {
		width: 370px;
	}

	.banner-left .zwc-banner-section .content-wrap .inner-con {
		width: calc(50% + 106px);
	}

	.banner-sec .inner-wrapper .banner-left .cont-sec h2 {
		max-width: calc(50% + 235px);
	}
}

@media only screen and (max-width:1140px) {
	.banner-left .zwc-banner-section .content-wrap .inner-con {
		max-width: calc(50% + 15px);
	}

	.banner-sec .inner-wrapper .banner-right {
		width: 360px;
	}
}

@media only screen and (max-width:1024px) {
	.banner-sec .inner-wrapper .banner-right-fix {
		transform: translateY(-44%);
	}
}

@media only screen and (max-width:1023px) {
	.banner-sec .inner-wrapper .banner-right-fix {
		position: unset;
		margin-top: 290px;
	}

	.banner-left .zwc-banner-section .content-wrap .inner-con {
		width: 100%;
		max-width: 100%;
	}

	.banner-sec .inner-wrapper .banner-right {
		width: 420px;
	}
}

@media only screen and (max-width: 768px) {
.banner-sec .inner-wrapper .banner-right-fix{
        position: absolute;
}
	.banner-left .zwc-banner-section .content-wrap .inner-con {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.banner-sec .slider-item .inner {
		height: 655px;
	}

	.banner-sec .inner-wrapper .banner-left {
		max-height: 658px;
	}

	.body-umain .banner-left .zwc-banner-section .content-wrap .inner-con {
		height: 344px;
	}
}

@media only screen and (max-width:767px) {
	.banner-sec .inner-wrapper .banner-right {
		width: 380px;
	}

	.banner-sec .inner-wrapper .banner-left {
		max-height: 466px;
	}
}
@media only screen and (max-width:650px) {
.banner-sec .inner-wrapper .banner-left{
    max-height: 1280px;
}
}
@media only screen and (max-width:580px) {
.common-award-section-index{
    padding-top: 0px;
}
    .banner-sec .slider-item .inner {
        height: 530px;
    }
.banner-left .zwc-banner-section .content-wrap .inner-con{
        justify-content: flex-start;
}
.banner-sec .inner-wrapper .banner-left{
        max-height: 1150px;
}
}

/*banner media End*/