.zmain-container *,
.zmain-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.text-center {
  text-align: center;
}

.zmain-container .content-wrap {
  overflow: unset;
  z-index: 0;
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.zmain-container .content-wrap-custom {
  padding: 0 0 100px;
}
.zmain-container .banner-sec .content-wrap-custom{
    padding: 0;
}
.inline-block {
  display: inline-block;
}

.zmain-container .content-wrap-custom {
  position: relative;
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
  z-index: 1;
}

body .zmain-container .pt-0 {
  padding-top: 0;
}

body .zmain-container .pb-0 {
  padding-bottom: 0;
}

body .zmain-container .mb-0 {
  margin-bottom: 0;
}
.bg-sec{
  padding-top: 100px;
  margin-bottom: 100px;
}

/***** updated css *****/
.zwc-use-cases .benefits-wrap{
    background: #fff5e2;
    border-radius: 7px;
}
.zwc-use-cases .benefits-wrap{
    box-shadow: none;
}
.zwc-mb-0{
    margin-bottom: 0;
}
/***** updated css *****/

@media only screen and (max-width:1199px) {
  .zmain-container .content-wrap-custom {
    width: 95%;
  }
  
}

@media only screen and (max-width:991px) {
  .zmain-container .content-wrap-custom {
    width: 95%;
  }
}

@media only screen and (max-width:767px) {
  .zmain-container .content-wrap-custom {
    width: 90%;
  }
}
.zmain-container .flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.zmain-container .flex-wrap>div {
  width: 50%;
}

.zmain-container .top-align {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.zmain-container .space-btwn {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.zmain-container .sub-img {
  position: absolute;
}

.zmain-container .sprite,
.zmain-container .sprite-before::before,
.zmain-container .sprite-after::after {
  content: "";
  background-image: url('/sites/zweb/images/assist/remote-printing/sprite.svg');
  /* background-image: url('../images/sprite.svg'); */
  background-repeat: no-repeat;}

  .zmain-container .sprite-before::before{
    width: 60px;
    height: 60px;
    top: -80px;
    position: absolute;
  }

.zmain-container h1,
.zmain-container h2,
.zmain-container h3 {
  font-family: var(--primaryfont-bold);
}

.banner-content {text-align: center;width: 940px;margin: 0 auto;padding-top: 20px;max-width: 100%;}

.banner-content span {font-size: 22px;color: #329A13;line-height: 30px;font-family: var(--primaryfont-bold);display: inline-block;width: 100%;margin-bottom: 15px;}
.banner-img .sub-img {width: 67%;left: 13%;right: 0;top: auto; bottom: 0;}

.banner-img > div {position: relative;}
.benefits-sec {background: #1A4B50;color: #fff;padding-top: 100px;overflow: hidden;}

.zwc-use-cases h2, .benefits-sec h2 {width: 100%;max-width: 600px;text-align: center;margin: 0 auto 100px;}
.zwc-use-cases h2{
    max-width: 700px;
}
.benefits-wrap {background: #ffff;color: #000;padding: 80px 80px 20px;box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;/* margin-top: 100px; */display: inline-block;position: relative;z-index: 1;/* margin: 30px; *//* border: 1px solid red; */}

.bi-sec {display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 50px;}
/* .zwc-use-cases .bi-sec{
    margin-bottom: 0;
} */
/* .bi-sec.last-child{margin-bottom: 0;} */
/* .bi-sec.last-child .single-benefit{
    margin-bottom: 0;
} */
.steps-to-enable .bi-sec {
    margin-bottom: 0;
}

.single-benefit {
    width: 46%;
    position: relative;
    top: 60px;
    margin-bottom: 80px;
}
.zwc-use-cases .single-benefit {
    top: 0;
    margin-bottom: 0;
}
.single-benefit .sprite-before {position: relative;width: 60px;height: 60px;display: inline-block;margin-bottom: 20px;}

.single-benefit .sprite-before::before {position: absolute;top: 0;width: 60px;height: 60px;}
.icon1::before{background-position: 0 0;}
.icon2::before{background-position: -61px 0;}
.icon3::before{
    background-position: -122px 2px;
    width: 76px !important;
    height: 62px !important;
}
.icon4::before{
    background-position: -202px -1px;
    width: 65px !important;
}
.icon5::before{
    background-position: -268px 0px;
    height: 60px !important;
    width: 52px !important;
}
.icon6::before{
    background-position: -322px 0;
    width: 65px !important;
}
.slide-bg1 {width: 100%;height: 100%;position: absolute;left: -2.4%;content: "";background: #fff;top: -5%;transform: matrix(1, -0.05, 0.05, 1, 0, 0);

box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;z-index: -1;}
.benefits-wrap-bg{
    position: relative;
margin-top: 100px;display: inline-block;}
.slide-bg2 {width: 100%;height: 106%;position: absolute;left: -4%;content: "";background: #fff;top: -8.4%;

z-index: -2;transform: matrix(1, -0.05, 0.05, 1, 0, 0);
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
opacity: 1;}
.sys-req {position: relative;}

.sys-req > div{background: #FFF5DD;border-radius: 6px;width: 800px;margin: 0 auto;color: #0D6C31;padding: 50px 30px 30px;text-align: center;max-width: 100%;}

.sys-req::after {background: #FEE0D5;content: "";left: 0;right: 0;bottom: 0;top: 80%;position: absolute;z-index: -1;}
.bottom-sec-wrap {background: #FEE0D5;text-align: center;}

.bottom-sec-wrap .content-wrap-custom {
    padding: 80px 20px;
    width: 100%;
    max-width: 910px;
}
.img-part {position: relative;width: 60%;}

.step-part {width: 40%;}

.img-part .sub-img {width: 40%;left: 13%;top: 29%;}

.img-part .main-img {transform: scale(1.3) translateX(-16%);margin-top: 100px;}

.step-part li {font-family: var(--zf-secondary-medium);position: relative;padding-left: 70px;min-height: 77px;max-width: 321px;margin-bottom: 50px;}
.step-part li:last-child{margin-bottom:0;}
.step-part li span {position: absolute;left: 0;border: 1px solid #030303;
border-radius: 6px;width: 50px;height: 50px;text-align: center;line-height: 50px;background: #fff;}

.step-part ul::before {content: "";position: absolute;height: 86%;border: 1px dashed #498f96;left: 5%;}

.step-part ul {position: relative;}
@media(min-width: 1200px) {
    .zmain-container h1 {
      font-size: 50px;
      /* line-height: normal; */
    }
  
    .zmain-container h2 {
      font-size: 48px;
    }
    .zmain-container h3 {
      font-size: 26px;
    }
    .zmain-container .max-w-0 {
      width: 100%;
      max-width: 100%;
    }
  
    .zmain-container p {
      line-height: 28px;
      font-size: 17px;
    }
    .single-icon-wrap p{
      line-height: 28px;
    }
    .banner-content p {
      font-size: 18px;
      margin: 20px 0 20px;
      line-height: 32px;
    }
    .sys-req p {font-size: 18px;}
  }
@media(max-width:1399px){
  .slide-bg1,.slide-bg2{display:none;}
  .img-part .main-img{transform:scale(1);margin-top: 30px;}
  .img-part .sub-img{width: 30%;left: 40%;top: 23%;}
  .benefits-wrap-bg{margin-top:0;}
  .benefits-sec h2{margin-bottom:50px}
}
@media(max-width:1199px){
    .zwc-use-cases h2{
        margin-bottom: 50px;
      }
      .bottom-sec-wrap .content-wrap-custom{
        max-width: 550px;
      }
      .zwc-use-cases .content-wrap-custom{
        padding: 0 0 80px;
      }
}
@media(max-width:991px){
  .img-part{
    margin:0 auto;
  }
  .step-part{
    width:310px;
    margin:50px auto 0;
  }
  /* .steps-to-enable .content-wrap-custom{
    padding-bottom:0;
  } */
}
@media(max-width:767px){
  .img-part .sub-img{
    width: 30%;
  bottom: 5%;top: auto;}
  .single-benefit{
      width: 100%;
      margin-bottom: 100px;
  }
  .bi-sec{
      margin-bottom: 0;
  }
  .benefits-wrap{
      padding: 60px 40px 60px;
      /* padding-bottom: 0; */
  }
  .zwc-use-cases .benefits-wrap{
    padding: 60px 40px;
  }
  .bi-sec.last-child .single-benefit:nth-child(2){
    margin-bottom: 60px;
  }
}
/*faq-start*/
.zfaq-section {
  /* background: #fff5e2; */
  margin: 0px auto 100px;
  text-align: center;
  /* padding: 100px 80px; */
  /* border-radius: 7px; */
  width: 1000px;
  max-width: 90%;
}
.faq-section, .faq-section * {
  box-sizing: border-box;
}
.zfaq-section div {
  width: 970px;
  padding: 0 20px;
  margin: 0 auto;
  max-width: 100%;
}
.zfaq_wrapper .zfaq-wrap:first-child {
  border-top: 0;
}
.zfaq_wrapper .zfaq-wrap {
  position: relative;
  padding: 0;
  border-bottom: 1px solid #d3d3d3;
  /* border-top: 1px solid #fff; */
}
.faq-heading{
  position:
  relative;
  padding: 80px 0 30px;
}
.faq-heading::before {
  content: '';
  position: absolute;
  width: 77px;
  height: 55px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(/sites/zweb/images/assist/remote-desktop-share/sprite.png);
  background-size: auto 70px;
  background-position: -1131px -8px;
}
.zfaq_wrapper h2{
  padding-top:0;
}
.zfaq_wrapper h2:not(.faq-heading) {
  color: #000;
  font-size: 19px;
  cursor: pointer;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: text-top;
  width: 100%;
  padding: 20px 35px 20px 0;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  font-family: var(--zf-secondary-semibold);
  text-align: left;
  margin-top:0;
}
.zfaq_wrapper .zfaq-wrap p {
  /* display: none; */
  padding: 0;
  text-align: left;
}
.zfaq_wrapper .zfaq-wrap .arrow {
  position: absolute;
  right: 22px;
  top: 34px;
  width: 8px;
  height: 8px;
  cursor: pointer;
  font-size: 16px;
}
.zfaq_wrapper .zfaq-wrap .arrow:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(135deg);
  -ms-transform: rotate(45deg);
}
.zfaq-wrap.active .arrow:before {
  transform: rotate(315deg);
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  top: 1px;
  -ms-transform: rotate(135deg);
}
.faq-a {
  fill: #e0c797;
}
.faq-b, .faq-d {
  stroke-width: 1.5px;
}
.faq-b {
  stroke-linejoin: round;
}
.faq-b, .faq-d, .faq-f {
  stroke-linecap: round;
}
.faq-b, .faq-d, .faq-e, .faq-f {
  stroke: #000;
}
.faq-b, .faq-d, .faq-e, .faq-f, .faq-h {
  fill: none;
}
.faq-c {
  fill: #fff5e2;
}
@media (max-width: 991px){
  .zfaq-section {
      padding: 0 0 60px;
  }
  .zfaq-section{
    margin-bottom: 0;
  }
  .sys-req > div{
    border-radius: 0;
  }
 
}

@media (max-width: 767px){
  .za-re-desktop .zfaq-section {
      margin-top: 70px;
  }
  .faq-heading{
      padding: 60px 10px 0;
  }
  .zmain-container .zwc-use-cases .content-wrap-custom{
    padding: 0 0 60px;
  }
  .benefits-sec{
    padding-top: 60px;
  }
  .bg-sec{
    margin-bottom: 60px;
  }
  .zfaq_wrapper h2:not(.faq-heading){
    font-size: 17px;
  }
  /* .zmain-container .banner-sec .content-wrap-custom{
    padding: 0 0 60px;

  } */
  .zfaq-section div{
    padding: 0;
  }
  .steps-to-enable .img-part{
    width: 80%;
  }
  .step-part{
    margin:30px auto 0;
  }
  .zwc-use-cases h2{
    text-align: left;
  }
  .zwc-use-cases .single-benefit{
    margin-bottom: 30px;
  }
  .zwc-use-cases .bi-sec.last-child .single-benefit{
    margin-bottom: 0;

  }
  .banner-content span{
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 5px;
}
}
@media (max-width: 480px){
    .benefits-wrap{
        padding: 60px 20px 40px;
    }
    .bottom-sec-wrap .content-wrap-custom, .zwc-use-cases .benefits-wrap{
        padding: 60px 20px;
    }
    .steps-to-enable .img-part{
        width: 100%;
    }
    .zmain-container .steps-to-enable .content-wrap-custom{
        padding: 0 0 60px;
    }
    .step-part ul::before, .step-part li span{
        display: none;
    }
    .step-part li::before{

    }
    .step-part ul {
        margin-left: 0;
        padding: 0;
    }
    .step-part li {
        padding-left: 30px;
        min-height: 0;
        margin-bottom: 30px;
    }
    .step-part {
        counter-reset: step;
    }
    .step-part ul li:before {
        counter-increment: step;
        content: "" counter(step) ".";
        display: inline-block;
        /* color: #1d74ff; */
        /* font-family: var(--primaryfont-semibold); */
        position: absolute;
        /* top: -3px; */
        left: 0;
        /* text-transform: capitalize; */
        /* font-size: 22px; */
        border-bottom: 0;
        width: 30px;
    }
    .step-part ul li:after {
        content: none
    }
    .step-part, .step-part li{
        width: 100%;
        max-width: 100%;
    }
    
}
/*faq-end*/
/*animation*/
@media only screen and (min-width:768px) {

    body:not(.body-umain) .bottom-sec .mobile-cta,
    .banner-sec .mobile-cta {
      display: none !important;
    }
  
    .zmain-container .zoom {
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      -webkit-transition: all 0.8s cubic-bezier(0.11, 0.16, 0.43, 0.86);
      -o-transition: all 0.8s cubic-bezier(0.11, 0.16, 0.43, 0.86);
      transition: all 0.8s cubic-bezier(0.11, 0.16, 0.43, 0.86);
    }
  
    .zmain-container .transition-alone {
      -webkit-transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
      -o-transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
      -webkit-transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
      transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    }
  
    .zmain-container .fadein {
      opacity: 0;
      -ms-filter: "alpha(opacity=0)";
      -webkit-transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
      -o-transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
      transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    }
  
    .zmain-container .fadeinup {
      opacity: 0;
      -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
      transform: translateY(30px);
      -ms-filter: "alpha(opacity=0)";
      -webkit-transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
      -o-transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
      transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    }
  
    .zmain-container .fadeinupcontent {
      opacity: 1;
      -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
      transform: translateY(30px);
      -ms-filter: "alpha(opacity=0)";
      -webkit-transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
      -o-transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
      transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    }
  
    .zmain-container .fadeindown {
      opacity: 0;
      -webkit-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
      transform: translateY(-30px);
      -ms-filter: "alpha(opacity=0)";
      -webkit-transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
      -o-transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
      transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    }
  
    .zmain-container .fadeinleft {
      opacity: 0;
      -webkit-transform: translateX(-30px);
      -ms-transform: translateX(-30px);
      transform: translateX(-30px);
      -ms-filter: "alpha(opacity=0)";
      -webkit-transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
      -o-transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
      transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    }
  
    .zmain-container .fadeinright {
      opacity: 0;
      -webkit-transform: translateX(30px);
      -ms-transform: translateX(30px);
      transform: translateX(30px);
      -ms-filter: "alpha(opacity=0)";
      -webkit-transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
      transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
      -moz-transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
      -ms-transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
      -o-transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    }
  
    .zmain-container .middle-animated .fadein {
      opacity: 1;
      -ms-filter: "alpha(opacity=100)";
    }
  
    .middle-animated .fadeinup,
    .middle-animated .fadeinupcontent,
    .zmain-container .middle-animated .fadeindown {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      -ms-filter: "alpha(opacity=100)";
    }
  
    .middle-animated .fadeinleft,
    .middle-animated .fadeinright,
    .middle-animated .fadeinleft,
    .zmain-container .middle-animated .fadeinright {
      opacity: 1;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      -ms-filter: "alpha(opacity=100)";
    }
  
    .zmain-container .middle-animated .zoom {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }
  
    .zmain-container .delay1 {
      -webkit-transition-delay: 200ms;
      -o-transition-delay: 200ms;
      transition-delay: 200ms;
    }
  
    .zmain-container .delay2 {
      -webkit-transition-delay: 400ms;
      -o-transition-delay: 400ms;
      transition-delay: 400ms;
    }
  
    .zmain-container .delay3 {
      -webkit-transition-delay: 600ms;
      -o-transition-delay: 600ms;
      transition-delay: 600ms;
    }
  
    .zmain-container .delay4 {
      -webkit-transition-delay: 800ms;
      -o-transition-delay: 800ms;
      transition-delay: 800ms;
    }
  
    .zmain-container .delay5 {
      -webkit-transition-delay: 1000ms;
      -o-transition-delay: 1000ms;
      transition-delay: 1000ms;
    }
  
    .zmain-container .delay6 {
      -webkit-transition-delay: 1200ms;
      -o-transition-delay: 1200ms;
      transition-delay: 1200ms;
    }
  
    .zmain-container .delay7 {
      -webkit-transition-delay: 1400ms;
      -o-transition-delay: 1400ms;
      transition-delay: 1400ms;
    }
  
    .zmain-container .delay8 {
      -webkit-transition-delay: 1600ms;
      -o-transition-delay: 1600ms;
      transition-delay: 1600ms;
    }
  
    .zmain-container .delay9 {
      -webkit-transition-delay: 1800ms;
      -o-transition-delay: 1800ms;
      transition-delay: 1800ms;
    }
  
    .zmain-container .delay10 {
      -webkit-transition-delay: 2000ms;
      -o-transition-delay: 2000ms;
      transition-delay: 2000ms;
    }
    .middle-animated .float-vertical{
      -webkit-animation: float-vertical 3s infinite;
              animation: float-vertical 3s infinite;
    }
    .middle-animated .float-zoom-vertical{
      -webkit-animation: float-zoom-vertical 3s infinite;
              animation: float-zoom-vertical 3s infinite;
    }
    .middle-animated .anim-delay2{
      -webkit-animation-delay: 2s;
              animation-delay: 2s;
    }
    .middle-animated .anim-delay3{
      -webkit-animation-delay: 3s;
              animation-delay: 3s;
    }
    .middle-animated .anim-delay4{
      -webkit-animation-delay: 4s;
              animation-delay: 4s;
    }
    .middle-animated .anim-delay5{
      -webkit-animation-delay: 5s;
              animation-delay: 5s;
    }
    @-webkit-keyframes float-vertical {
      0% {
          -webkit-transform: translateY(0);
          transform: translateY(0)
      }
  
      50% {
          -webkit-transform: translateY(-7px);
          transform: translateY(-7px)
      }
  
      100% {
          -webkit-transform: translateY(0);
          transform: translateY(0)
      }
    }
    @-webkit-keyframes float-zoom-vertical {
      0% {
          -webkit-transform: translateY(0);
          transform: scale(0.8) translateY(0)
      }
  
      50% {
          -webkit-transform: translateY(-10px);
          transform: translateY(-10px)
      }
  
      100% {
          -webkit-transform: translateY(0);
          transform: translateY(0);
          transform: scale(0.8) translateY(0);
      }
    }
  }
  
  /*Animations*/