.zw-product-header {
  background-color: #1f1131
}

.zmanage-inner {
  display: flex;
  column-gap: 7%;
  margin-top: 80px
}

.zmngmnt-security h2 {
  text-align: center
}

.zm-feature,::after,::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.zm-feature a {
  color: #2854ce
}

.zw-product-header .menu-icon-help-header .product-title a {
  color: #fff
}

.zw-product-header .product-nav-links ul:not(.dropdown-menu)>li a {
  color: #fff
}

.zw-product-header .product-nav-links li .nolink {
  color: #fff
}

.zw-product-header .product-nav-links ul.dropdown-menu li a {
  color: #000
}

.zw-product-header .expanded.dropdown .caret {
  background-position: -168px 0
}

.product-nav-links .menu li a.active {
  -webkit-box-shadow: 0 -2px 0 #fff inset;
  box-shadow: 0 -2px 0 #fff inset
}

.main-container-wrapper .zw-product-header .menu-icon-help-header .product-title a {
  color: #fff
}

.zm-feature h1 {
  font-size: 42px;
  line-height: 52px;
  font-family: var(--zf-secondary-extrabold)
}

.zm-feature h2 {
  font: 34px/50px var(--primaryfont-bold)
}

.zm-feature h4 {
  font-size: 20px;
  font-family: var(--primaryfont-bold);
  margin-bottom: 10px
}

.zm-feature .content-wrap {
  padding: 0 0 130px;
  overflow: visible
}

.zm-feature .arrow-link {
  font-family: var(--secondaryfont-semibold)
}

.zm-feature [class*="btn"] {
  color: #fff
}

#block-system-main {
  margin-bottom: 0
}

.arrow-link {
  position: relative;
  color: #2854ce;
  padding-right: 40px;
  display: inline-block
}

.arrow-link::after {
  content: "";
  background-image: url(/sites/zweb/images/meeting/home/common-sprites2x.png);
  background-repeat: no-repeat;
  background-size: 1300px;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 26px;
  height: 14px;
  bottom: 1px;
  background-position: -1008px -143px;
  -webkit-transition: all 500ms cubic-bezier(0.11,0.16,0.43,0.86);
  -o-transition: all 500ms cubic-bezier(0.11,0.16,0.43,0.86);
  transition: all 500ms cubic-bezier(0.11,0.16,0.43,0.86);
  line-height: normal;
  -webkit-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  transform: translateY(-40%)
}

.arrow-link:hover::after {
  right: 0;
  -webkit-transition: all 500ms cubic-bezier(0.11,0.16,0.43,0.86);
  -o-transition: all 500ms cubic-bezier(0.11,0.16,0.43,0.86);
  transition: all 500ms cubic-bezier(0.11,0.16,0.43,0.86)
}

.zm-feature .top-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #1f1131;
  width: 100%;
  color: #fff;
  text-align: center;
  position: relative;
  margin-bottom: 130px;
  position: relative
}

.zm-feature .top-banner .content-wrap {
  padding-top: 100px
}

.zm-feature .top-banner-wrap {
  width: 715px;
  margin: 0 auto;
  max-width: 100%
}

.zm-feature .banner-sprite {
  background: url('/sites/zweb/images/meeting/features/zm-fea-banner-sprite.png');
  background-position: 0 0;
  position: absolute;
  background-size: 568% auto;
  position: absolute;
  background-repeat: no-repeat;
  -webkit-animation: floating 4.5s ease infinite forwards;
  animation: floating 4.5s ease infinite forwards
}

.zm-feature .sprite-1 {
  width: 9.5%;
  height: 27%;
  background-position: 1% 48%;
  left: -6%;
  bottom: 39%;
  -webkit-animation-duration: 4.5s;
  animation-duration: 4.5s
}

.zm-feature .sprite-2 {
  width: 4.11%;
  height: 7%;
  background-position: 20% 53%;
  left: 10%;
  bottom: auto;
  top: 26%;
  background-size: 1288% auto;
  -webkit-animation-duration: 3s;
  animation-duration: 3s
}

