* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html, body {
  font-family: var(--zf-primary-regular), sans-serif;
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  color: #333;
  overflow-x: hidden;
}
body {
  font-size: 18px;
  margin: 0;
  padding: 0;
background-color:#fbfafa;
}
button,
input,
select,
textarea {
  font-family: var(--zf-primary-regular), sans-serif;
}

/*** Links ***/
a {
  text-decoration: none;
  outline: 0;
  transition: color ease .2s;
}
/* a:visited {
  color: #2a6496;
}
a:hover,
a:focus {
  color: #2a6496;
}
a:active {
  color: #2a6496;
} */
/*** Lists ****/

ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
img {
  border: 0;
  max-width: 100%;
  height: auto;
  width: auto;
  vertical-align: middle;
  position: relative;
}

/**** Styling ****/

p,
pre {
  margin: 1.5em 0;
}
h1 {
  font-family: var(--zf-primary-bold), sans-serif;
}
h2, h3, h4, h5, h6 {
    font-family: var(--zf-primary-semibold), sans-serif;
    font-weight: normal;
    color: #222;
}
h6, p {
    font-family: var(--zf-primary-regular), sans-serif;
    margin: 1em 0;
}
h1 {

  font-size: 44px;
  line-height: 1.2em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
h2 {
  font-size: 36px;
  line-height: 1.3em;
  margin-top: 0.5em;
  margin-bottom: 0.75em;
}
h3 {
  font-size: 28px;
  line-height: 1.25em;
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
h4 {
  font-size: 20px;
  line-height: 1.5em;
  margin-top: 1em;
  margin-bottom: 1em;
}
h5 {
  font-size: 18px;
  line-height: 1.25em;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
h6 {
  font-size: 16px;
  line-height: 1.25em;
}
p {
  font-family: var(--zf-primary-regular), sans-serif;
  line-height: 1.5em;
  font-size: 18px;
}
.zs_padding_null {
  padding: 0;
}
.zs_margin_null {
  margin: 0;
}
.zs_paddingtop {
  padding-top: 15px;
}
.zs_margintop {
  margin-top: 15px;
}
.zs_paddingbottom {
  padding-bottom: 15px;
}
.zs_marginbottom {
  margin-bottom: 15px;
}
.zs_paddingtopbottom {
  padding: 15px 0;
}
.zs_margintopbottom {
  margin: 15px 0;
}
.zs_paddingtop_small {
  padding-top: 30px;
}
.zs_paddingbottom_small {
  padding-bottom: 30px;
}
.zs_margintop_small {
  margin-top: 30px;
}
.zs_marginbottom_small {
  margin-bottom: 30px;
}
.zs_paddingtopbottom_small {
  padding: 30px 0;
}
.zs_margintopbottom_small {
  margin: 30px 0;
}
.zs_paddingtop_large {
  padding-top: 50px;
}
.zs_paddingbottom_large {
  padding-bottom: 50px;
}
.zs_margintop_large {
  margin-top: 50px;
}
.zs_marginbottom_large {
  margin-bottom: 50px;
}
.zs_paddingtopbottom_large {
  padding: 50px 0;
}
.zs_margintopbottom_large {
  margin: 50px 0;
}
.mB40 {
  margin-bottom: 40px;
}
.mB50 {
  margin-bottom: 50px;
}
.zs_center {
  text-align: center;
}
.zs_flex {
  display: flex;
  align-items: center;
}
.zs_tablecell {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
.zs_importnow {
    display: inline-block;
    font-family: var(--zf-primary-semibold);
    padding: 8px 30px;
    margin-top: 20px;
    color: #fff;
    border: 1px solid transparent;
    cursor: pointer;
    box-sizing: border-box;
    z-index: 1;
    font-size: 16px;
    padding-left:0px;
    text-align: center;
}
.zs_inlineblock {
  display: inline-block;
  vertical-align: middle;
}
.zs_block {
  display: block;
}
.zs_table {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.zs_hidden {
  display: none;
}
.zs_alignright {
  text-align: right;
}
.zs_alignleft {
  text-align: left;
}
.sectioncontainer{
 max-width: 1620px!important;
}
.zs_sectioncontainer {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}
section {
  position: relative;
}
.zs-compSearchArea {
margin-bottom:80px;
}
.zs-videoBlock-parent{
padding-bottom:100px;
}
.zs-comp-w-100{
  width:100%;
}
.zs-comp-d-flex{
  display: flex;
}
.zs-comp-py-5px{
  padding: 5px 0px;
}
.zs-comp-align-start{
  align-items: start;
}
.zs-comp-align-end{
  align-items: end;
}
.zs-comp-justify-center{
  justify-content: center;
}
.zs-comp-justify-start{
  justify-content: start;
}
.zs-comp-justify-end{
  justify-content: end;
}
.zs-comp-align-center{
align-items: center;
}
.zs-comp-flex-col{
flex-direction: column;
}
.zs-comp-flex-wrap{
  flex-wrap: wrap;
}
.zs-comp-h-100{
  height: 100%;
}
.zs-comp-position-rel{
  position: relative;
}
header .zw-product-header{
background-color: #FFF4F4;
}
section.zs-comp-firstFold {
  background-color: #FFF4F4;
     padding-top: 65px;
  position: relative;
}
.zs-comp-tab {
    margin-top: 25px;
}
.zs-comp-vectorFirstfold{
  position: absolute;
z-index:0;
  bottom: -6px;
}
.zs-comp-searchIcon{
  width: 35px;
  height: 36px;
  transform: scale(0.8);

}
section.zs-comp-firstFold .zs-comp-leftSidePart {
  width: 45%;
}
.zs-comp-firstFold .zs-comp-leftSidePart .zs-comp-leftSidePartInner{
  max-width: 400px;
  margin-left: 75px;
}
.zs-comp-firstFold .zs-comp-leftSidePart .zs-comp-leftSidePartInner h1{
font-weight: 400;
padding-left: 20px;
font-family: 'Zoho_Puvi_Light';
color:#222222;
}
.zs-comp-step__label{
  transition: 0.2s ease-in-out;
}
.zs-comp-step__label:hover{
scale: 1.1;
}
section.zs-comp-firstFold .zs-comp-rightSidePart {
  width: 55%;
}
.zs-comp-firstFold .zs-comp-rightSidePart .zs_comp_firstfoldHeroImg{
  width: 100%;
  min-height: 555px;
  height: 100%;
   z-index:10;
 border: 2px solid #ffe9e9;
    border-bottom: 0px;
    border-right: 0px;
    border-top-left-radius: 20px;
}
.zs-comp-firstFold .zs-comp-superText{
  color:#F0483E;
  font-family: 'Zoho_Puvi_ExtraBold';
}
.zs-comp-arrow {
    position: absolute;
    left: 18%;
    bottom: -29px;
    transform: rotate(-89deg);
    cursor: pointer;
}

.zs-comp-arrow span {
    display: block;
    width: 22px;
    height: 22px;
    border-bottom: 5px solid #7a7a7a;
    border-right: 5px solid #7a7a7a;
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 2s infinite;
}

.zs-comp-arrow span:nth-child(2) {
    animation-delay: -0.2s;
}

.zs-comp-arrow span:nth-child(3) {
    animation-delay: -0.4s;
}

@keyframes animate {
    0% {
        opacity: 0;
        transform: rotate(45deg) translate(-10px, -5px);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: rotate(45deg) translate(10px, 10px);
    }
}
.zs-comp-sectionHeader{
  max-width: 705px;
    text-align: center;
}
.arrow__wrapper{
  left: 50%;
  transform: translate(-18%, -19%);
  width: 200px;
   top: 52%;
}
.arrow__wrapper svg{
  width: 225px;
}
.arrow__wrapper .pathSvg { stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: dash 2s linear forwards; animation-iteration-count: 1;animation-delay: 2s;}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
.zs-comp-frame {
  border: 1px solid #ccc; /* adjust the border as needed */
  position: relative;
}
.zs-comp-corner {
  width: 10px; /* adjust the corner size as needed */
  height: 10px;
  border-radius: 50%;
  background-color: #0b88fb;
  position: absolute;
}
.zs-comp-top-left {
     top: -5px;
    left: -5px;
}
.zs-comp-top-left::after{content: "";
}
.zs-comp-top-right {
     top: -5px;
    right: -5px;
}
.zs-comp-bottom-left {
bottom: -6px;
    left: -5px;
}
.zs-comp-bottom-right {
    bottom: -7px;
    right: -6px;
}
.zs-comp-rect{
width: 10px;
    height: 10px;
    background: #0b88fb;
    position: absolute; 
    }
    .zs-comp-rect1{left: 50%;
    top: -5px;}
    .zs-comp-rect2{top: 50%;
    right: -5px;}
    .zs-comp-rect3{left: 50%;
    bottom: -5px;}
    .zs-comp-rect4{left: -5px;
    top: 50%;}
    .zs-comp-cursorClick{
        width: 25px;
        height: 25px;
        rotate: 19deg;
        position: absolute;
      }
.zs-comp-fourthFoldBlockCenter div:first-child{
  max-width: 500px;
  margin-bottom: 75px;
}
.zs-comp-sectionHeader p{
margin-top:0px;
}
.zs-comp-shapeClick{
  left: 71px;
  top: 57px;
  animation: first-user-cursor 2s 1s infinite;

}
.zs-comp-shapeInitialClick{
opacity:0;
  }
.zs-comp-cursor-Area{
  opacity: 0;
}
.zs-comp-cursor-Area.zs-comp-shapeArea, .zs-comp-cursor-Area.zs-comp-textArea, .zs-comp-cursor-Area.zs-comp-logoArea{
  opacity: 1;
border: 1px solid #6f6a6a;
}
.zs-comp-z-index{
  z-index: 99;
}
.zs-comp-textClick{
  left: 130px;
    top: 115px;
    animation: second-user-cursor 2s  infinite;
}
.zs-comp-logoClick{
  left: 130px;
  top: 115px;
  animation: third-user-cursor 1.4s infinite;
 transition-delay: 0.3s;
  animation-iteration-count: 1;
}
.zs-comp-animationStop{
  animation: unset;
  left: 357px;
  top: 115px;
}
.zs-comp-textArea{
  width: 245px;
    left: 81px;
    top: 71px;
    height: 165px;
}
.zs-comp-logoArea{
  width: 260px;
    right: 73px;
    top: 0;
    height: 319px;
}
@keyframes first-user-cursor {
  0% {
    left: 71px;
    top: 57px;
  }
}
@keyframes first-user-initialcursor {
0%{
 left: 410px;
    top: 95px;
}
  100% {
    left: 71px;
    top: 57px;
  }
}
@keyframes second-user-cursor {
  0% {
    left: 71px;
    top: 57px;
  }
 
  100% {
    left: 130px;
    top: 115px;
    opacity: 1;
  }
 

}
@keyframes third-user-cursor {
  0% {
    left: 130px;
    top: 115px;
  }
  100% {
    left: 410px;
    top: 115px;
  }
 
}
.zs-bottomStrikeText {
    margin-top: -35px;
}
.zs-bottomStrikeText span {
  display: inline-block;
  position: relative;
  white-space: nowrap;
margin-top:0px;
overflow:hidden;
  }
  .zs-bottomStrikeText span::after {
position: absolute;
    top: calc(50% - 0px);
    left: 0;
    width: 100%;
    content: '';
    display: block;
    border-top: 1px solid currentColor;
    transform: translateX(-100%);
    transition: transform .85s ease-in-out;
    color: #F0483E;
  }
  .zs-bottomStrikeText span.zs-strikeactive{
    color: #F0483E;
  }
  .zs-bottomStrikeText span.zs-strikeactive::after {
    transform: translateX(0);
  }
.zs-comp-firstFold .zs_comp-subText{
border-left: 1px solid black;
padding-left:20px;
margin-top: 65px;
}
.zs-compSearchArea .zs-comp-position-rel {
  max-width: 415px;
}
.zs-comp-urlType{
  min-height: 53px;
  height: 100%;
  min-width: 300px;
  border-radius: 33px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border: 1px solid #ada9a9;
  outline: 0;
  font-size: 21px;
  padding-left: 25px;
  background-color: #fff;
  display: flex;
  align-items: center;
}

.zs-comp-icon-30{
  width: 30px;
  height: 30px;
}
.zs-comp-iconglobe{
  width: 80px;
  height: 85px;
transform: scale(0.9);
}
.zs-comp-fourthFoldBlockCenter p, .zs-comp-fourthFoldBlockCenter h3{
  color: #fff;
}
.zs-comp-sixthFold{
background-color:#fff;
}
.zs-comp-groupInput  span{
  height: 53px;
  border: 1px solid #ada9a9;
  border-left: 0;
  border-radius: 33px;
  padding: 0px 20px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  background-color: #5b5b5b;
}
.zs-comp-SecondFoldImg .zs-comp-groupInpuDiv{
  position: absolute;
  left: -4px;
  z-index: -1;
  top: -14px;
}
.zs-comp-subTextTwo{
margin:0px;
}
.zs-comp-leftSidePartInner  .create-new-btn{
margin-top:25px;
}
.zs-comp-firstFold .zs_comp-subText .zs-comp-subTextOne{
  font-size: 36px;
    font-weight: 700;
    font-family: 'Zoho_Puvi_Bold';
     margin-bottom: 6px;
    color: #222222;
    margin-top:0px;
}
.zs-comp-videoPlayback .zs_comp_clickImg{
  margin-bottom: -7px;
  width: 100%;
    min-width: 400px;
}
.zs-pdf-parent{
    grid-gap: 40px;
}
.zs-pdfLeft .zs-comp-svgParent:first-child{
  animation: floating 3s infinite ease-in-out;
}
.zs-pdfLeft .zs-comp-svgParent:nth-child(2){
  animation: floating 4.7s infinite ease-in-out;
}
.zs-pdfLeft .zs-comp-svgParent:nth-child(3){
  animation: floating 3.5s infinite ease-in-out;
}
.zs-pdfRight .zs-comp-svgParent:first-child{
  animation: floating 3s infinite ease-in-out;
}
.zs-pdfRight .zs-comp-svgParent:nth-child(2){
  animation: floating 4.7s infinite ease-in-out;
}
.zs-pdfRight .zs-comp-svgParent:nth-child(3){
  animation: floating 3.5s infinite ease-in-out;
}
@keyframes floating {
  0% { transform: translate(0,  0px); }
  50%  { transform: translate(0, 15px); }
  100%   { transform: translate(0, -0px); }    
}
.zs-comp-svgParent svg{
  width: 80px;
  height: 80px;
 

}
.zs-comp-SecondFoldImg .zs-pdfLeft, .zs-comp-SecondFoldImg .zs-pdfRight{
  width: 25%;
}
.zs-comp-SecondFoldImg .zs-pdfCenter{
  width: 50%;
  }
 .zs-comp-SecondFoldImg .zs-pdfCenter video{
    z-index: 10;
      margin-bottom: 35px;
    scale: 1.2;
width: 800px;
  }

.zs-comp-fourthFold{
background-color: #222222;
height: 700px;
width: 100%;
}
.zs-comp-fourthFold .zs-comp-fourthFoldInner{
  justify-content: center;
  min-height: 100%;
}

.zs-comp-thirdFold{
background: linear-gradient(180deg, #fbfafa 10%, #fbfbfb 38%, #fff 100%);
}
.zs-comp-thirdFold .zs-videoBlock{
  justify-content: space-between;
}
.zs-comp-thirdFoldLeftPart , .zs-comp-thirdFoldRightPart{
  width: 45%;

}
.zs-comp-fourthFoldBlockRight{
  margin-left:195px;
}
.zs-design-vector{
  margin-left:-2px;
}
.zs-comp-svgParent {
  height: 115px;
}
.zs-comp-d-flex.zs-comp-flex-col.zs-pdfLeft .zs-comp-svgParent {
  padding-right: 50px;
}
.zs-comp-d-flex.zs-comp-flex-col.zs-pdfRight .zs-comp-svgParent {
  padding-left: 50px;
}
.zs-comp-fourthFoldBlockRight svg{
  width: 150px;
  height: 460px;
  margin-left: 30px;
}
.zs_marginleftRight_small{
  margin: 0px 20px;
}
.zs-comp-SecondFoldImg .zs-pdfCenter .pdf-centerVideoBlock{
  margin-left: -235px;
}
.compare-vid {
    bottom: -8%;
    z-index: 99;
    right: -38%;
}
.comp-compare {
    bottom: 10%;
    right: 0%;
}
.custom-btn {
  right: -10%;
}
.zs-comp-SecondFoldImg .zs-pdfCenter img:first-child{
  width: 230px;
  height: 230px;
        margin-bottom: 11.5px;
    z-index: 99;
    left: -65px;
}
.zs-comp-SecondFoldImg .zs-pdfCenter .zs-design-vector{
  width: 210px;
  height: 210px;
  z-index: 99;
  margin-left: 63px;
margin-bottom:13.5px;
  }
.zs-comp-SecondFoldImg .zs-pdfCenter img{
  object-fit: contain;
  object-position: bottom;
}


.zs-comp-thirdFoldLeftPart video, .zs-comp-thirdFoldRightPart video{
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
border-radius: 5px;
width: 100%;
height: 100%;
}
section .create-new-btn .zs-comp-importBtn{
  color: #fff;
  font-size: 15px;
  text-transform: capitalize;
}

.zs-comp-sixthFold .zs_comp_footerImg{
  width: 100%;
  max-width: 575px;
}
.zs-bottomStrikeText{
  justify-content: space-between;
}
.zs-bottomStrikeText span{
font: 23px / 1.4 'Zoho_Puvi_Regular';
color:#f0483e;
}
.zs-bottomStrikeText div{
  width: 50%;
  justify-content: space-around;
  padding-right: 50px;
  padding-left: 37px;


}
.zs-comp-rightContentPart{
  justify-content: space-between;
}

@-webkit-keyframes bounce {
  0% {
    transform: scale(1);
  }
  33% {
    transform: scale(0.9);
  }
  66% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes bounce {
  0% {
    transform: scale(1);
  }
  33% {
    transform: scale(0.9);
  }
  66% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

 

/* Component Styles - zs-comp-steps */
.zs-comp-steps {
  display: flex;
  width: 100%;
  margin: 0;
  padding: 0 0 20px 0;
  list-style: none;
}

.zs-comp-step {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: 1;
  position: relative;
curser:pointer;
}
.zs-comp-step__icon{
curser:pointer;
}
.zs-comp-steps li:first-child .zs-comp-step__icon{
  background-color: #FF0707;
  border-color: #FF0707;
}
.zs-comp-step--active, .zs-comp-step--complete {
  cursor: pointer;
  pointer-events: all;
}
.zs-comp-step:not(:last-child) .zs-progress-before, .zs-comp-step:not(:last-child) .zs-progress-after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 2px;
  content: "";
  transform: translateY(-50%);
  will-change: width;
  z-index: -1;
  transition: width 0.3s ease-out;
}
.zs-comp-step .zs-progress-before{
  width: 100%;
  background-color: #e6e7e8;
}


.zs-comp-step--complete .zs-progress-after {
  width: 0%;
  background-color: #FF0707;
}
.zs-comp-step--complete .zs-progress-before-after {
  opacity: 1;
  transition: width 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

.zs-comp-step__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 20px;
  height: 20px;
  background-color: #efefef;
  border: 2.5px solid #e6e7e8;
  border-radius: 50%;
  color: transparent;
  font-size: 20pxm;
}
.zs-comp-step__icon .zs-progress-before {
  display: block;
  color: #fff;
}
.zs-comp-step--complete.zs-comp-step--active .zs-comp-step__icon {
  color: #fff;
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.zs-comp-step--incomplete.zs-comp-step--active .zs-comp-step__icon {
  border-color: #efefef;
  transition-delay: 0.5s;
}
.zs-comp-step--complete .zs-comp-step__icon {
  -webkit-animation: bounce 0.5s ease-in-out;
          animation: bounce 0.5s ease-in-out;
  background-color: #FF0707;
  border-color: #FF0707;
  color: #fff;
}
.zs-comp-fifthFoldRightPart{
  position: relative;
  min-height: 490px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zs-comp-tab video{
  max-width: 600px;
  width: 100%;
    box-shadow: 0px 4px 18.6px 0px rgba(70, 70, 70, 0.15);
    border-radius: 8px;
}
.zs-comp-fifthFoldRightPart::before{
    content: "";
    position: absolute;
    width: 100%;
    background-image: url(/sites/zweb/images/show/zs-comp-tabvideobg.webp);
    height: 100%;
    left: 0;
    top: -32px;
    background-position: center;
    z-index: -1;
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 565px;
}
.zs-comp-step__label {
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-top: 10px;
  font-size: 20px;
  transform: translateX(-50%);
  transform: scaleX(-1);
  rotate: -90deg;
  width: 100%;
  top: 105px;
  left: -15px;
  bottom: 50px;
  margin: 0px;
  white-space: nowrap;
   cursor: pointer;
}
.zs-comp-step--incomplete.zs-comp-step--inactive .zs-comp-step__label,.zs-comp-step--incomplete.zs-comp-step--active .zs-comp-step__label {
  color: #000000;
}
.zs-comp-fourthFoldBlockLeft{
width:35%;
}
.zs-comp-fourthFoldBlock{
width:65%;
}
.zs-comp-fifthFoldLeftPartParent{
  width: 40%;
  position: relative;
  height: 520px;
}
.zs-comp-fifthFoldLeftPart{
  rotate: -90deg;
  transform: scaleX(-1);
  margin-right: auto;
  left: -25%;
  top: 46%;
  position: absolute;
}
.zs-comp-fifthFoldRightPart{
  width: 60%;
}
.zs-comp-videoPlayback{
  position: relative;
 width: 590px;
 
}
.zs-comp-shapeArea{
  width: 282px;
    left: 60px;
    top: 45px;
    height: 214px;

}
.zs_comp_text , .zs_comp_logo, .zs_comp_shape{
  position: absolute;
  width: 100%;
  height: 550px;
  right: -30%;
  top: -135px;
  min-width: 180px;
  max-width: 250px;
  box-shadow: rgb(0 0 0 / 3%) 0px 5px 12px;
  border-radius: 5px;
  
}
.zs_comp_text img, .zs_comp_logo img, .zs_comp_shape img{
border-radius:5px;
}
.i18n-ar .zs-comp-firstFold .zs-comp-leftSidePart .zs-comp-leftSidePartInner h1 {
    padding-right: 20px;
    padding-left: unset;
}
.i18n-ar .zs-comp-firstFold .zs_comp-subText {
    border-right: 1px solid black;
    padding-right: 20px;
    border-left: 0;
    padding-left: unset;
}
.i18n-ar .zs-comp-sectionHeader *,.i18n-ar .zs-comp-sixthFoldInner *{
    text-align: center;
}
.i18n-ar .zs-comp-urlType {
    padding-right: 25px;
}
.i18n-ar .zs-comp-h-100.zs-comp-d-flex.zs-comp-align-center.zs-comp-groupInput.zs-comp-w-100.zs-comp-justify-end {
    direction: ltr;
}

.i18n-ar .zs-comp-SecondFoldImg .zs-pdfCenter .pdf-centerVideoBlock {
    margin-right: -235px;
    margin-left: unset;
}
.i18n-ar .zs-comp-d-flex.zs-comp-fourthFoldParent.zs_paddingtop_large.zs-comp-w-100.zs-comp-justify-center.zs-comp-align-end,.i18n-ar .zs-comp-d-flex.zs-comp-fourthFoldBlock.zs-comp-align-end {
    direction: ltr;
}
.i18n-ar .zs-comp-SecondFoldImg .zs-pdfCenter .zs-design-vector {
    margin-right: 63px;
    margin-left: 0;
}
.i18n-ar .zs-comp-d-flex.zs-comp-flex-col.zs-pdfRight .zs-comp-svgParent {
    padding-right: 50px;
    padding-left: 0;
}
.i18n-ar .zs-comp-d-flex.zs-comp-flex-col.zs-pdfLeft .zs-comp-svgParent {
    padding-left: 50px;
    padding-right: unset;
}
.i18n-ar .zs-comp-SecondFoldImg .zs-pdfCenter img:first-child {
    right: -65px;
    left: unset;
}
.other-lang .zs-comp-vectorFirstfold {
    display: none;
}
.i18n-ar .zs-comp-fifthFoldLeftPart {
    rotate: -90deg;
    transform: scaleX(1);
    margin-left: auto;
    margin-right: 0;
    right: -25%;
    left: auto;
}
.i18n-ar .zs-comp-step:not(:last-child) .zs-progress-before, .i18n-ar .zs-comp-step:not(:last-child) .zs-progress-after {
    right: 50%;
    left: auto;
}
.i18n-ar .zs-comp-step__label {
    transform: scaleX(1);
    rotate: 90deg;
    right: -15px;
    left: auto;
    top: -80px;
    bottom: 105px;
}

@media only screen  and (max-width: 475px) { 
.i18n-en  section.zs-comp-fourthFold {
        height:700px;
    }
    li.zs-comp-step .zs-comp-step__label {
        font-size: 8px;
    }
    .zs-comp-firstFold .zs_comp-subText p {
        max-width: 95%;
    }
.zs-comp-SecondFoldImg .zs-pdfCenter video {
scale:1;
}
 .zs-pdfCenter{
    order: 1;
  }
  .zs-pdf-parent{
    flex-direction: column;
  }
  .zs-comp-secondFoldInner .zs-comp-SecondFoldImg .zs-pdfRight .zs-comp-svgParent,.zs-comp-secondFoldInner .zs-comp-SecondFoldImg .zs-pdfLeft .zs-comp-svgParent{
    justify-content: center;
    animation: unset;
    height: 50px;
  }
  .zs-comp-SecondFoldImg .zs-pdfRight{
    order: 2;
   
  }
  .zs-comp-SecondFoldImg .zs-pdfLeft{
    order: 3;
  }

  .zs-comp-SecondFoldImg .zs-pdfLeft, .zs-comp-SecondFoldImg .zs-pdfRight {
    width: 100%;
    display: flex;
    flex-direction: row;
}
  .zs-comp-SecondFoldImg .zs-pdfRight .zs-comp-svgParent{
    justify-content: center;
    animation: unset;
    height: 50px;
  }
.zs-comp-urlType {
   min-width: 70%;
}
  .zs-comp-fourthFoldBlockCenter div:first-child{
    max-width: 90%;
    margin: auto;
  }
  .zs-comp-fifthFoldBlockInner .zs-comp-fifthFoldRightPart{
    margin-top: 35px;
      margin-bottom:0px;
  }
.zs-comp-firstFold .zs-comp-leftSidePart .zs-comp-leftSidePartInner h1{
font-size:28px;
}
.zs-comp-step .zs-comp-step__label{
 font-size:10px;
}
.zs-comp-fourthFoldBlockCenter div:first-child {
        margin-bottom: 15px;
    }
   .arrow__wrapper {
          transform: scale(0.6);
          translate: -33%;
        }
  .zs-comp-fourthFoldBlockCenter .zs-comp-videoPlayback{
    transform: scale(0.5);
  }
  .zs-comp-thirdFoldInner .zs-bottomStrikeText span {
    font-size: 11px;
}
  .zs-bottomStrikeText div {
    width: 100%;
  }
}
@media only screen  and (max-width: 400px) { 
    .zs-comp-groupInput .zs-comp-urlType {
        font-size: 18px;
        min-width: 65%;
}
}@media only screen  and (max-width: 375px) { 
  .zs-comp-fourthFold .zs-comp-fourthFoldBlockCenter .zs-comp-videoPlayback{
    transform: scale(0.4);
    margin-left: -70px;

  }
  .zs-comp-secondFoldInner .zs-comp-urlType{
    min-width: 200px;
  }
  .zs-comp-fourthFoldBlockCenter div:first-child {
    max-width: 400px;
    margin-bottom: 75px;
    margin: auto;
  }

}

@media only screen  and (max-width: 600px) { 
section.zs-comp-thirdFold{
background: linear-gradient(180deg, #fdfdfd 10%, #fdfdfd 38%, #ffffff 100%);
}
 .zs-comp-compareVideo.compareVideMobile{
  display: block;
 }
 .zs-comp-compareVideo.compareVideDesktop{
  display: none;
 }
}
@media only screen and (min-width: 1700px){
.zs_comp_firstfoldImg{
  width: 580px;
}
.zs-comp-videoPlayback .zs_comp_clickImg {
    margin-bottom: 28px;
}
.zs-comp-videoPlayback{
          transform: scale(1.2);
        margin-left: 58px;
}
.zs-comp-fourthFold{
min-height:800px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1280px){
.zs-comp-firstFold .zs-comp-rightSidePart .zs_comp_firstfoldHeroImg {
object-fit: cover;
    object-position: left
}
.zs-comp-firstFold .zs-comp-leftSidePart .zs-comp-leftSidePartInner{
    transform: scale(0.8);
}
}
@media only screen and (min-width: 1025px) and (max-width: 1119px){
.zs-comp-fourthFoldBlock {
justify-content:end;
}
.zs_comp_firstfoldImg{
min-width:478px;
}
  .zs-bottomStrikeText span {
    font-size: 17px;
  }
  .zs-comp-fourthFoldParent{
    justify-content: start;
  }
.zs-comp-fourthFoldBlockRight{
  display: none;
}
.zs-comp-videoPlayback{
  margin-bottom: -40px;
        left: -93px;
        transform: scale(0.75);
}
.zs-comp-fourthFoldBlockLeft{
          min-width: 400px;
}
}

@media only screen and (min-width: 1119px) and (max-width: 1440px){
  .zs-bottomStrikeText span {
    font-size: 19px;
  }
  .zs-comp-fourthFoldBlockCenter div:first-child{
    margin-bottom: 93px;
  }

  .zs-comp-fourthFoldBlockLeft{
    min-width: 550px;
  }
  .zs-comp-videoPlayback{
    transform: scale(0.78, 0.9);
        margin-left: -78px;
        margin-bottom: -16px;
  }
  .zs-comp-fourthFoldParent {
    justify-content: start;
  }
  .zs-comp-fourthFoldBlockLeft img{
    width: 578px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1080px){
  .zs-comp-SecondFoldImg .zs-pdfCenter .pdf-centerVideoBlock {
    margin-left: -145px;
}
.zs-comp-secondFoldInner .zs-comp-SecondFoldImg .zs-pdfCenter img {
  width: 150px;
  height: 150px;
}
  .i18n-ar .zs-comp-SecondFoldImg .zs-pdfCenter .pdf-centerVideoBlock {
        margin-right: -145px;
        margin-left: unset;
    }
.i18n-ar .zs-comp-step__label {
top: -50px;
font-size: 16px;
}

}
@media only screen and (min-width: 768px) and (max-width: 1024px){
.zs-comp-SecondFoldImg .zs-pdfCenter video {
    scale: 1.3;
}
section.zs-comp-firstFold{
padding-top:0px;
}
    .zs-comp-fourthFoldBlockCenter div:first-child {
        margin-bottom: 50px;
    }
  .zs-bottomStrikeText span {
    font-size: 13px;
  }
  .zs-bottomStrikeText div {
    padding-left: 26px;
  }

}
@media only screen and (max-width: 1024px){
.i18n-de  section.zs-comp-fourthFold , .i18n-vi  section.zs-comp-fourthFold{
        height:785px;
    }
    section.zs-comp-fourthFold {
        height:750px;
    }
.zs-comp-firstFold .zs-comp-leftSidePart .zs-comp-leftSidePartInner{
  max-width: 100%;
  width: 100%;
  text-align: center;
  margin-left: 0px;
}
.zs-comp-firstFold .zs_comp-subText {
  border-left: 0px;
  margin-top: 0px;
}
.zs-comp-firstFold .zs-comp-leftSidePart .zs-comp-leftSidePartInner h1 {
  padding-left: 0px;
  font-family: 'Zoho_Puvi_Bold';
  color: #000000;
  margin-bottom: 0px;
}
section.zs-comp-firstFold .zs-comp-rightSidePart{
  width: 100%;
  margin-left: 170px;
  margin-top: 50px;
}
section.zs-comp-firstFold .zs-comp-leftSidePart{
  width: 100%;
}
section.zs-comp-firstFold .zs-comp-firstFoldInner{
  flex-direction: column;
  align-items: center;
}
  .zs-bottomStrikeText span {
    font-size: 15px;
  }
  .zs-comp-lineArrow path{
    fill: #474646;
  }
  .zs-comp-videoPlayback{
    position: relative;
    transform: scale(0.65);
    transform: scale(0.8);
    margin-left: -89px;
   z-index: 99;
   margin-bottom: 70px;
  }
  .zs-comp-fourthFoldBlockRight{
    position: absolute;
    margin-left: 0px;
    transform: scaleX(-1);
    z-index: 10;
    left: 0px;
    
    }
  .zs-comp-fourthFold .zs-comp-fourthFoldInner .zs-comp-fourthFoldParent{
    max-width: 100%;
    justify-content: center;
  }
.zs-comp-fourthFoldBlockCenter div:first-child {
  margin-bottom: 40px;
}
  .zs-comp-fourthFold .zs-comp-fourthFoldBlock {
   width:unset;
    flex-direction: row-reverse;
    text-align: center;
}
.zs-comp-fourthFold .zs-comp-fourthFoldBlockLeft{
  display: none;
 }

 
 .zs-comp-fourthFold .zs-comp-fourthFoldInner{
  min-height: unset;
}
  .i18n-ar .zs-comp-firstFold .zs-comp-leftSidePart .zs-comp-leftSidePartInner *{
        text-align: center;
    }
    .i18n-ar .zs-comp-firstFold .zs_comp-subText {
        border-right: 0;
        padding-right: 0;
    }
 .i18n-ar .zs-comp-firstFold .zs-comp-leftSidePart .zs-comp-leftSidePartInner {
        margin-right: 0;
        margin-left: unset;
    }
    .i18n-ar .zs-comp-fourthFoldBlockCenter .zs_paddingbottom_large *{
        text-align: center;
    }
    .i18n-ar .zs-comp-fourthFoldBlockRight svg {
        display: none;
    }
}

@media only screen  and (max-width: 769px) { 
.zs-comp-d-flex.zs-comp-flex-col.zs-pdfLeft .zs-comp-svgParent {
    padding-right: 0px;
  }
  .zs-comp-svgParent{
    height: unset;
  }
  .zs-comp-d-flex.zs-comp-flex-col.zs-pdfRight .zs-comp-svgParent {
    padding-left: 0px;
  }
  .zs-comp-SecondFoldImg .zs-pdfCenter img{
    display: none;
  }
  .zs-comp-SecondFoldImg .zs-pdfCenter .pdf-centerVideoBlock {
    margin-left: 0px;
  }
  .zs-comp-SecondFoldImg .zs-pdfCenter{
    padding: 0px;
    width: 100%;
  }
section.zs-comp-firstFold{
padding-top:0px;
}
 .zs-bottomStrikeText{
    justify-content: center;
    margin-top:0px;
  }
  .zs-bottomStrikeText div {
    padding-right: 0;
    padding-left: 0px;
  }
  .zs-comp-videoPlayback{
    transform: scale(0.65);
  }
  .zs-comp-fourthFoldBlockRight svg {
    width: 150px;
    height: 440px;
    margin-left: 30px;
}
  .zs-comp-emptyDiv{
    display: none;
  }
  .zs-bottomStrikeText p {
    font-size: 10px;
  }

  .zs-comp-fourthFoldBlockCenter h4 {
  font-size: 22px;
}
  .zs-comp-fourthFoldBlockCenter p, .zs-comp-fourthFoldBlockCenter h4 {
    margin: 20px 40px;
  }


  section.zs-comp-firstFold .zs-comp-vectorFirstfold{
    display: none;
  }



.zs-comp-py-5px {
  padding: 0px;
}

.zs-comp-firstFold .zs-comp-rightSidePart .zs_comp_firstfoldHeroImg{
  min-height: 280px;
}
.zs-comp-firstFold .zs_comp-subText .zs-comp-subTextOne {
  font-size: 26px;
margin: 25px 0px 0px 0px;
}
.zs-comp-firstFold .zs_comp-subText p{
  font-size: 17px;
}
.zs-comp-firstFold .create-new-btn{
  display: none;
}
.zs-comp-SecondFoldImg .zs-pdfLeft .zs-comp-svgParent{
justify-content: start;
}
.zs-comp-SecondFoldImg .zs-pdfRight .zs-comp-svgParent{
  justify-content: flex-end;
}
.zs-comp-svgParent svg{

  transform: scale(0.7);
}
.zs-comp-thirdFold .zs-videoBlock{
  flex-direction: column;
  }
  .zs-comp-thirdFoldLeftPart, .zs-comp-thirdFoldRightPart{
    width: 100%;
  }

.zs-comp-fifthFoldLeftPartParent{
  width: 100%;
  height: 100%;
  }
  .zs-comp-fifthFoldLeftPart{
    position: unset;
          transform: unset;
          rotate: unset;
  }
  .zs-comp-step__label{
    transform: unset;
          bottom: -43px;
          left: 27%;
          top: unset;
          rotate: unset;
          white-space: nowrap;
          font-size: 12px;
      
  }
  .zs-comp-fifthFoldBlockInner{
    flex-direction: column;
  }
  .zs-comp-fifthFoldRightPart{
    width: 100%;
    margin-top: 90px;
        margin-bottom: 60px;
  }
    .i18n-ar .zs-comp-SecondFoldImg .zs-pdfCenter .pdf-centerVideoBlock {
        margin-right: 0;
        margin-left: unset;
    }
    .i18n-ar .zs-comp-d-flex.zs-comp-flex-col.zs-pdfLeft .zs-comp-svgParent {
        padding-left: 0;
        padding-right: unset;
    }
    .i18n-ar .zs-comp-d-flex.zs-comp-flex-col.zs-pdfRight .zs-comp-svgParent {
        padding-right: 0;
        padding-left: unset;
    }
.i18n-ar .zs-comp-fifthFoldLeftPart {
        position: unset;
        transform: unset;
        rotate: unset;
}
.i18n-ar .zs-comp-step__label {
        transform: unset;
        bottom: -43px;
        right: 27%;
        left: unset;
        top: unset;
        rotate: unset;
} 
}

.zs-comp-position-abs{
  position: absolute;
}
.zs-comp-cursorClick{
  width: 25px;
  height: 25px;
  rotate: 19deg;
 
}

@media only screen  and (max-width: 1199px) {
.zs-comp-secondFold{
    margin-bottom: 80px;
}
  .zs-comp-fourthFold .zs-comp-fourthFoldInner{
    min-height: 100%;
  }
    h1 {
      font-size: 36px;
    }
    h2 {
      font-size: 30px;
    }
    h3 {
      font-size: 22px;
    }
    p {
      font-size: 18px;
    }
    .zs_paddingtop_small {
      padding-top: 20px;
    }
    .zs_paddingbottom_small {
      padding-bottom: 20px;
    }
    .zs_margintop_small {
      margin-top: 20px;
    }
    .zs_marginbottom_small {
      margin-bottom: 20px;
    }
    .zs_paddingtopbottom_small {
      padding: 20px 0;
    }
    .zs_margintopbottom_small {
      margin: 20px 0;
    }
  
    .zs_paddingtopbottom_large {
      padding: 30px 0;
    }
    .zs_margintopbottom_large {
      margin: 30px 0;
    }
    .zs_sectioncontainer {
      padding: 0 20px;
    }
    .i18n-ar .zs-comp-fourthFoldBlock {
        justify-content: start;
    }
}

@media only screen  and (max-width: 1280px) {
    .zs_sectioncontainer {
        max-width: 1140px;
    }
}
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange; }
}
@media only screen and (min-width: 1600px) {
.zs-videoBlock-parent{
scale: 1.12;
 margin-top: 35px;
}  .zs-comp-SecondFoldImg .zs-pdfLeft{
    position: relative;
    left: -7%;
   }
.zs-comp-SecondFoldImg .zs-pdfCenter{
width:90%;
}
   .zs-comp-SecondFoldImg .zs-pdfRight{
    position: relative;
    right: -7%;
   }
   .zs-comp-d-flex.zs-comp-flex-col.zs-pdfLeft .zs-comp-svgParent{
    padding-right: 0px;
   }
   .zs-comp-d-flex.zs-comp-flex-col.zs-pdfRight .zs-comp-svgParent{
    padding-left: 0px;
   }
}