.pagewrapper {
  max-width: 1920px;
  margin: 0 auto
}

.zw-page-31871 .zpromotion {
  display: none !important
}

.pagewrapper h1,.pagewrapper h2,.pagewrapper h3 {
  line-height: 1.1;
  font-family: var(--primaryfont-semibold)
}

.pagewrapper .content-wrap {
  max-width: 1096px
}

.zwc-flx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.flx-jstfy-cntr {
  justify-content: center
}

.zwc-flx-align-cntr {
  align-items: center
}

.zwc-txt-cntr {
  text-align: center
}

.zwc-dis-blk {
  display: block
}

.zwc-banner-wrap {
  padding: 100px 0 0;
  position: relative
}

.zwc-banner-wrap::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(/sites/zweb/images/people/zpl-emp-mgmt-banner-bg.jpg) center center / cover no-repeat;
  position: absolute;
  inset: 0;
  margin: auto
}

.zwc-bnr-cnt {
  margin: 0 auto 100px
}

.zwc-hint {
  color: #0047ff;
  font-size: 14px;
  line-height: 1;
  letter-spacing: .32px;
  border-radius: 22px;
  background: #e4edff;
  padding: 8px 17px;
  margin-bottom: 4px;
  display: inline-block;
  font-family: var(--zf-primary-medium)
}

.zwc-bnr-cnt h1 {
  font-size: 72px;
  color: #000;
  letter-spacing: -1.44px;
  max-width: 990px;
  margin: 0 auto 15px
}

.zwc-bnr-cnt p {
  font-size: 20px;
  letter-spacing: -0.4px;
  max-width: 640px;
  margin: 0 auto 32px;
  font-family: var(--zf-primary-medium)
}

.zwc-ban-imgwrap img {
  border-radius: 8px 8px 0 0;
  vertical-align: middle;
  border-top: 4px solid #000;
  border-right: 4px solid #000;
  border-left: 4px solid #000
}

.zwc-emp-info,.zwc-setting-operation,.zwc-spaces {
  padding: 160px 0
}

.zwc-emp-info .zwc-hint {
  margin-bottom: 8px
}

.zwc-feat-cont-top h2 {
  font-size: 56px;
  letter-spacing: -1.12px;
  margin-bottom: 48px;
  max-width: 680px
}

.zwc-feat-wrap {
  gap: 50px
}

.zwc-feat-wrap .zwc-left-wrap {
  width: 63%;
  position: relative;
  max-width: 620px
}

.zwc-feat-wrap .zwc-right-wrap {
  width: 43%
}

.zwc-feat-wrap .zwc-left-wrap::after {
  content: '';
  background: url(/sites/zweb/images/people/zpl-emp-info-bg.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  border-radius: 8px
}

.zwc-tab-img-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%
}

.zwc-left-wrap .zwc-tab-img {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  display: flex;
  z-index: 1;
  -webkit-transform: scale(0.99);
  -moz-transform: scale(0.99);
  -ms-transform: scale(0.99);
  -o-transform: scale(0.99);
  transform: scale(0.99);
  -webkit-transition: transform .4s ease-in-out,opacity .4s ease-in-out;
  -moz-transition: transform .4s ease-in-out,opacity .4s ease-in-out;
  -o-transition: transform .4s ease-in-out,opacity .4s ease-in-out;
  transition: transform .4s ease-in-out,opacity .4s ease-in-out
}

.zwc-tab-img.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.zwc-emp-info .zwc-tab-img img {
  border-radius: 8px
}

.zwc-spaces .zwc-tab-img img {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px
}

.zwc-spaces .zwc-tab-img {
  border-right: 1px solid #ebebeb
}

.zwc-left-wrap .zwc-busenti .zwc-tab-sub {
  max-width: 63%
}

.zwc-left-wrap .zwc-autoemp .zwc-tab-sub {
  max-width: 75%
}

.zwc-tab-img .zwc-tab-sub {
  position: absolute;
  right: 0;
  bottom: 0;
  box-shadow: 0 -16px 32px -16px #00000040
}