.zm-feature .sprite-3 {
  width: 5.05%;
  height: 8%;
  background-position: 30.3% 51%;
  left: auto;
  bottom: auto;
  right: 0;
  top: 24%;
  background-size: 1010% auto;
  -webkit-animation-duration: 3.5s;
  animation-duration: 3.5s
}

.zm-feature .sprite-4 {
  width: 4.9%;
  height: 5%;
  background-position: 42% 50%;
  right: -12%;
  bottom: 42%;
  background-size: 1098% auto;
  -webkit-animation-duration: 5s;
  animation-duration: 5s
}

.zm-feature .sprite-5 {
  width: 3.3%;
  height: 7%;
  background-position: 53.1% 50%;
  right: 6%;
  bottom: 26%;
  background-size: 1401% auto;
  -webkit-animation-duration: 4.5s;
  animation-duration: 4.5s
}

.zm-feature .sprite-6 {
  width: 18.3%;
  height: 26.3%;
  background-position: 86% 50%;
  right: 3%;
  bottom: -1px;
  background-size: 315% auto;
  -webkit-animation-duration: 4.5s;
  animation-duration: 4.5s
}

.zm-feature .circle {
  position: absolute;
  width: 44px;
  height: 44px;
  background: #362a47;
  border-radius: 50%;
  opacity: .1;
  bottom: 15%;
  left: 13%
}

.zm-feature .sprite-8 {
  width: 11px;
  height: 11px;
  left: 10%;
  bottom: 29%
}

.zm-feature .sprite-9 {
  width: 20px;
  height: 20px;
  right: 30%;
  left: auto;
  bottom: 28%
}

.zm-feature .half-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 90px
}

.zm-feature .single-box {
  width: 50%
}

.zm-feature .img-side {
  width: 180px;
  max-width: 40%;
  float: left;
  position: relative
}

.zm-feature .content-side {
  width: 60%;
  float: left;
  padding: 0 0 0 30px
}

.zm-feature .img-side img[class*="fea-"] {
  position: absolute
}

.zm-feature img.fea-1 {
  right: -27px;
  width: 110px;
  top: -20px
}

.zm-feature img.fea-2 {
  right: -13px;
  width: 123px;
  top: -20px
}

.zm-feature img.fea-3 {
  right: -14px;
  width: 113px;
  top: -5px
}

.zm-feature img.fea-4 {
  right: -47px;
  width: 123px;
  top: -4px
}

.zm-feature img.fea-5 {
  right: -16px;
  width: 153px;
  top: 15px
}

.zm-feature img.fea-6 {
  right: -8px;
  width: 180px;
  top: 1px
}

.zm-feature img.fea-7 {
  right: 24px;
  width: 134px;
  top: 15px
}

.zm-feature img.fea-8 {
  right: -45px;
  width: 138px;
  top: -8px
}

.zm-feature .highlight-2 .img-side {
  margin-top: 10px
}

.zm-feature .highlight-6 .img-side {
  padding-top: 60px
}

.zm-feature .highlight-7 .img-side {
  padding-top: 100px
}

.zm-feature .highlight-8 .img-side img:first-child {
  width: 165px
}

.zm-feature .highlight-8 .img-side {
  padding-top: 50px
}

.zm-feature .content-cover p {
  font-size: 16px;
  line-height: 29px
}

.zm-feature .slider-section .slick-dots li {
  background: #d5d5d5;
  width: 50px;
  height: 6px;
  border: unset;
  border-radius: 10px;
  position: relative;
  overflow: hidden
}

.zm-feature .slider-section .slick-dots li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: 40px;
  background: #303030;
  width: 0
}

.zm-feature .slider-section .slick-dots li.slick-active::after {
  width: 100%;
  -webkit-transition: 5s ease-out all;
  -o-transition: 5s ease-out all;
  transition: 5s ease-out all;
  height: 100%
}

.zm-feature .slider-section .slick-arrow {
  display: block;
  height: 58px;
  width: 58px;
  background: #261739;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  position: absolute;
  bottom: -10%;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  top: auto;
  left: 29%;
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}

