.pagewrapper * {
  box-sizing: border-box;
}

#block-panels-mini-product-menu {
  background-color:
      #4c3acb;
}
.zw-product-header{
      background: #4c3aca;
}

#mini-panel-product_menu .menu-icon-help-header .product-title a,
#mini-panel-product_menu .product-nav-links li .nolink,
#mini-panel-product_menu .product-nav-links .menu>li>a {
  color: #fff;
}

#mini-panel-product_menu .expanded.dropdown .caret {
  border-color: #fff transparent transparent transparent;
}


.banner {
  background-color:
      #4c3acb;
  color: #fff;
  text-align: center;
  box-shadow: inset 0px -260px 0 0 #fff;
}

.banner .content-wrap {
  background: url(/sites/zweb/images/creator/world-map-with-points.png) no-repeat;
  background-size: contain;
  background-position: center;
}

.pagewrapper .content-wrap {
  padding: 90px 0;
}

.block1 .content-wrap,
.block2 .content-wrap,
.block3 .content-wrap,
.tb-wraper .content-wrap {
  padding-top: 30px
}

.bnr-desc {
  max-width: 900px;
  margin: 0 auto;
}

.bnr-img {
  margin: 90px 0 0 0;
  position: relative;
}

.bnr-img img {
  vertical-align: bottom;
}

img.bnrimg2 {
  border-radius: 10px;
  margin: 0 70px;
  width: 46%;
  box-shadow: 0 0 20px 20px rgb(6 20 52 / 3%);
}

img.bnrimg1 {
  width: 20%;
  box-shadow: 0 0 20px 20px rgb(6 20 52 / 3%);
}

img.bnrimg3 {
  width: 20%;
  box-shadow: 0 0 20px 20px rgb(6 20 52 / 3%);
}

.wave-img {
  position: absolute;
  left: 13%;
  top: 50%;
  width: 70%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: all 1200ms linear;
  transition: all 1200ms linear;
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transform: translateX(-80px);
  transform: translateX(-80px);
}

.middle-animated .wave-img {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translate(0px);
  transform: translate(0px);
}

.wave-img:after,
.wave-img:before {
  width: 0;
  height: 0;
  content: '';
  position: absolute;
}

.wave-img:before {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 11px solid #fff;
  left: 10%;
  top: 0%;
  -webkit-transform: rotate(-27deg);
  transform: rotate(-27deg);
}

.wave-img:after {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 11px solid #5656e2;
  right: 10%;
  bottom: 8%;
  -webkit-transform: rotate(33deg);
  transform: rotate(33deg);
}



.flex-2-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-2-col>div {
  width: 50%;
}

.block1 .flex-item1 {
  padding-right: 90px;
}

.block1 .flex-item1 p {
  line-height: 1.9
}

.tb-wraper {
  text-align: center
}

.tb-wraper .content-wrap {
  max-width: 100%;
  width: 100%;
}

span.trustedby-txt:before {
  content: '';
  width: 100%;
  height: 1px;
  background: #cacaca;
  position: absolute;
  top: 50%;
  right: 110%;
}

span.trustedby-txt {
  position: relative;
}

span.trustedby-txt:after {
  content: '';
  width: 100%;
  height: 1px;
  background: #cacaca;
  position: absolute;
  top: 50%;
  left: 110%;
}

.tb-wrap {
  text-align: center;
  display: table;
  width: 100%;
}

.tb-wrap li:before {
  content: '';
  display: inline-block;
  background: url(/sites/zweb/images/commonroot/zp-trust-brands-sprite.png) no-repeat;
  background-size: 1200px auto;
  position: relative;
  -webkit-transform: scale(.9);
  transform: scale(.9);
  vertical-align: middle;
}

.tb-wrap li {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  -webkit-transform: scale(.1);
  transform: scale(.1);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: all 800ms ease;
  transition: all 800ms ease;
  margin: 20px 20px;
}