.zwc-tab-nav {
  padding: 12px 0
}

.zwc-tab-nav li {
  cursor: pointer
}

.zwc-tab-nav li h3 {
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 8px
}

.zwc-tab-nav li h3::before,.zwc-tab-nav li h3::after {
  content: '';
  width: 100%;
  height: 2px;
  background-color: #ebebeb;
  position: absolute;
  bottom: 0;
  left: 0
}

.zwc-tab-nav li h3::after {
  width: 0;
  background-color: #0047ff;
  z-index: 1;
  transition: all .3s ease-in
}

.zwc-tab-nav li h3 span,.zwc-feat-cont-wrap h3 {
  font-size: 20px;
  color: #454545;
  letter-spacing: -0.4px;
  display: inline-flex
}

.zwc-tab-nav li h3 span {
  position: relative;
  padding-left: 26px
}

.zwc-tab-nav li h3 span::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  background: url(/sites/zweb/images/people/zp-features-spritenew.svg) no-repeat;
  background-size: 1410px auto;
  width: 20px;
  height: 20px;
  background-position: -38px 0;
  margin: auto
}

.zwc-tab-nav li p,.zwc-feat-cont-wrap p {
  font-family: var(--zf-primary-medium);
  line-height: 1.7;
  letter-spacing: -0.32px;
  font-size: 16px;
  color: #595959
}

.zwc-tab-nav li:last-child p {
  margin-bottom: 0;
  max-width: 420px
}

.zwc-tab-nav li.active h3 span {
  color: #0047ff
}

.zwc-emp-info .zwc-tab-nav li:first-child h3 span::before {
  background-position: -108px -123px
}

.zwc-emp-info .zwc-tab-nav li:nth-child(2) h3 span::before {
  background-position: -130px -123px
}

.zwc-emp-info .zwc-tab-nav li:nth-child(3) h3 span::before {
  background-position: -151px -123px;
}

.zwc-emp-info .zwc-tab-nav li:nth-child(4) h3 span::before {
  background-position: -173px -123px
}

.zwc-emp-info .zwc-tab-nav li.active h3 span::before {
  background-position: -196px -123px;
}

.zwc-emp-info .zwc-tab-nav li.active:nth-child(2) h3 span::before {
  background-position: -218px -123px
}

.zwc-emp-info .zwc-tab-nav li.active:nth-child(3) h3 span::before {
  background-position: -239px -123px
}

.zwc-emp-info .zwc-tab-nav li.active:nth-child(4) h3 span::before {
  background-position: -261px -123px;
}

.zwc-spaces .zwc-tab-nav li:first-child h3 span::before {
  background-position: -283px -122px;
}

.zwc-spaces .zwc-tab-nav li:nth-child(2) h3 span::before {
  background-position: -306px -123px
}

.zwc-spaces .zwc-tab-nav li:nth-child(3) h3 span::before {
  background-position: -327px -123px
}

.zwc-spaces .zwc-tab-nav li:nth-child(4) h3 span::before {
  background-position: -349px -120px
}

.zwc-spaces .zwc-tab-nav li.active:first-child h3 span::before {
  background-position: -371px -122px;
}

.zwc-spaces .zwc-tab-nav li.active:nth-child(2) h3 span::before {
  background-position: -394px -123px;
}

.zwc-spaces .zwc-tab-nav li.active:nth-child(3) h3 span::before {
  background-position: -415px -123px;
}

.zwc-spaces .zwc-tab-nav li.active:nth-child(4) h3 span::before {
  background-position: -437px -120px;
}

.zwc-tab-nav li.active p {
  color: #1a1a1a
}

.zwc-tab-nav li.active h3::after {
  width: 100%
}

.zwc-right-wrap .zwc-tab-img-wrap {
  display: none
}

.zwc-setting-operation {
  background: #1a1a1a
}

.zwc-setting-operation .zwc-flx-wrap {
  gap: 40px
}