.zm-feature .slider-section .slick-arrow:hover {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.zm-feature .slider-section .slick-next {
  top: -68px;
  right: 0;
  left: auto
}

.zm-feature .slider-section .slick-prev {
  top: -68px;
  right: 60px;
  left: auto
}

.zm-feature .slider-section .slick-arrow::before {
  content: none
}

.slider-section .slick-next::after,.zm-feature .slider-section .slick-prev::after {
  content: "";
  width: 40px;
  height: 30px;
  background-image: url('/sites/zweb/images/meeting/features/zm-fea-banner-sprite.png');
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  background-position: 40px -140px;
  top: 13px;
  z-index: 1;
  background-color: transparent
}

.zm-feature .slider-section .slick-prev::after {
  -webkit-transform: rotate(180deg) scale(0.7);
  -ms-transform: rotate(180deg) scale(0.7);
  transform: rotate(180deg) scale(0.7)
}

.slider-section .slick-next:hover:after,.zm-feature .slider-section .slick-prev:hover:after {
  background-color: transparent
}

.zm-feature .feature-tabs.fixed {
  -webkit-box-shadow: 0 0 4px #eaeaea;
  box-shadow: 0 0 4px #eaeaea;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -ms-transition: all .3s ease
}

.zm-feature .feature-tabs {
  text-align: center
}

.zm-feature .feature-tabs ul li {
  color: #6d6d6d;
  font-size: 18px;
  line-height: 40px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  font-family: var(--primaryfont-bold);
  -o-transition: all .5s ease;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  padding: 0 30px
}

.zm-feature .feature-tabs ul li.active {
  color: #000;
  font-size: 26px
}

.zm-feature .feature-tabs ul li:first-child::after {
  position: absolute;
  content: "";
  background: #969191;
  width: 1px;
  height: 62.5%;
  right: -1px;
  top: 20%
}

.zm-feature .bi-section {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  width: 100%
}

.zm-feature .feature-r {
  -webkit-box-flex: 0;
  flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  max-width: 50%
}

.zm-feature .feature-item {
  padding: 130px 0;
  opacity: .2;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  color: #000;
  position: relative
}

.zm-feature .feature-item.active {
  opacity: 1
}

.zm-feature .featureImg img {
  position: relative;
  width: 480px;
  max-width: 100%;
  left: 0
}

#feature-5 img {
  width: 560px
}

.sticky-scroll-sec {
  display: flex;
  flex-wrap: wrap;
  width: 100%
}

.sticky-scroll-sec>div {
  width: 100%
}

.feature-tabs.menu-list {
  position: sticky;
  top: 65px;
  background: #fff;
  padding: 15px 0;
  z-index: 2;
  text-align: center
}

.zm-feature .featureImg.active img {
  opacity: 1
}

.zm-feature .item-content {
  padding-left: 50px;
  position: relative
}

.zm-feature .item-content p {
  width: 430px;
  max-width: 100%
}

.zm-feature .item-content::before {
  content: "";
  background: url(/sites/zweb/images/meeting/features/zm-fea-banner-sprite.png);
  background-position: -144px -31px;
  height: 32px;
  width: 35px;
  position: absolute;
  left: 0;
  background-size: 780px auto
}

.zm-feature .feature-l {
  -webkit-box-flex: 0;
  flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  max-width: 50%;
  position: relative
}

.zm-feature .featured-img {
  top: 260px;
  width: auto;
  left: auto;
  height: 450px;
  position: -webkit-sticky;
  position: sticky
}

.zm-feature .featureImg {
  position: absolute;
  opacity: 0;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  visibility: hidden;
  top: 0;
  left: 0;
  right: 0
}

.zm-feature .featureImg.active {
  opacity: 1;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -ms-transition: all 1s ease;
  visibility: visible
}

.zm-feature .feature-section .content-wrap,.zwc-types {
  padding-top: 100px
}

.zm-feature .count-sec {
  width: 100%;
  max-width: 1280px;
  text-align: center;
  padding-top: 50px
}

span.current-count {
  font-size: 24px;
  font-weight: bold
}