.in-view .tb-wrap li {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.tb-wrap li:nth-child(2) {
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}

.tb-wrap li:nth-child(3) {
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
}

.tb-wrap li:nth-child(4) {
  -webkit-transition-delay: 400ms;
  transition-delay: 400ms;
}

.tb-wrap li:nth-child(5) {
  -webkit-transition-delay: 500ms;
  transition-delay: 500ms;
}

.tb-wrap li:nth-child(6) {
  -webkit-transition-delay: 600ms;
  transition-delay: 600ms;
}

.tb-wrap li:nth-child(7) {
  -webkit-transition-delay: 700ms;
  transition-delay: 700ms;
}

.tb-wrap li:nth-child(8) {
  -webkit-transition-delay: 800ms;
  transition-delay: 800ms;
}

.tb-wrap li:nth-child(9) {
  -webkit-transition-delay: 900ms;
  transition-delay: 900ms;
}

.tb-wrap li:nth-child(10) {
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
}

.tb-wrap li:nth-child(11) {
  -webkit-transition-delay: 1100ms;
  transition-delay: 1100ms;
}

.tb-wrap li:nth-child(12) {
  -webkit-transition-delay: 1200ms;
  transition-delay: 1200ms;
}

.tb-wrap li.tb-mtn:before {
  background-position: -308px -1436px;
  width: 42px;
  height: 42px;
}

.tb-wrap li.tb-zomato:before {
  background-position: -15px -1438px;
  width: 124px;
  height: 27px;
}

.tb-wrap li.tb-samsonite:before {
  background-position: -526px -1445px;
  width: 149px;
  height: 24px;
  margin-top: 20px;
}

.tb-wrap li.tb-saintgobain:before {
  background-position: -638px -1271px;
  width: 128px;
  height: 54px;
}

.tb-wrap li.tb-whirlpool:before {
  background-position: -165px -1440px;
  width: 114px;
  height: 38px;
  margin-top: 15px;
}

.tb-wrap li.tb-audible:before {
  background-position: -452px -178px;
  width: 95px;
  height: 35px;
}

.tb-wrap li.tb-blackbuck:before {
  width: 125px;
  background-position: 2px -852px;
  height: 50px;
}

.tb-wrap li.tb-siemens:before {
  background-position: -573px -443px;
  width: 119px;
  height: 41px;
  margin-top: 10px;
}

.tb-wrap li.tb-mtn:before {
  background-position: -308px -1436px;
  width: 42px;
  height: 42px;
}

.tb-wrap li.tb-aboitz:before {
  background-position: -752px -170px;
  width: 92px;
  height: 45px;
  margin-top: 10px;
}

.in-view .tb-wrap li.tb-audible,
.in-view .tb-wrap li.tb-cisco,
.in-view .tb-wrap li.tb-hitachi {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.block3,
.block2 {
  text-align: center
}

.block2 .desc {
  max-width: 800px;
  margin: 0 auto 30px;
}

.block2 span.zicon {
  background: #fff;
  display: inline-block;
  width: 55px;
  height: 55px;
  text-align: center;
  padding: 10px 10px 10px 9px;
  border-radius: 5px;
  margin-bottom: 20px;
  box-shadow: 0 0 20px 0px rgb(0 0 0 / 4%);
}

.flex-3-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.flex-3-col>div {
  width: 33.33%;
  margin: 15px;
  background-color: #f8f7fe;
  padding: 25px;
  box-shadow: inset 0px -200px 0 0 #fff;
}

.flex-3-col>div img {
  box-shadow: 0 0 20px 20px rgb(6 20 52 / 3%);
  border-radius: 10px;
  margin-top: 10px
}

.tab {
  max-width: 1100px;
  margin: 60px auto 0;
  text-align: left;
}

.tab li {
  display: inline-block;
  padding: 14px 40px;
  cursor: pointer;
  margin: 0 1px;
  position: relative;
}

.block3 .flex-2-col {
  max-width: 1100px;
  margin: 0 auto;
  background-color: #041236;
  color: #fff;
  padding: 60px 90px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}

.block3 .flex-2-col div {
  text-align: left
}

.block3 .flex-2-col div:last-child img {
  max-width: 140%;
  position: relative;
  left: 50px
}

.block3 .flex-2-col div:first-child {
  padding-right: 30px
}

.tab-item {
  display: none;
}

.tab-item.active {
  display: block;
}

.tab li:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #fff;
  box-shadow: -5px 0px 19px 0px rgb(0 0 0 / 9%);
  -webkit-transform: skewX(20deg);
  transform: skewX(20deg);
  z-index: -1;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.tab li.active {
  color: #fff
}

.tab li.active:before {
  background-color: #041236;
}

.tab li:first-child:after {
  content: '';
  position: absolute;
  height: 100%;
  left: -10px;
  width: 20px;
  top: 0px;
  background: #fff
}

.tab li.active:after {
  content: '';
  position: absolute;
  background-color: #041236;
  height: 100%;
  left: -10px;
  width: 20px;
  top: 0px;
  border-top-left-radius: 5px;
}

.tab li:first-child {
  margin-left: 10px;
}


/*testimonial section*/
span.ztesti-comp {
  font-size: 50px;
  color: #5c57da;
  ;
  font-family: var(--zf-primary-light);
}

.block4 {
  background-color: #fbfaff
}

.ztestimonial_iwrap {
  max-width: 1000px;
  margin: 0 auto;
      text-align: left;
}

.ztesti_mainheader {
  text-align: center;
  margin-bottom: 80px
}

.ztesti_name {
  color: #9b9b9b;
  font-size: 16px
}

.ztesti_destination {
  color: #9b9b9b;
  font-size: 14px
}

.ztetimonial_owrap {
  display: none;
  min-height: 350px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  background: url(/sites/zweb/images/creator/testi-double-quote.jpg) no-repeat;
  background-size: 90px;
  background-position: 0px 0;
}

.ztest_content_wrap {
  width: 55%;
  display: inline-block;
  position: relative
}

.ztesti_content {
  font-size: 20px;
  -webkit-transition: 1s ease;
  transition: 1s ease;
  margin-top: 20px;
  line-height: 1.8
}

.ztesti_img_wrap {
  max-width: 300px;
  position: relative;
  display: inline-block;
  -webkit-transition: 1s opacity ease;
  transition: 1s opacity ease;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: 1s opacity ease
}

.ztesti3 .ztesti_img_wrap img {
  left: 35px
}

.ztesti4 .ztesti_img_wrap img {
  left: 21px
}

.ztetimonial_owrap.active_slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.active_slide .ztest_content_wrap {
  -webkit-animation: 1s testi_content_slider ease-in-out forwards;
  animation: 1s testi_content_slider ease-in-out forwards;
  -webkit-transition: 1s opacity ease;
  transition: 1s opacity ease
}

.active_slide .ztesti_img_wrap {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  width: 300px
}

.slider_logos_wrap li button {
  display: block
}

.slider_logos_wrap {
  margin: 30px auto 0;
  width: 100%;
  display: block
}

.slider_logos_wrap li {
  border-bottom: 3px solid #dae0e8;
  margin-right: 100px;
  padding-bottom: 10px;
  cursor: pointer;
  margin-right: 13%;
  padding-bottom: 10px;
  display: inline-block;
  vertical-align: bottom;
  width: 200px
}

li.slick-logos3 {
  margin-right: 0
}

.slider_logos_wrap li.logo_active {
  background: 0;
  border: 0;
  border-bottom: 3px solid #dae0e8;
  position: relative
}

.slider_logos_wrap li.logo_active:after {
  content: "";
  width: 0;
  position: absolute;
  border-bottom: 3px solid #3546ae;
  left: 0;
  bottom: -3px;
  -webkit-animation: 7s logoslider ease-in-out;
  animation: 7s logoslider ease-in-out
}



.last-list li {
  padding: 0px 0px 10px 20px;
  border-left: none;
}

.last-list li:before {
  background-color: #000;
  box-shadow: none;
  top: 5px;
}

.logo_active .ztesti_name,
.logo_active .ztesti_destination {
  color: #000
}

@-webkit-keyframes logoslider {
  0% {
      width: 0
  }

  100% {
      width: 100%
  }
}

@keyframes logoslider {
  0% {
      width: 0
  }

  100% {
      width: 100%
  }
}

@-webkit-keyframes testi_content_slider {
  0% {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-transform: translateX(50px);
      transform: translateX(50px)
  }

  100% {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -webkit-transform: translateX(0px);
      transform: translateX(0px)
  }
}

@keyframes testi_content_slider {
  0% {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-transform: translateX(50px);
      transform: translateX(50px)
  }

  100% {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -webkit-transform: translateX(0px);
      transform: translateX(0px)
  }
}

/*testimonial section*/


.block5 li {
  padding: 0px 0px 90px 70px;
  position: relative;
  border-left: 1px solid #5656e2;
}

.block5 li:before {
  content: '';
  background: #5656e2;
  position: absolute;
  width: 13px;
  height: 13px;
  left: -6px;
  border-radius: 50%;
  top: 0px;
  box-shadow: 0 0 0 5px rgb(86 86 226 / 56%);
}

.block5 h2 {
  text-align: center;
  margin-bottom: 90px
}

.block5 .flex-2-col {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}

.block5 .flex-2-col>div:first-child {
  text-align: center;
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}

.block5 .flex-2-col>div:last-child {
  padding: 0 90px 0 30px;
}

.block5 li p {
  margin-bottom: 0;
}

.block5 li:last-child {
  padding-bottom: 0px;
  border-width: 0px
}

.blk-six-heading {
  text-align: center;
  margin-bottom: 50px;
  max-width: 730px;
  margin: 0 auto;
}

.block6 .content-wrap {
  max-width: 1400px;
      padding: 90px 0px;
}

.blk-six-heading {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.block6 .flex-3-col>div {
 box-shadow: none;
  margin: 0;
  padding: 40px 35px;
  text-align: left;
}


.block6 .flex-3-col:last-child>div.flex-item2,
.block6 .flex-3-col:first-child>div.flex-item1,
.block6 .flex-3-col:first-child>div.flex-item3 {
  background: #fff
}

.block6 svg {
  margin-bottom: 15px
}

.bottom-cta .content-wrap {
  text-align: center;
  padding-left: 30px;
  padding-right: 30px;
  color: #fff;
  background: #000;
  border-radius: 10px;
  margin-bottom: 90px;
      padding: 90px 0px;
}


.flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-wrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center
}

.block9 h2 {
  text-align: center;
  margin-bottom: 60px
}

.block9 .content-wrap {
  max-width: 1170px;
}

.block9 li {
  padding: 20px 60px 20px 30px;
  font-family: var(--zf-primary-semibold);
  box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 7%);
  margin: 30px 0;
  position: relative;
  background: #fff;
  border-radius: 5px;
      text-align: left;
}

.block9 ul li:before {
  content: "1";
  background-color: #d3d2ff;
  display: inline-block;
  width: 25px;
  text-align: center;
  border-radius: 100%;
  box-sizing: border-box;
  vertical-align: middle;
  margin-right: 20px;
  padding: 4px 0;
  height: 25px;
  line-height: 1;
  color: #5656e2;
}

.block9 ul li:nth-child(2):before {
  content: "2";
}

.block9 ul li:nth-child(3):before {
  content: "3";
}

.block9 ul li:nth-child(4):before {
  content: "4";
}

.block9 ul li:nth-child(5):before {
  content: "5";
}

.block9 ul li:nth-child(6):before {
  content: "6";
}
.block9 ul li:nth-child(7):before {
    content: "7";
  }
.block9 .flex-wrap>div:first-child {
  padding-right: 70px
}

.block9 .flex-wrap>div:last-child {
  padding-left: 70px;
  position: relative;
}

span.bgposition {
  position: absolute;
  background-color: #f8f7fe;
  ;
  top: 0;
  width: 170%;
  height: 90%;
  left: -90%;
  z-index: -01;
}

.block9 em {
  position: absolute;
  width: 25px;
  height: 25px;
  display: inline-block;
  background: #44c4a1;
  border-radius: 50%;
  right: 20px;
}

.block9 em:before,
.block9 em:after {
  background: #fff;
  content: "";
  height: 2px;
  position: absolute;
  right: 10px;
  left: 6px;
  top: 14px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
}

.block9 em:before {
  left: 9px;
  top: 12px;
  -webkit-transform: rotate(-43deg);
  transform: rotate(-43deg);
  width: 11px;
}

.flex-wrap>div {
  width: 50%;
}

/*FAQ*/
.faq h2 {
  text-align: center;
  margin-bottom: 60px;
}

.faq h2:before {
  display: block;
  content: '';
  background: url(/sites/zweb/images/creator/home/red-faq-icon.png) no-repeat;
  width: 90px;
  height: 70px;
  background-size: 100%;
  margin: auto;
  display: none;
}

.faq .content-wrap {
  padding-top: 0px;
}

.faq-wrap {
  max-width: 980px;
  margin:0 auto;
      text-align: left;
}

.faq-item {
  border-bottom: 1px solid #d3d3d3;
}

.faq-item:first-child .faq-ans {
  display: block;
}

.faq-ans {
  display: none;
  padding-bottom: 10px;
  padding-left: 42px;
}

.faq-item h4 {
  margin-bottom: 0;
  font-family: var(--zf-secondary-medium);
  padding: 20px 0px 20px 40px;
  cursor: pointer;
  position: relative;
  font-size: 20px;
  color: #000;
}

.faq-item h4:hover {
  color: #555;
}

.faq-item h4:before,
.faq-item h4:after {
  content: '';
  position: absolute;
  background: #ea5154;
}

.faq-item:hover h4:before,
.faq-item:hover h4:after {
  background: #555;
}

.faq-item h4:before {
  left: 0px;
  top: 35px;
  height: 2px;
  width: 16px;
}

.faq-item h4:after {
  left: 7px;
  width: 2px;
  top: 28px;
  height: 15px;
}

.faq-item.active h4:after {
  height: 0px;
}

.faq ul {
  list-style-type: decimal;
  padding-left: 30px;
}

.faq ul li {
  margin-bottom: 15px;
}

.bg-wt {
  background: #fff !important
}

@media all and (min-width:1400px) {
  .i18n-en p {
      font-size: 18px;
  }

  .block5 li {
      padding: 0px 0px 120px 70px;
  }


  .last-list li {
      padding: 0px 0px 10px 20px;
      border-left: none;
  }

  .last-list li:before {
      background-color: #a1a0ef;
      box-shadow: none;
      top: 5px;
  }
}

@media all and (min-width:1200px) {
  .act-btn {
      padding: 12px 50px;
  }

  .fadeinup1,
  .fadeinup2,
  .fadeinup3 {
      -webkit-transform: translate3d(0, 40px, 0);
      transform: translate3d(0, 40px, 0);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-transition: all 1700ms ease;
      transition: all 1700ms ease;
  }

  .bnrimg1 {
      -webkit-transform: translate3d(160px, 0px, 0) scale(.7);
      transform: translate3d(160px, 0px, 0) scale(.7);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-transition: all 1700ms ease;
      transition: all 1700ms ease;
      -webkit-transition-delay: .7s;
      transition-delay: .7s;
  }

  .bnrimg2 {
      -webkit-transform: translate3d(0, 40px, 0);
      transform: translate3d(0, 40px, 0);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-transition: all 1700ms ease;
      transition: all 1700ms ease;
  }

  .bnrimg3 {
      -webkit-transform: translate3d(-160px, 0px, 0) scale(.7);
      transform: translate3d(-160px, 0px, 0) scale(.7);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-transition: all 1700ms ease;
      transition: all 1700ms ease;
      -webkit-transition-delay: .7s;
      transition-delay: .7s;
  }

  .middle-animated .bnrimg1,
  .middle-animated .bnrimg2,
  .middle-animated .bnrimg3 {
      -webkit-transform: translate3d(0px, 0px, 0) scale(1);
      transform: translate3d(0px, 0px, 0) scale(1);
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  .fadeinleft1 {
      -webkit-transform: translate3d(-40px, 0px, 0);
      transform: translate3d(-40px, 0px, 0);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-transition: all 1700ms ease;
      transition: all 1700ms ease;
  }

  .fadeinright1 {
      -webkit-transform: translate3d(40px, 0px, 0);
      transform: translate3d(40px, 0px, 0);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-transition: all 1700ms ease;
      transition: all 1700ms ease;
  }

  .middle-animated .fadeinup1,
  .middle-animated .fadeinup2,
  .middle-animated .fadeinup3,
  .middle-animated .fadeinleft1,
  .middle-animated .fadeinright1 {
      -webkit-transform: translate3d(0, 0px, 0);
      transform: translate3d(0, 0px, 0);
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  .inup1,
  .inup2,
  .inup3,
  .inup4,
  .inup5,
  .inup6,
  .inup7 {
      -webkit-transform: translateY(60px);
      transform: translateY(60px);
      -webkit-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);
  }

  .in-view .inup1,
  .in-view .inup2,
  .in-view .inup3,
  .in-view .inup4,
  .in-view .inup5,
  .in-view .inup6,
  .in-view .inup7 {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
  }

  .fadeinup1,
  .inup1 {
      -webkit-transition-delay: 200ms;
      transition-delay: 200ms
  }

  .fadeinup2,
  .inup2 {
      -webkit-transition-delay: 400ms;
      transition-delay: 400ms
  }

  .fadeinup3,
  .inup3 {
      -webkit-transition-delay: 600ms;
      transition-delay: 600ms
  }
}

@media all and (min-width:992px) and (max-width: 1199px) {
  .pagewrapper .content-wrap {
      padding: 60px 0;
  }

  .block1 .content-wrap,
  .block2 .content-wrap,
  .block3 .content-wrap,
  .tb-wraper .content-wrap {
      padding-top: 20px
  }

  .banner {
      box-shadow: inset 0px -160px 0 0 #fff;
  }

  .bnr-desc {
      max-width: 800px
  }

  img.bnrimg2 {
      margin: 0 40px;
  }

  .tb-wrap {
      max-width: 950px;
      margin: 0 auto;
  }

  .tb-wrap li {
      margin: 20px 25px;
  }

  .block1 .flex-item1 {
      padding-right: 30px;
  }

  .block3 .flex-2-col div:last-child img {
      left: 0px;
      max-width: 120%
  }

  .block3 .flex-2-col {
      padding: 40px 100px 40px 60px;
  }

  .block5 .flex-2-col>div:last-child {
      padding: 0 50px 0 30px;
  }

  .bg-wt {
      background: #fff
  }
}

@media all and (min-width:768px) and (max-width: 991px) {
  .pagewrapper {
      overflow: hidden;
  }

  .pagewrapper .content-wrap {
      padding: 60px 0;
  }

  .block1 .content-wrap,
  .block2 .content-wrap,
  .block3 .content-wrap,
  .tb-wraper .content-wrap {
      padding-top: 20px
  }

  .banner {
      box-shadow: inset 0px -160px 0 0 #fff;
  }

  .bnr-desc {
      max-width: 600px
  }

  img.bnrimg2 {
      margin: 0 40px;
  }

  .block1 .flex-item1 {
      padding-right: 30px;
  }

  .block3 .flex-2-col div:last-child img {
      left: 0px;
      max-width: 120%
  }

  .block3 .flex-2-col {
      padding: 40px 100px 40px 60px;
  }

  .block5 .flex-2-col>div:last-child {
      padding: 0 30px 0 20px
  }

  .block2 .flex-3-col>div {
      margin: 5px;
      padding: 25px 15px;
      box-shadow: inset 0px -150px 0 0 #fff;
  }

  .block5 li {
      padding: 0px 0px 60px 40px;
  }

  .tab li {
      padding: 9px 18px;
  }

  .ztesti_content {
      font-size: 18px;
  }

  span.ztesti-comp {
      font-size: 40px
  }

  .ztesti_img_wrap {
      padding: 0 50px;
  }

  .slider_logos_wrap li {
      margin-right: 25px;
  }

  .slider_logos_wrap {
      margin: 0px auto 0;
  }

  .block6 .flex-3-col>div {
      padding: 20px
  }

  .bottom-cta .content-wrap {

      padding: 60px;
  }

  .bg-wt {
      background: #fff
  }

  .block9 .flex-wrap>div:last-child {
      padding-left: 0px
  }

  .block9 li {
      margin: 20px 0;
  }

  .block9 li:before {
      margin-right: 10px
  }

  .i18n-ar .block9 li:before {
      margin-left: 10px;
      margin-right: auto;
  }

  .zcr-tb-list ul li:nth-child(7),
  .zcr-tb-list ul li:nth-child(8),
  .zcr-tb-list ul li:nth-child(9),
  .zcr-tb-list ul li:nth-child(10) {
      display: none;
  }
   .bottom-cta .content-wrap {
          padding: 30px;
  }

}

@media all and (max-width:767px) {
  .main-container-wrapper #mini-panel-product_menu .menu-icon-help-header .product-title a {
      color: #fff;
  }

  .pagewrapper {
      overflow: hidden;
  }

  .pagewrapper .content-wrap {
      padding: 60px 0;
      max-width: 420px;
      width: 85%
  }

  .block1 .content-wrap,
  .block2 .content-wrap,
  .block3 .content-wrap,
  .block5 .content-wrap,
  .tb-wraper .content-wrap {
      padding-top: 20px
  }

  .banner .content-wrap {
      padding-top: 40px
  }

  .banner {
      box-shadow: inset 0px -100px 0 0 #fff;
  }

  .bnr-img {
      margin: 40px 0 0 0;
  }

  .wave-img {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      visibility: hidden;
  }

  img.bnrimg2 {
      margin: 0 10px;
  }

  .in-view .tb-wrap li.tb-audible,
  .in-view .tb-wrap li {
      -webkit-transform: scale(.8);
      transform: scale(.8);
  }

  .tb-wrap li {
      margin: 10px 0px;
  }

  .flex-2-col {
      -ms-flex-flow: column;
      flex-flow: column;
  }

  .flex-2-col>div {
      width: 100%;
      padding: 0px
  }

  .block1 .flex-item1 {
      padding-right: 0px
  }

  .flex-3-col {
      -ms-flex-flow: column;
      flex-flow: column;
  }

  .flex-3-col>div {
      width: 100%;
      margin: 0 0 20px 0;
  }

  .tab {
      display: none
  }

  .tab-item {
      display: block;
      margin-bottom: 60px
  }

  .block3 .flex-2-col {
      padding: 30px 25px;
      border-radius: 10px
  }

  .block3 .flex-2-col div:first-child {
      padding-right: 0px
  }

  .block3 .flex-2-col div:last-child img {
      left: 0px;
      max-width: 100%;
  }

  .tab-item:last-child {
      margin-bottom: 0px
  }

  .block5 h2 {
      margin-bottom: 30px
  }

  .block5 li {
      padding: 0px 0px 60px 30px;
  }

  .block5 .flex-2-col>div:last-child {
      padding: 0 10px 0 10px;
  }

  .ztetimonial_owrap {
      -ms-flex-flow: column;
      flex-flow: column;
      background-size: 60px;
  }

  span.ztesti-comp {
      font-size: 40px
  }

  .ztesti_content {
      font-size: 17px
  }

  .block6 .flex-3-col>div {
      padding: 25px;
  }

  .ztest_content_wrap {
      width: 100%;
  }

  .flex-2-col {
      text-align: center
  }

  .block5 .flex-2-col {
      text-align: left
  }

  .slider_logos_wrap {
      text-align: center
  }

  .slider_logos_wrap li {
      width: 70px;
      margin: 0 12px;
      text-align: left;
      line-height: 1;
  }

  .ztesti_destination {
      display: none
  }

  .ztesti_name {
      font-size: 12px
  }

  .bottom-cta .content-wrap {
      margin-bottom: 60px
      
  }

  .block2 .flex-3-col>div:last-child {
      margin-bottom: 0px
  }

  .block9 .flex-wrap>div:first-child {
      padding: 0px;
  }

  .block9 .flex-wrap {
      -ms-flex-flow: column-reverse;
      flex-flow: column-reverse;
  }

  .block9 li {
      text-align: left;
      padding: 20px 30px 20px 10px;
      font-size: 15px;
  }

  .block9 em {
      right: 10px;
  }

  .block9 h2 {
      margin-bottom: 30px
  }

  .i18n-ar .block9 li {
      padding: 20px 30px 20px 60px;
  }

  .i18n-ar .block9 li:before {
      margin-left: 20px;
      margin-right: auto;
  }

  .i18n-ar .block9 em {
      left: 20px;
      right: auto;
      direction: ltr;
  }

  .i18n-ar span.bgposition {
      right: -90%;
      left: auto;
  }

  .i18n-ar .block9 .flex-wrap>div:last-child {
      padding-right: 70px;
      padding-left: 0;
  }

  .i18n-ar .block9 .flex-wrap>div:first-child {
      padding-left: 70px;
      padding-right: 0;
  }

  .i18n-ar .block9 li {
      padding: 20px 30px 20px 10px;
      text-align: right;
  }

  .zcr-tb-list li {
      width: 48%;
  }

  .zcr-tb-list ul li:nth-child(5),
  .zcr-tb-list ul li:nth-child(6),
  .zcr-tb-list ul li:nth-child(7),
  .zcr-tb-list ul li:nth-child(8),
  .zcr-tb-list ul li:nth-child(9),
  .zcr-tb-list ul li:nth-child(10) {
      display: none;
  }

  .zcr-tr-brand .content-wrap {
      padding-top: 0px;
  }

  .block9 .flex-item1 img {
      display: none;
  }

  .block9 .flex-wrap>div {
      width: 100%;
  }

  .block9 .flex-wrap>div:last-child {
      padding-left: 30px;
  }
  .faq h2{
          margin-bottom: 20px;
  }

}

@media all and (max-width:480px) {
  .zcr-tb-list li {
      width: 100%;
  }
}

@media all and (max-width:320px) {
  .slider_logos_wrap li {
      width: 70px;
      margin: 0 8px;
  }
}