.zwc-setting-operation .zwc-feat-cont-top {
  max-width: 420px
}

.zwc-blck-bg .zwc-hint {
  background: #262626;
  color: #6691ff
}

.zwc-blck-bg .zwc-feat-cont-top h2,.zwc-blck-bg .zwc-feat-cont-wrap h3,.zwc-blck-bg .zwc-feat-cont-wrap p {
  color: #fff
}

.zwc-feat-cont-top.zwc-cont-sticky {
  position: sticky;
  position: -webkit-sticky;
  top: 90px
}

.zwc-feat-cont-wrap {
  margin-top: 30px
}

.zwc-feat-cont-wrap h3 {
  margin-bottom: 8px
}

.zwc-setting-operation .zwc-feat-cont-wrap p {
  max-width: 540px;
  margin-bottom: 0
}

.zwc-feat-inner-wrap.zwc-setting-feat {
  margin-bottom: 48px
}

.zwc-setting-operation .zwc-feat-inner-wrap img {
  border-radius: 8px
}

.zwc-spaces .zwc-tab-img-wrap {
  justify-content: flex-end
}



.zwc-bottom-cta-wrap {
  padding: 160px 0 260px;
  background: url(/sites/zweb/images/people/zpl-emp-mgmt-bottom-cta-bg.jpg) no-repeat;
  background-size: cover;
  text-align: center;
  background-position: center
}

.zwc-bottom-cta-wrap h3 {
  font-size: 72px;
  color: #000;
  margin: 0 auto 40px;
  letter-spacing: -1.44px
}
.other-lang .zwc-faq-cnt h4, .other-lang .zwc-faq-cnt button {
  font-size: 18px;
}

    .i18n-ar .act-btn, .i18n-ar .request-btn { padding: 14px 24px 14px 62px; }