.zm-feature .count-sec.active {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  height: 120px
}

.zm-feature .count-sec.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  background: #fff;
  right: -5%;
  height: 100px;
  width: 55%;
  z-index: -1
}

.zm-feature .final-card {
  background: #ebf2ff;
  padding: 30px 30px 10px;
  position: relative;
  margin-top: 60px
}

.zm-feature .final-card p {
  font-size: 16px;
  line-height: 25px
}

.zm-feature .final-card::before {
  content: "";
  height: 100%;
  width: 100%;
  background: #ebf2ff;
  position: absolute;
  opacity: .6;
  left: -16px;
  z-index: -1;
  top: -16px
}

.zm-feature .btm-section {
  background: #261739;
  color: #fff;
  padding-top: 120px
}

.zm-feature .btm-wrap span {
  width: 100px;
  height: 100px;
  background: url(/sites/zweb/images/meeting/features/zm-fea-btm.gif) no-repeat;
  display: block;
  margin: 0 auto 10px;
  background-size: contain
}

.zm-feature .btm-wrap {
  width: 680px;
  margin: 0 auto;
  text-align: center;
  max-width: 100%
}

#return-to-top {
  width: 94px;
  height: 94px;
  background-color: #2a1b3c;
  position: fixed;
  bottom: 40px;
  z-index: 2;
  -webkit-box-shadow: 0 23px 46px #2c2c2c26;
  box-shadow: 0 23px 46px #2c2c2c26;
  border-radius: 50%;
  right: 45px;
  display: none;
  cursor: pointer;
  border: 1px solid #7b59a9
}

#return-to-top::before {
  content: "";
  background: url(/sites/zweb/images/meeting/features/zm-fea-banner-sprite.png);
  width: 30px;
  height: 49px;
  background-repeat: no-repeat;
  background-size: 657px auto;
  background-position: -601px -56px;
  z-index: -1;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 26%;
  bottom: 0
}

@-webkit-keyframes floating {
  from {
      -webkit-transform: translate(0,0);
      transform: translate(0,0)
  }

  65% {
      -webkit-transform: translate(0,10px);
      transform: translate(0,10px)
  }

  to {
      -webkit-transform: translate(0,0);
      transform: translate(0,0)
  }
}

@keyframes floating {
  from {
      -webkit-transform: translate(0,0);
      transform: translate(0,0)
  }

  65% {
      -webkit-transform: translate(0,10px);
      transform: translate(0,10px)
  }

  to {
      -webkit-transform: translate(0,0);
      transform: translate(0,0)
  }
}

@media(min-width: 992px) {
  .zm-feature .feature-l .item-content,.zm-feature .feature-l .final-card {
      display:none
  }
}

@media(min-width: 1200px) {
  .zm-feature .content-wrap {
      max-width:1170px
  }

  .zm-feature .featured-img {
      top: 260px
  }

  .lang-en .zm-feature h1 span {
      display: block
  }

  .zbrand-section .content-wrap {
      padding-bottom: 80px
  }
}

@media(max-width: 1400px) {
  .zm-feature .featureImg {
      width:450px;
      margin: 0 auto;
      display: block;
      max-width: 100%
  }

  .zm-feature .sprite-1 {
      left: 0;
      bottom: 2%
  }

  .zm-feature .sprite-4 {
      right: 0
  }
}

@media(max-width: 1140px) {
  .zm-feature .feature-tabs.fixed {
      top:0
  }

  #return-to-top {
      -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8);
      right: 20px;
      bottom: 40px
  }
}

@media(max-width: 991px) {
  .zm-feature h1 {
      font-size:30px;
      line-height: 40px
  }

  .zm-feature h2 {
      font-size: 28px;
      line-height: 34px
  }

  .zm-feature .half-slide .single-box {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-bottom: 50px
  }

  .zm-feature .half-slide {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
  }

  .zm-feature .img-side {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1
  }

  .zm-feature .content-side {
      -webkit-box-flex: 4;
      -ms-flex: 4;
      flex: 4
  }

  .zm-feature .half-slide+.half-slide {
      padding-top: 0
  }

  .zm-feature .half-slide+.half-slide .single-box:last-child {
      padding-bottom: 0
  }

  .zm-feature .testimonial-section .sliders-parent .each-box {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
  }

  .zm-feature .testimonial-section .slick-img {
      width: 100%;
      max-width: 200px
  }

  .zm-feature .testimonial-section .slick-cont {
      width: 80%;
      padding: 70px 0 20px;
      text-align: center
  }

  .zm-feature .testimonial-section .slick-cont::before {
      top: 15px
  }

  .zm-feature .testimonial-section .slick-dots {
      text-align: center;
      left: auto;
      width: 100%
  }

  .zm-feature .testimonial-section::before {
      content: none
  }

  .zm-feature .feature-r {
      display: none
  }

  .zm-feature .feature-l {
      -webkit-box-flex: unset;
      -ms-flex: unset;
      flex: unset;
      max-width: 100%;
      width: 990px
  }

  .zm-feature .feature-l .fe-img-content:first-child .featureImg {
      margin-top: 0
  }

  .zm-feature .fe-img-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      margin-bottom: 40px
  }

  .zm-feature .fe-img-content:last-child {
      margin-bottom: 0
  }

  .zm-feature .webinar-wrap .fe-img-content:last-child {
      margin-bottom: 50px
  }

  .zm-feature .webinar-wrap {
      border-bottom: 1px dashed #000
  }

  .zm-feature .featureImg {
      position: relative;
      top: 0;
      opacity: 1;
      visibility: visible;
      margin-top: 0
  }

  .zm-feature .featureImg:not(.with-shadow) img {
      margin-bottom: 40px
  }

  .zm-feature .final-card {
      margin-bottom: 20px;
      margin-top: 30px
  }

  .zm-feature .featured-img {
      position: unset;
      top: 0;
      height: auto
  }

  .zm-feature .fe-img-content .item-content {
      width: 430px;
      margin: 20px auto 0;
      max-width: 80%
  }

  .zm-feature .count-sec {
      display: none
  }

  .zm-feature .feature-section .content-wrap {
      padding: 50px 0
  }

  .zm-feature .sprite-4 {
      display: none
  }

  .zm-feature .feature-tabs ul li.active {
      font-size: 17px
  }

  .zm-feature .feature-tabs ul li {
      font-size: 16px;
      padding: 0 20px
  }

  .zwc-types {
      padding-top: 50px
  }
}

@media(max-width: 767px) {
  .zm-feature h1 {
      font-size:28px;
      line-height: 35px
  }

  [class |= zmngicon] {
      height: 70px
  }

  .zm-feature h2 {
      font-size: 24px;
      line-height: 30px
  }

  .zmngmnt-security h2 {
      text-align: center
  }

  .zm-feature h4 {
      font-size: 16px;
      line-height: 20px
  }

  .zm-feature .hightlights-wrap h2 {
      text-align: center
  }

  .zm-feature .slider-section .slick-arrow {
      display: none !important
  }

  .zm-feature .each-box p {
      font-size: 19px;
      line-height: 30px
  }

  .zm-feature h1 span {
      display: inline
  }

  .zm-feature .content-wrap {
      padding: 0 0 80px
  }

  .zm-feature .top-banner .content-wrap {
      padding-top: 90px
  }

  .zm-feature .sprite-2 {
      top: 10%
  }

  .zm-feature .sprite-3 {
      top: 10%
  }

  .zm-feature .top-banner {
      margin-bottom: 80px
  }

  .zm-feature .half-slide {
      padding-top: 60px
  }

  .zm-feature .testimonial-section .content-wrap {
      padding: 40px 0 20px;
      border-radius: 20px
  }

  #return-to-top {
      -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
      transform: scale(0.6)
  }

  .zm-feature .slider-section .slick-arrow {
      -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
      transform: scale(0.6);
      top: -58px
  }

  .zm-feature .slider-section .slick-arrow:hover {
      -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
      transform: scale(0.7)
  }

  .zm-feature .slider-section .slick-prev {
      right: 50px
  }
}