.i18n-ar .request-btn { margin-right: 12px; margin-left: unset; }
.i18n-ar .zwc-cta-arrow::after, .i18n-ar .zwc-feat-cta::after {transform: translateX(0) scale(-1);}
.i18n-ar .act-btn.zwc-cta-arrow::after { left: 29px; right: unset; }
.i18n-ar .zwc-cta-arrow:hover::after, .i18n-ar .zwc-feat-cta:hover:after { transform: translateX(-5px); }
.i18n-ar .zwc-ban-imgwrap img { border-radius: 8px 0 0 8px; border-left: 4px solid #000; border-right: unset; border-right: 4px solid #000; border-left: unset; }
.i18n-ar .zwc-feat-wrap .zwc-left-wrap::after { right: 0; left: unset; }
.i18n-ar .zwc-spaces .zwc-tab-img { border-left: 1px solid #ebebeb; border-right: unset; }
.i18n-ar .zwc-tab-img .zwc-tab-sub { left: 0; right: unset; }
.i18n-ar .zwc-tab-nav li h3::before, .i18n-ar .zwc-tab-nav li h3::after { right: 0; left: unset; }
.i18n-ar .zwc-tab-nav li h3 span { padding-right: 26px; padding-left: unset; }
.i18n-ar .zwc-tab-nav li h3 span::before { right: 0; left: unset; }
.i18n-ar .zwc-txt-cntr, .i18n-ar .zwc-bottom-cta-wrap { text-align: center; }
.i18n-ar .zwc-txt-cntr *, .i18n-ar .zwc-bottom-cta-wrap * { text-align: center; }
.i18n-ar .zwc-cta-arrow:hover::after,.zwc-feat-cta:hover:after {
  transform: translateX(-5px) scale(-1);
}


@media screen and (min-width: 992px) {
  .slider-content {
      transform:translateY(30px);
      opacity: 0;
      transition-duration: .5s;
      transition-timing-function: ease
  }
  

  .active .slider-content {
      transform: translateY(0);
      opacity: 1;
      transition-delay: .3s
  }
}
@media screen and (min-width: 1441px) {
  .zwc-faq-heading h2 {
    max-width: 500px;
  }
}

@media screen and (max-width: 1440px) {
  .zwc-banner-wrap {
      padding-top:80px
  }

  .zwc-bnr-cnt h1 {
      font-size: 64px;
      max-width: 820px
  }

  .zwc-feat-cont-top h2 {
      font-size: 48px;
      max-width: 570px
  }

  .zwc-bottom-cta-wrap h3 {
      font-size: 64px
  }

  .zwc-emp-info,.zwc-setting-operation,.zwc-spaces {
      padding: 120px 0
  }

  .zwc-bottom-cta-wrap {
      padding: 130px 0 160px
  }

.i18n-ar .zwc-emp-info, .i18n-ar .zwc-setting-operation, .i18n-ar .zwc-spaces { padding: 120px 0; }
.i18n-ar .zwc-bottom-cta-wrap { padding: 130px 0 160px; }
}

@media screen and (max-width: 1280px) {
  .zwc-bnr-cnt {
      margin:0 auto 80px
  }

  .zwc-ban-imgwrap {
      max-width: 860px;
      margin: 0 auto
  }

  .zwc-bnr-cnt h1 {
      font-size: 56px;
      max-width: 720px
  }

  .zwc-bnr-cnt p {
      font-size: 16px;
      max-width: 520px
  }

  .zwc-feat-cont-top h2 {
      font-size: 40px;
      max-width: 470px;
      margin-bottom: 36px
  }

  .zwc-feat-wrap {
      gap: 30px
  }

  .zwc-emp-info .zwc-tab-img {
      max-width: 460px
  }

  .zwc-spaces .zwc-tab-img {
      max-width: 520px
  }

  .zwc-tab-nav li h3 span,.zwc-feat-cont-wrap h3 {
      font-size: 18px
  }

  .zwc-bottom-cta-wrap h3 {
      font-size: 56px;
      max-width: 860px
  }
.i18n-ar .zwc-bnr-cnt { margin: 0 auto 80px; }
.i18n-ar .zwc-ban-imgwrap { margin: 0 auto; }

}

@media screen and (max-width: 1024px) {
  .zwc-bnr-cnt h1 {
      font-size:48px;
      max-width: 620px
  }

  .zwc-banner-wrap {
      padding-top: 40px
  }

  .zwc-bnr-cnt {
      margin: 0 auto 60px
  }

  .zwc-emp-info,.zwc-setting-operation,.zwc-spaces {
      padding: 80px 0
  }

  .zwc-feat-wrap .zwc-left-wrap {
      width: 53%
  }

  .zwc-emp-info .zwc-tab-img {
      max-width: 440px
  }

  .zwc-spaces .zwc-tab-img {
      max-width: 460px
  }

  .zwc-bottom-cta-wrap h3 {
      font-size: 48px;
      max-width: 860px
  }
.i18n-ar .zwc-bnr-cnt { margin: 0 auto 60px; }
.i18n-ar .zwc-emp-info, .i18n-ar .zwc-setting-operation, .i18n-ar .zwc-spaces { padding: 80px 0; }
}

@media screen and (max-width: 991px) {
  .zwc-feat-wrap,.zwc-setting-operation .zwc-flx-wrap {
      flex-direction:column;
      gap: 0
  }

  .zwc-feat-wrap .zwc-right-wrap,.zwc-feat-cont-top,.zwc-setting-operation .zwc-right-wrap {
      width: 70%;
      max-width: 520px;
      margin: 0 auto
  }

  .zwc-emp-info .zwc-left-wrap,.zwc-spaces .zwc-left-wrap,.zwc-feat-cont-top.zwc-cont-sticky h2 br {
      display: none
  }

  .zwc-right-wrap .zwc-tab-img-wrap {
      display: flex
  }

  .zwc-right-wrap .zwc-tab-img {
      position: relative
  }

  .zwc-tab-nav {
      padding: 0
  }



  .zwc-right-wrap .zwc-tab-img-wrap {
      background: url(/sites/zweb/images/people/zpl-emp-info-bg.jpg) no-repeat;
      background-size: cover;
      width: 100%;
      height: 100%;
      background-position: center;
      border-radius: 8px;
      padding: 40px
  }

  .zwc-spaces .zwc-right-wrap .zwc-tab-img-wrap {
      padding-right: 0
  }

  .zwc-busenti .zwc-tab-img .zwc-tab-sub {
      max-width: 60%
  }

  .zwc-autoemp .zwc-tab-img .zwc-tab-sub {
      max-width: 70%
  }

  .zwc-spaces .zwc-right-wrap .zwc-tab-img {
      padding-right: 0
  }

  .zwc-tab-nav li {
      margin-bottom: 40px
  }

  .zwc-tab-nav li:last-child p {
      margin-bottom: 20px;
      max-width: 100%
  }

  .zwc-tab-nav li:last-child {
      margin-bottom: 0
  }

  .zwc-feat-cont-top.zwc-cont-sticky {
      position: relative;
      top: auto;
      max-width: 520px
  }

  .zwc-setting-operation .zwc-feat-cont-wrap p {
      max-width: 480px
  }

  .zwc-bottom-cta-wrap {
      padding: 80px 0 120px
  }
.i18n-ar .zwc-feat-wrap .zwc-right-wrap, .i18n-ar .zwc-feat-cont-top, .i18n-ar .zwc-setting-operation .zwc-right-wrap { margin: 0 auto; }
.i18n-ar .zwc-tab-nav { padding: 0; }
.i18n-ar .zwc-right-wrap .zwc-tab-img-wrap { padding: 40px; }
.i18n-ar .zwc-spaces .zwc-right-wrap .zwc-tab-img-wrap { padding-left: 0; padding-right: unset; }
.i18n-ar .zwc-spaces .zwc-right-wrap .zwc-tab-img { padding-left: 0; padding-right: unset; }
.i18n-ar .zwc-bottom-cta-wrap { padding: 80px 0 120px; }
}

@media screen and (max-width: 767px) {
  .zwc-bnr-cnt h1 {
      font-size:40px;
      max-width: 480px
  }


  .zwc-bottom-cta-wrap {
      padding: 60px 0 80px
  }

  .zwc-feat-cont-top h2 {
      font-size: 32px;
      max-width: 380px
  }

  .zwc-feat-wrap .zwc-right-wrap,.zwc-feat-cont-top,.zwc-setting-operation .zwc-right-wrap,.zwc-feat-cont-top.zwc-cont-sticky {
      max-width: 480px;
      width: 100%
  }

  .zwc-bottom-cta-wrap h3 {
      font-size: 40px
  }
.i18n-ar .request-btn { margin-right: 0; margin-left: unset; }
.i18n-ar .zwc-bottom-cta-wrap { padding: 60px 0 80px; }
  .other-lang .zwc-cta-wrap {
      flex-direction: column;
      align-items: center;
  }
}

@media screen and (max-width: 480px) {
  .zwc-bnr-cnt h1 {
      font-size:32px;
      max-width: 420px
  }

  .zwc-bnr-cnt {
      margin-bottom: 40px
  }

  .zwc-emp-info,.zwc-setting-operation,.zwc-spaces {
      padding: 60px 0
  }

  .zwc-bottom-cta-wrap {
      padding: 60px 0 80px
  }


  .zwc-bottom-cta-wrap h3 {
      font-size: 32px
  }

  .zwc-right-wrap .zwc-tab-img-wrap {
      padding: 20px
  }
.i18n-ar .zwc-emp-info, .i18n-ar .zwc-setting-operation, .i18n-ar .zwc-spaces { padding: 60px 0; }
.i18n-ar .zwc-bottom-cta-wrap { padding: 60px 0 80px; }
.i18n-ar .zwc-right-wrap .zwc-tab-img-wrap { padding: 20px; }
.other-lang .zwc-bottom-cta-wrap h3 {
      font-size: 26px;
  }
}