@media(max-width: 420px) {
  .zm-feature .feature-tabs ul li {
      font-size:12px;
      padding: 0 15px;
      line-height: 30px
  }

  .zm-feature .feature-tabs ul li.active {
      font-size: 16px
  }

  #return-to-top {
      right: 5px
  }

  .zm-feature .fe-img-content .item-content {
      max-width: 95%
  }

  .zm-feature .top-banner .banner-sprite {
      display: none
  }
}

@media(max-width: 600px) {
  .zm-feature .img-side {
      -webkit-box-flex:2;
      -ms-flex: 2;
      flex: 2;
      margin-right: 20px
  }

  .zm-feature .content-side {
      -webkit-box-flex: 2;
      -ms-flex: 2;
      flex: 2
  }

  .zm-feature .content-side {
      padding-left: 0
  }

  .zm-feature .half-slide .single-box {
      padding-bottom: 20px
  }
}

@media(max-width: 400px) {
  .zm-feature .img-side {
      -webkit-box-flex:unset;
      -ms-flex: unset;
      flex: unset;
      width: 100%;
      max-width: 55%
  }

  .zm-feature .content-side {
      -webkit-box-flex: unset;
      -ms-flex: unset;
      flex: unset;
      width: 100%
  }

  .zm-feature .half-slide .single-box {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
  }
}

@media(min-width: 768px) {
  .zm-feature .fade.content-opacity {
      opacity:1
  }

  .zm-feature .fade {
      opacity: 0;
      -webkit-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s
  }

  .zm-feature .middle-animated:not(.slider-part) .fade {
      opacity: 1
  }

  .zm-feature .slider-part .slick-active .fade {
      opacity: 1
  }

  .zm-feature .delay1 {
      -webkit-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
      -webkit-transition-delay: .5s;
      -o-transition-delay: .5s;
      transition-delay: .5s
  }

  .zm-feature .delay2 {
      -webkit-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
      -webkit-transition-delay: 1.2s;
      -o-transition-delay: 1.2s;
      transition-delay: 1.2s
  }

  .zm-feature .delay3 {
      -webkit-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
      -webkit-transition-delay: 1.8s;
      -o-transition-delay: 1.8s;
      transition-delay: 1.8s
  }

  .delay4 {
      -webkit-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
      -webkit-transition-delay: 2.5s;
      -o-transition-delay: 2.5s;
      transition-delay: 2.5s
  }

  .delay5 {
      -webkit-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
      -webkit-transition-delay: 3.2s;
      -o-transition-delay: 3.2s;
      transition-delay: 3.2s
  }

  .slide-down {
      -webkit-transform: translateY(-25px);
      -ms-transform: translateY(-25px);
      transform: translateY(-25px)
  }

  .slide-up {
      -webkit-transform: translateY(25px);
      -ms-transform: translateY(25px);
      transform: translateY(25px)
  }

  .slide-right {
      -webkit-transform: translateX(-25px);
      -ms-transform: translateX(-25px);
      transform: translateX(-25px)
  }

  .slide-left {
      -webkit-transform: translateX(25px);
      -ms-transform: translateX(25px);
      transform: translateX(25px)
  }

  .zoom-out {
      -webkit-transform: translate(0,0) scale(0.01);
      -ms-transform: translate(0,0) scale(0.01);
      transform: translate(0,0) scale(0.01)
  }

  .popup {
      -webkit-transform: translate(-50%,-50%) scale(0);
      -ms-transform: translate(-50%,-50%) scale(0);
      transform: translate(-50%,-50%) scale(0);
      -webkit-transition: all 1s cubic-bezier(0.11,0.16,0.43,0.86) 1s;
      -o-transition: all 1s cubic-bezier(0.11,0.16,0.43,0.86) 1s;
      transition: all 1s cubic-bezier(0.11,0.16,0.43,0.86) 1s
  }

  .middle-animated:not(.slider-part) .slide-down,.middle-animated:not(.slider-part) .slide-up,.middle-animated:not(.slider-part) .slide-right,.middle-animated:not(.slider-part) .slide-left,.middle-animated:not(.slider-part) .zoom-out {
      -webkit-transform: translate(0,0) scale(1);
      -ms-transform: translate(0,0) scale(1);
      transform: translate(0,0) scale(1)
  }

  .slider-part .slick-active .slide-down,.slider-part .slick-active .slide-up,.slider-part .slick-active .slide-right,.slider-part .slick-active .slide-left,.slider-part .slick-active .zoom-out {
      -webkit-transform: translate(0,0) scale(1);
      -ms-transform: translate(0,0) scale(1);
      transform: translate(0,0) scale(1)
  }

  .middle-animated .popup {
      -webkit-transform: translate(-50%,-50%) scale(1);
      -ms-transform: translate(-50%,-50%) scale(1);
      transform: translate(-50%,-50%) scale(1)
  }

  .banner-slide {
      -webkit-transform: translateX(70px);
      -ms-transform: translateX(70px);
      transform: translateX(70px);
      opacity: 0;
      -ms-filter: "alpha(opacity=0)";
      -webkit-transition: all 1300ms cubic-bezier(0.11,0.16,0.43,0.86);
      -o-transition: all 1300ms cubic-bezier(0.11,0.16,0.43,0.86);
      transition: all 1300ms cubic-bezier(0.11,0.16,0.43,0.86)
  }

  .middle-animated .banner-slide {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      opacity: 1
  }
}

.other-lang .zm-feature .testimonial-section {
  display: none
}

body.i18n-ar {
  direction: unset
}

.i18n-ar .top-banner-wrap h1,.i18n-ar .top-banner-wrap p,.i18n-ar .top-banner-wrap,.i18n-ar .slick-slider .slick-dots,.i18n-ar .feature-tabs ul,.i18n-ar .btm-wrap h2 {
  text-align: center
}

.i18n-ar .zm-feature .slider-section .slick-prev {
  right: auto;
  left: 0
}

.i18n-ar .zm-feature .slider-section .slick-next {
  right: auto;
  left: 60px
}

.i18n-ar .zm-feature .feature-tabs ul li:first-child::after {
  left: -1px;
  right: auto
}

.i18n-ar .zm-feature .item-content {
  padding-left: 0;
  padding-right: 50px
}

.i18n-ar .zm-feature .item-content::before {
  left: auto;
  right: 0
}

.i18n-ar .zm-feature .count-sec.active::after {
  left: -5%;
  right: auto
}

.i18n-ar .arrow-link {
  padding-left: 40px;
  padding-right: 0
}

.i18n-ar .arrow-link::after {
  -webkit-transform: translateY(-40%) rotate(180deg);
  -ms-transform: translateY(-40%) rotate(180deg);
  transform: translateY(-40%) rotate(180deg);
  right: auto;
  left: 10px
}

.i18n-ar .arrow-link:hover::after {
  left: 0
}

.zinform {
  display: none
}

[class |= zmngicon] {
  height: 70px;
  width: 80px;
  background-image: url('/sites/zweb/images/meeting/features/zmanage-features-sprite.png');
  background-size: 240px auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  display: block
}

.zmngicon-actionlog {
  background-position: -90px 0
}

.zmngicon-anonymize {
  background-position: -170px 0
}

.webinar-wrap .featureImg#feature-8 img {
  width: 100%;
  max-width: 420px
}

.webinar-wrap .featureImg#feature-7 img {
  width: 100%;
  max-width: 500px
}

.online-wrap .featureImg#feature-4 img {
  width: 100%;
  max-width: 405px
}

@media only screen and (max-width: 767px) {
  .zmanage-inner {
      display:block;
      max-width: 400px;
      margin: 60px auto 0
  }

  .zmanage-inner>div {
      margin-bottom: 50px
  }

  .zmanage-inner>div:last-child {
      margin-bottom: 0
  }
}

.zbrand-section h4 {
  text-align: center
}

.other-lang .zm-trusted-brands-common-append h4 {
  display: none
}

.zwc-testi p {
  font-size: 16px;
  line-height: 24px
}

.zwc-testi>.zfwrap {
  align-items: flex-start
}

.zwc-testimonial h2 {
  max-width: 750px;
  text-align: center;
  margin: 0 auto 60px
}

.cus-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 0 10px;
  flex-wrap: wrap;
  text-align: center;
  max-width: 95%
}

.cus-img {
  width: 100%;
  flex-shrink: 0;
  margin-bottom: 10px
}

.cus-wrap img {
  border-radius: 10px
}

.cus-wrap span {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  font-family: var(--zf-secondary-light)
}

.cus-wrap .cus-name {
  background: transparent linear-gradient(95deg,#1c62ff 0%,#c1592e 100%) 0% 0% no-repeat padding-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--secondaryfont-bold)
}

.zwc-testi .content-wrap,.zwc-testimonial .content-wrap {
  width: 800px;
  max-width: 95%
}

.zwc-testi-wrap h2 {
  width: 830px;
  max-width: 90%
}

@media only screen and (max-width: 1199px) {
  .zwc-testi {
      width:700px;
      margin: 0 auto;
      max-width: 95%
  }

  .zwc-testimonial h2 {
      max-width: 550px
  }

  .cus-wrap img {
      max-width: 70px
  }

  .feature-tabs.menu-list {
      top: 0;
      background: #f0f5ff
  }
}

@media only screen and (max-width: 767px) {
  .zwc-testi p,.zwc-security {
      text-align:center
  }

  .zwc-testimonial h2 {
      text-align: center;
      margin: 0 auto 20px
  }
}

@media screen and (min-width: 1200px) {
  .zwc-testi p {
      font-size:26px;
      line-height: 38px;
      margin-bottom: 0
  }

  .cus-wrap>span {
      font-size: 16px
  }

  .cus-wrap .cus-name {
      font-size: 20px
  }
}

@media only screen and (min-width: 1680px) {
  .zwc-testi .content-wrap,.zwc-testimonial .content-wrap {
      width:1170px
  }
}

.dash-dots .slick-dots li,.dash-dots .slick-dots li.slick-active {
  background: #d5d5d5;
  width: 50px;
  height: 6px;
  border: unset;
  border-radius: 10px;
  position: relative;
  overflow: hidden
}

.dash-dots .slick-dots li.slick-active::after {
  background: #3f51b6
}

.dash-dots .slick-dots li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: 40px;
  opacity: 1;
  width: 0;
  background: #3f51b6
}

.dash-dots .slick-dots li.slick-active::after {
  width: 100%;
  -webkit-transition: 6s linear all;
  -o-transition: 6s linear all;
  transition: 6s linear all;
  height: 100%
}

.dash-dots .slick-dots li.slick-active::after {
  -webkit-transition: 3s linear all;
  -o-transition: 3s linear all;
  transition: 3s linear all
}

@media(min-width: 768px) {
  .dash-dots .slick-dots {
      text-align:left
  }
}

.zfwrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.types-wrap>div {
  width: 48%;
  border-radius: 18px
}

.types-wrap>div>div {
  padding: 40px 0 0;
  width: 400px;
  margin: 0 auto;
  max-width: 90%
}

.phonecalls {
  background: #fff7f7
}

.virtualrooms {
  background: #f0f9ff
}

.types-wrap img {
  margin-top: 20px;
  vertical-align: middle
}

.types-wrap .note {
  font-size: 12px;
  font-style: italic;
  margin: 20px 0 40px;
  max-width: 48%
}

.testi-cont {
  width: 65%
}

.testi-cus {
  width: 30%
}

@media(max-width: 767px) {
  .types-wrap>div {
      width:100%
  }

  .phonecalls {
      order: 1
  }

  .virtualrooms {
      order: 3
  }

  .types-wrap .note {
      order: 2;
      max-width: 100%;
      text-align: center;
      width: 100%
  }

  .testi-cont {
      width: 100%
  }

  .testi-cus {
      width: 100%
  }

  .zwc-testimonial {
      max-width: 630px;
      margin: 0 auto
  }
  .zm-feature img.fea-5{
    top:-10px;
  }
}