* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
  }
  
  html {
    font-family: var(--zf-primary-regular),sans-serif;
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    line-height: 1.5em;
    color: #333;
    overflow-x: hidden
  }
  
  body {
    font-size: 18px;
    font-family: var(--zf-primary-regular),sans-serif;
    margin: 0;
    padding: 0;
    overflow-x: initial;
    background-color: #fbfbfb
  }
  
  button,input,select,textarea {
    font-family: var(--zf-primary-regular),sans-serif
  }
  
  a {
    text-decoration: none;
    outline: 0;
    transition: color ease .2s
  }
  
  ol ol,ol ul,ul ol,ul ul {
    margin: 0
  }
  
  nav ul,nav ol {
    list-style: none;
    list-style-image: none
  }
  
  img,video {
    border: 0;
    -ms-interpolation-mode: bicubic;
    max-width: 100%;
    height: auto;
    width: auto;
    vertical-align: middle;
    position: relative
  }
  
  blockquote {
    margin: 1.5em 30px
  }
  
  h1 {
    font-family: var(--zf-primary-bold),sans-serif;
    font-size: 44px;
    line-height: 1.2em;
    margin-top: .5em;
    font-weight: normal
  }
  
  h2 {
    font-family: var(--zf-primary-semibold),sans-serif;
    font-size: 36px;
    line-height: 1.3em;
    margin-top: .75em;
    margin-bottom: .75em;
    font-weight: normal;
    color: #000
  }
  
  h3 {
    font-family: var(--zf-primary-semibold),sans-serif;
    font-size: 26px;
    line-height: 1.3em;
    margin-top: .75em;
    margin-bottom: .75em;
    font-weight: normal;
    color: #000
  }
  
  .zw-template-inner h4 {
    font-family: var(--zf-primary-semibold),sans-serif;
    font-size: 20px;
    line-height: 1.4em;
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: normal
  }
  
  h5 {
    font-family: var(--zf-primary-semibold),sans-serif;
    font-size: 18px;
    line-height: 1.25em;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    font-weight: normal
  }
  
  h6 {
    font-family: var(--zf-primary-regular),sans-serif;
    font-size: 16px;
    line-height: 1.25em;
    margin-top: 1em;
    margin-bottom: 1em
  }
  
  p {
    font-family: var(--zf-primary-regular),sans-serif;
    line-height: 1.5em;
    margin: 1em 0;
    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;
    justify-content: center
  }
  
  .zs-tablecell {
    display: table-cell;
    vertical-align: middle;
    position: relative
  }
  
  .zw-product-header {
    background-color: #091522
  }
  
  .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
  }
  .privacy-content .flex-container{
    margin-top: 60px;
  }
  .zs-powerdeck-secInnerDiv  {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 225px;
    justify-content: center;
  }
  .zs-sectioncontainer {
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px
  }
  
  .zs-section-container-custom {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto
  }
  
  .zs-sectioncontainer-custom {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px
  }
  
  .zs-sectioncontainer-section-06 {
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto
  }
  
  section {
    position: relative
  }
  
  .pos-rel {
    position: relative
  }
  
  .pos-abs {
    position: absolute
  }
  
  .ui-left {
    float: left
  }
  
  .ui-right {
    float: right
  }
  
  .ui-overflow:after {
    content: "";
    display: table;
    clear: both
  }
  .zs-password-img {
    width: 50%;
    max-width: 980px;
  }
  #zs-scrumbles path{
    stroke: #B0DC7E;
  }
  
  .act-btn {
    padding: 8px 30px;
    margin: 0;
    border: 1px solid transparent;
    cursor: pointer;
    z-index: 1;
    font-size: 15px;
    text-transform: uppercase;
    position: relative;
    text-align: center
  }
  
  .zs-banner-desc {
    margin: auto;
    width: 55%;
    padding: 10px
  }
  
  .zs-temp-desc {
    margin: auto;
    width: 80%;
    color: #fff
  }
  
  .zs-temp-header {
    color: #fff
  }
  
  .zs-create-button {
    margin: 30px 20px
  }
  
  .zs-section-01 .zs-banner-bg {
    min-height: 664px;
    z-index: 1;
    background-image: url('/sites/zweb/images/show/zs_hero_bg.webp');
    background-repeat: no-repeat;
    background-size: 100% 75%;
    overflow-x: hidden;
    position: relative
  }
  
  .zs-section-01::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 75%;
    background-color: #0c1428;
  }
  
  .zs-banner-content {
    color: #fff;
     margin-bottom:24px;
  }

  
  .zs-add-ons {
    top: 20%;
    right: 0;
    animation: transitionlineanimate 2s ease 1.5s normal forwards
  }
  
  .zs-transfer {
    top: 20%;
    left: 0;
    animation: transitionlineanimate 2s ease 1.5s normal forwards
  }
  
  .zs-banner-collab {
    top: 10%;
    left: 1%;
    animation: transitionlineanimate 2s ease 1.5s normal forwards
  }
  
  .zs-fa-element {
    width: 20%;
    top: 50%;
    left: -10px;
    animation: transitionlineanimate 2s ease 1.5s normal forwards
  }
  
  .zs-share {
    left: 9%;
    top: 37%;
    animation: transitionlineanimate 2s ease 1.5s normal forwards
  }
  
  .zs-globe {
    right: 10%;
    top: 37%;
    animation: transitionlineanimate 2s ease 1.5s normal forwards
  }
  
  .zs-frame {
    top: 58%;
    right: 3%;
    animation: transitionlineanimate 2s ease 1.5s normal forwards
  }
  
  .zs-floating {
    animation: floating 1.7s .5s ease-in-out infinite
  }
  
  .zs-transition {
    position: absolute;
    opacity: 0
  }
  .zs-banner-title{
    font-size: 40px;
  }
  .zs-privacy-head{
    margin-top: 0px;
    margin-bottom: 10px;
}
  .zs-slidein {
    animation: transitionlineanimate 1s both
  }
  .zs-slideIn {
    animation: slideanim 1s forwards;
  }
  
  @keyframes slideanim {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0px);
    }
  }
  
  @keyframes transitionlineanimate {
    0% {
        opacity: 0
    }
  
    100% {
        opacity: 1
    }
  }
  
  .zs-section-02 {
    position: relative
  }
  
  .zs-pagewidth {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 30px;
    text-align: center;
    margin-bottom: 70px
  }
  
  .content-container {
    display: none
  }
  
  .zs-banner-img {
    min-height: 527px;
    width: 100%;
    height: 100%
  }
  
  .zs-banner {
    opacity: 0;
    width: 65%;
    animation: transitionlineanimate 2s ease .5s normal forwards;
    top: 45px;
  }
  
  .margintoplarge {
    margin-top: 60px
  }
  
  .slides-content p {
    width: 62%;
    margin: auto
  }
  
  .zs-slides-contain {
    position: relative;
    height: 590px;
    width: 1050px;
    margin: 50px auto
  }
  
  .slide-container {
    position: absolute;
    width: 100%;
    transition: .5s ease
  }
  
  .slide-container img {
    transition: .2s ease-in-out;
    width: 100%;
    height: 100%
  }
  .zs-banner-descFoldTwo{
    max-width: 90%;
    margin: auto;
  }
  .dot-contain {
    margin: 50px auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    width: 235px
  }
  
  .dot,.zs-tab,.zs-tabsection {
    position: relative;
    width: fit-content;
    font-weight: 600;
    font-size: 15px;
    padding: 7px 20px;
    white-space: nowrap;
    border: 1px solid #e2dede;
    cursor: pointer;
    border-radius: 25px;
    transition: background .1s ease
  }
  
  .zs-tab.active {
    background-color: #dedede;
    color: #000;
    transition: all .1s ease-in-out
  }
  
  .zs-tabsection.active {
    background-color: #d7e6ea;
    color: #000;
  }
  

  
  .create-reports-contain,.central-repo,.publish-presentation {
    margin-top: 15%
  }
  
  .zs-central-repo-slide {
    position: relative;
    left: 7em
  }
  
  .gb150 {
    gap: 150px
  }
  
  .gb50 {
    gap: 50px
  }
  
  .mb80 {
    margin-bottom: 80px
  }
  
  .mt9 {
    margin-top: 6em
  }
  
  .zs-sprinkles {
    top: 35%;
    width: 55px;
    left: 8%;
    height: 55px;
  }
  
  .zs-waves {
    top: 70%;
    right: 3%;
    width: 55px;
    height: 55px;
  }
  
  .zs-green-scrumbles {
    top: 65px;
    left: 35px;
  }
  
  .zs-yellow-scrumbles {
    top: 25%;
    right: 65%
  }
  
  .repo-yellow-scrumbles {
    top: 75%;
    left: 0
  }
  
  .repo-green-scrumbles {
    left: 35%;
    top: 95%
  }
  
  .zs-black-sprinkles {
    top: 80%;
    right: 10%
  }
  
  .zs-black-waves {
    top: 60%;
    left: 10%
  }
  
  .zs-collab-wrapper {
    width: 90%;
    margin: auto
  }
  
  .collaboration {
    width: 600px;
    z-index: -1
  }
  
  .zs-share-icon {
    position: absolute;
    top: 45%;
    width: 50px;
    height: 50px;
    right: 81px;
    z-index: 1;
  }
  .zs-scrumbles{
    width: 30px;
    height: 30px;
  }
 
  .publish-bg {
    width: 100%
  }
  
  .zs-global {
    width: 54px;
    height: 54px;
    left: 3%;
    top: 10%
  }
  
  .zs-code {
    width: 54px;
    height: 54px;
    right: 4%;
    top: 35%
  }
  
  .zs-section-04 {
    background: #ecfaffcf;
    margin-bottom: 120px;
    padding: 60px 0 60px 0;
    position: relative
  }
  
  .zs-integrated-tabs {
    gap: 16px
  }
  
  .zs-flow-tab,.zs-zapier-tab {
    gap: 5px;
    white-space: nowrap
  }
  
  .zs-section-05 {
    margin: 50px 0
  }
  
  .content {
    width: 70%;
    padding: 25px;
    opacity: 0
  }
  
  .image {
    position: relative;
    width: 100%;
    padding: 25px;
    text-align: center
  }
  
  .zs-absoluteContent-01 p,.zs-absoluteContent-03 p {
    width: 360px
  }
  
  .zs-absoluteContent-04 p {
    width: 340px
  }
  
  .zs-absoluteContent-01 h2,.zs-absoluteContent-03 h2,.zs-absoluteContent-05 h2,.zs-absoluteContent-04 h2,.zs-absoluteContent-05 p,.publish {
    width: 400px
  }
  
  .zs-absoluteContent-02 h2,.zs-file-format {
    width: 420px
  }
  
  .zs-absoluteContent-05 {
    margin: 5%
  }
  .zs-absoluteContent-03 {
       margin-left: 35px;

  }
  .zs-absoluteContent-01 {
       margin-left: 35px;

  }
  
  h2 span {
    color: #c94038;
  }
  
  .zs-integrated-apps,.zs-zapier-apps {
    position: relative;
    width: 80%;
    padding-top: 5px;
    margin: 0 auto;
    height: 600px;
    transition: all .5s ease-in-out
  }
  
  .zs-flow-video,.zs-zapier-video {
    padding: 10px;
    border: 1px solid #3535351f;
    border-radius: 17px;
    background-image: linear-gradient(90deg, #dce3e5 0%, #dce3e5 2%, #dce3e5 3%, #dce3e5 4%, #dce3e5 13%, #dce3e5 45%, #dce3e5 57%, #dce3e5 71%, #dce3e5 82%, #dce3e5 92%);
    object-fit: fill;
    width: 100%;
    height: 100%;
    max-height: 600px;
    max-width: 920px;
  }
  
  .flex-col {
    flex-direction: column
  }
  
  .icon-names {
    width: 140px
  }
  
  .zs-demand-apps {
    width: 80px
  }
  
  .zs-demand-apps-cont {
    top: 5em;
    left: -30%;
    gap: 5px
  }
  
  .zs-data-transfer-cont {
    left: -24%;
    bottom: 135px;
    gap: 5px
  }
  
  .zs-customized-report-cont {
    top: 8em;
    right: -28%;
    gap: 5px
  }
  
  .report-icon-name {
    width: 160px
  }
  
  .zs-save-time-cont {
    bottom: 18%;
    right: -24%;
    gap: 5px
  }
  
  .save-icon-name {
    width: 190px
  }
  
  .zs-error-cont {
    top: 3em;
    left: -18%;
    gap: 5px
  }
  
  .error-icon-name,.workflow-icon-name,.nocode-icon-name,.integrate-icon-name {
    width: 100px
  }
  
  .zs-workflows-cont {
    top: 15em;
    left: -12%;
    gap: 5px
  }
  
  .zs-no-coding-cont {
    top: 25em;
    left: -18%;
    gap: 5px
  }
  
  .zs-no-code,.zs-save-time {
    width: 85px
  }
  
  .zs-save-times-cont {
    top: 8em;
    right: -16%;
    gap: 5px
  }
  
  .zs-easy-integrate-cont {
    right: -17%;
    top: 25em;
    gap: 5px
  }
  
  .zs-products-galaxy {
    width: 445px
  }
  
  .zs-repo-img {
    width: 600px
  }
  
  .zs-publishes-slide {
    width: 610px
  }
  
  .zs-twitter-logo,.zs-sprints-logo,.zs-logo,.zs-pip-logo,.zs-youtube-logo,.zs-emoji {
    position: absolute;
    /* animation: floating 3s ease-in-out infinite */
  }
  .zs-twitter-logo,.zs-sprints-logo {
    animation: floating 1.4s ease-in-out infinite
  }
  .zs-logo,.zs-emoji {
    animation: floating 1.6s ease-in-out infinite
  }
  .zs-pip-logo,.zs-youtube-logo{
    animation: floating 1.8s ease-in-out infinite
  }
  
  .zs-twitter-logo {
    width: 12%;
    right: -5%
  }
  
  .zs-sprints-logo {
    width: 7%;
    right: 35%;
    bottom: 110%
  }
  
  .zs-logo {
    width: 12%;
    right: 74%;
    bottom: 100%
  }
  
  .zs-pip-logo {
    right: 98%;
    width: 9%;
    bottom: 48%
  }
  
  .zs-youtube-logo {
    width: 9%;
    right: 74%;
    top: 100%
  }
  
  .zs-emoji {
    width: 10%;
    right: 30%;
    top: 110%
  }
  
  .zs-profile-cursor {
    width: 6%;
    top: 38%;
    left: 15%
  }
  
  .zs-bubble-cursor {
    width: 6%;
    bottom: 5%;
    left: 60%
  }
  
  .zs-comment-cursor {
    width: 6%;
    top: 40%;
    right: 0
  }
  
  .zs-color-shade {
    top: 55%;
    right: 70%;
    width: 23%
  }
  
  .zs-slide-fa-element {
    width: 25%;
    right: 35%;
    bottom: 12%
  }
  
  .zs-blue-fa-element {
    width: 25%;
    right: 18%;
    top: 10%
  }
  
  .zs-ppt-slides {
    width: 15%;
    left: -2%;
    top: 35%
  }
  
  .zs-mb-fileformat,.zs-mb-pswd,.zs-mb-publish-slide,.zs-mb-collab,.zs-mb-keynote {
    display: none
  }
  
  .zs-mb-pswd {
    width: 100%;
    scale: 2
  }
  
  .zs-pdf-file,.zs-pptx-file,.zs-ppsx-file,.zs-pps-file,.zs-odp-file,.zs-zslides-file,.zs-html-file {
    width: 7%;
    position: absolute
  }
  
  .zs-pptx-file {
    right: 30%;
    top: 0
  }
  
  .zs-ppsx-file {
    top: 7%;
    right: 15%
  }
  
  .zs-pps-file {
    top: 20%;
    right: 1%
  }
  
  .zs-pdf-file {
    right: -5%;
    top: 40%
  }
  
  .zs-odp-file {
    top: 62%;
    right: 1%
  }
  
  .zs-html-file {
    top: 77%;
    right: 15%
  }
  .zs-file-formats svg {
    width: 53px;
    height: 56px;
}
  .zs-zslides-file {
    bottom: 0;
    right: 29%;
    width: 8%
  }
  
  .arrow {
    display: block;
    width: .8vw;
    height: .8vw;
    border-bottom: 3px solid #e9e9e9;
    border-right: 3px solid #e9e9e9;
    transform: rotate(320deg);
    margin: -10px
  }
  
  .arrow.active {
    border-bottom-color: #989898;
    border-right-color: #989898
  }
  
  .arrow1.active {
    transition: border-color .3s ease-in-out
  }
  
  .arrow2.active {
    transition: border-color .5s ease-in-out
  }
  
  .arrow3.active {
    transition: border-color .7s ease-in-out
  }
  
  .arrow4.active {
    transition: border-color .9s ease-in-out
  }
  
  .arrow5.active {
    transition: border-color 1.1s ease-in-out
  }
  
  .arrow6.active {
    transition: border-color 1.3s ease-in-out
  }
  
  .arrow7.active {
    transition: border-color 1.5s ease-in-out
  }
  
  .arrow8.active {
    transition: border-color 1.7s ease-in-out
  }
  
  .arrow9.active {
    transition: border-color 1.9s ease-in-out
  }
  
  .arrow10.active {
    transition: border-color 2.1s ease-in-out
  }
  
  .arrow-container,.arrow-container1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    gap: 20px;
    flex-direction: row-reverse
  }
  
  .arrow-container {
    left: 2%;
    top: 60%
  }
  
  .arrow-container1 {
    right: 9%
  }
  
  .zs-file-formats {
    opacity: 0;
    transition: opacity 1s ease
  }
  
  .zs-pptx-file.active {
    animation: slidein 1s ease-in-out 1s forwards
  }
  
  .zs-ppsx-file.active {
    animation: slidein 1s ease-in-out 1.2s forwards
  }
  
  .zs-pps-file.active {
    animation: slidein 1s ease-in-out 1.4s forwards
  }
  
  .zs-pdf-file.active {
    animation: slidein 1s ease-in-out 1.6s forwards
  }
  
  .zs-odp-file.active {
    animation: slidein 1s ease-in-out 1.8s forwards
  }
  
  .zs-html-file.active {
    animation: slidein 1s ease-in-out 2s forwards
  }
  
  .zs-zslides-file.active {
    animation: slidein 1s ease-in-out 2.2s forwards
  }
  
  @keyframes slidein {
    from {
        opacity: 0
    }
  
    to {
        opacity: 1
    }
  }
  .zs-ppt-slides svg{
    width: 88px;
    height: 67px;
  }
  .zs-publish-screen {
    top: 15%;
    left: 0;
    width: 80%;
    position: absolute
  }
  
  .file-format,.publish-presentation {
    gap: 70px
  }
  
  .file-format {
    gap: 200px;
    margin-bottom: 150px
  }
  
  .zs-section-06 {
overflow:hidden;
    background: linear-gradient(90deg,rgba(255,253,244,1) 100%,rgba(100,100,100,1) 100%)
  }
  
  .zs-privacy-head {
    margin-bottom: .5em
  }
  .zs-pswd-hidden {
    font-size: 30px;
    top: 55%
}
  
  .flex-container {
    display: flex;
    flex-direction: row;
    gap: 80px;
    justify-content: center;
    align-items: center;
    margin-top: 120px
  }
  
  .flex-item {
    width: 20%
  }
  
  .zs-cybersecurity {
    left: -52px;
  }
  .zs-cybersecurity img{
    height: 150px;
  }
  .zs-sandtime {
    right: 0;
    bottom: -8px;
    max-width: 180px;
  }
  
  .zs-pswd-hidden {
    position: absolute;
    left: 53%;
    top: 56%;
    font-size: 40px;
    color: #646464;
    transform: translate(0,-49%);
    width: fit-content;
    opacity: 0;
    overflow: hidden
  }
  
  .zs-pswd-hidden.active {
    opacity: 1
  }
  
  .zs-pswd-hidden.active::after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 0;
    height: 35px;
    background: #fefdf4;
    right: 0;
    top: -3px;
    animation: fadein 2s ease-in-out
  }
  
  @keyframes fadein {
    0% {
        width: 100%
    }
  
    14% {
        width: 74%
    }
  
    28% {
        width: 64%
    }
  
    42% {
        width: 54%
    }
  
    56% {
        width: 44%
    }
  
    70% {
        width: 34%
    }
  
    84% {
        width: 24%
    }
  
    98% {
        width: 14%
    }
  
    100% {
        width: 0;
        opacity: 1
    }
  }
  
 
  .zs-privacy-icon {
    width: 100px;
    height: 110px;
  }
  
  .privacy-content {
    padding: 70px 0 100px;
    padding-bottom: 55px;
  }
  
  .privacy-content p {
    width: 70%;
    margin: 0 auto;
    padding: 10px
  }
  
  .presentation-content p {
    width: 75%;
    margin: 0 auto
  }
  ul.page-links a,.zs-learn-more {
    color: #1756e3;
    white-space: nowrap;
    
  }
  
  .page-links {
    position: relative;
    padding: 0 20px;
    margin: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 80px;
    white-space: nowrap
  }
  .zs-powerdeck-svg {
    margin-top: -40px;
    padding: 20px;
    border-radius: 50%;
    box-shadow: rgb(100 100 111 / 12%) 0px 7px 29px 0px;
    display: flex;
    align-items: center;
    background: linear-gradient(181deg, rgba(255, 255, 255, 1) 40%, rgba(255, 248, 244, 1) 100%);

  }
  .zs-powerdeck-svg svg{
    width: 70px;
    height: 66px;

  }
  .zs-powerdeck-svg .zs-workdrive{
    width: 60px;
    height: 57px;
  }
  .page-links li {
    text-wrap: nowrap;
    list-style: none
  }

  
  .divider {
    border-left: 1px solid #41373782;
    height: 30px;
    margin-left: -15px
  }
  
  .zs-related-apps {
    position: relative;
    transition: .5s ease-in-out
  }
  
  .zs-chrome-icon {
    height: 45px;
    width: 45px;
    position: absolute;
    right: 15%;
    top: 22%;
    animation: floating 3s .5s ease-in-out infinite
  }
  
  .zs-android-icon {
    height: 45px;
    width: 45px;
    position: absolute;
    right: -1%;
    bottom: 46%;
    animation: floating 4s 1s ease-in-out infinite
  }
  
  .zs-shareplay-icon {
    height: 45px;
    width: 45px;
    position: absolute;
    left: 5%;
    top: 28%;
    animation: floating 3.5s 1.5s ease-in-out infinite
  }
  
  .zs-apple-icon {
    height: 45px;
    width: 45px;
    position: absolute;
    left: -15px;
    bottom: 38%;
    animation: floating 4.5s 2s ease-in-out infinite
  }
  
  @keyframes floating {
    0%,100% {
        transform: translateY(0)
    }
  
    50% {
        transform: translateY(-6px)
    }
  }
  
  .zs-section-08 {
    position: relative
  }
  
  .zs-powerdeck-wrapper h3 {
    margin: 20px auto;
    font-size: 20px;
    font-weight: 600;
  }
  
  .zs-power-decks .zs-group-content {
    width: 100%;
    margin: 0 auto
  }
  
  .zs-powerdeck-wrapper {
    margin: 80px 30px 150px 30px;
    text-align: center;
    gap: 70px
  }
  
  .zs-powerdeck-sec {
    width: 400px;
    margin: 0 auto;
    border-radius: 15px;
    flex-direction: column
  }
  
  .zs-workplace-deck,.zs-workdrive-deck,.zs-one-deck {
    background: linear-gradient(181deg,rgba(255,255,255,1) 40%,rgba(255,248,244,1) 100%);
    box-shadow: rgb(149 157 165 / 14%) 0px 3px 35px;
    border: 1px solid #fff5f5
  }
 
  .zoho-content,.workdrive-content,.workplace-content {
    width: 65%;
    font-size: 15px;
    font-weight: 500;
  }
  
  .zs-powerdeck-sec img {
    width: 20%
  }
  
  .zs-powerdeck-sec .zs-powerdeck-button {
    border-radius: 50px;
    background: #fff;
    padding: 10px 30px;
    font-size: 16px;
    border: 1px solid #de5547;
    margin: 25px 0 40px;
    outline: 0;
    cursor: pointer;
    transition: all .1s linear;
    color: #de5547
  }
  
  .subscribe-link {
    border: 1px solid #f0483e;
    color: #fff !important;
    padding: 8px 20px;
    text-align: center;
    background: #f0483e;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .03em;
    margin: 30px auto 50px auto;
    transition: .3s ease-in-out
  }
  
  .zs-zapier-flow {
    max-width: 100%;
    display: block
  }
  
  .zs-flow-show {
    position: absolute;
    width: 10%;
    left: 95%;
    top: 22%
  }
  
  .zs-white {
    color: #fff
  }
  
  .footer-bg {
    text-align: center;
    background-image: url('/sites/zweb/images/show/zs-footer-bg.webp');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 5%
  }
  
  .zs-footer-content {
    color: #fafafa;
    font-size: 30px;
    width: 1080px;
    padding: 60px 0 50px;
    margin: 0 auto
  }
  
  .footer-icon {
    position: relative;
    top: 20px
  }
  
  .zapier-icon {
    left: 0%;
    top: 29%;
  }
  
  .flow-icon {
    right: 1%;
    top: 260%
  }
  
  /* other lang css start */
  
  .other-lang .dot, .other-lang .zs-tab, .zs-tabsection {
      width: auto;
  }
  .other-lang .zs-error-cont,.other-lang .zs-no-coding-cont
      {
      left: -18%;
  }
  .i18n-ar .zs-banner-bg *,.i18n-ar .slides-content *,.i18n-ar .automate-content *,.i18n-ar .zs-section-04 .pos-abs span,.i18n-ar .privacy-security-content *,.i18n-ar .presentation-content *,.i18n-ar .zs-group-content h2,.i18n-ar .zs-powerdeck-wrapper *,.i18n-ar .footer-bg *{
      text-align: center;
  }
  .i18n-ar .zs-central-repo-slide {
      right: 7em;
      left: unset;
  }
  /* other lang css end */
  @media only screen and (min-width: 1600px) {
.zs-cybersecurity {
    left: 0px;
}
.zs-sandtime {
    max-width: 280px;
  } 
 .zs-pswd-hidden {
    top: 56%;
    font-size: 46px;
}
  .zs-password-img {
    width: 60%;
  }
}
  @media only screen and (max-width: 1600px) {

    .zs-demand-apps-cont {
        left:-19%
    }
    .zs-data-transfer-cont {
      left:-17%
  }
  
    .zs-flow-video,.zs-zapier-video {
        height: auto
    }
  
    .zs-customized-report-cont {
        right: -21%
    }
  
    .zs-save-time-cont {
        right: -20%
    }
  .other-lang .zs-demand-apps-cont, .other-lang .zs-data-transfer-cont {
          left: -21%;
      }
  }

  @media only screen and (max-width: 1380px) {
    .arrow-container,.arrow-container1 {
        top:55%
    }
  
    .zs-ppt-slides {
        top: 35%
    }
  
    .zs-demand-apps-cont,.zs-data-transfer-cont,.zs-customized-report-cont,.zs-save-time-cont,.zs-error-cont,.zs-workflows-cont,.zs-no-coding-cont,.zs-save-times-cont,.zs-easy-integrate-cont {
        display: none
    }
  
 
  }
  @media only screen and (max-width: 500px) {
  .zs-share-icon{
    display: none;
  }
  }
  @media only screen and (min-width: 1080px) and (max-width: 1380px){
    .zs-share-icon {
      right: 45px;
    }
    .zs-ppt-slides {
      top: 29%;
      left: -4%;
    }
    .zs-file-format {
      min-width: 420px;
      padding: 0px 50px;
    }
  }
  @media only screen and (max-width: 1280px) {
    .repo-yellow-scrumbles,.zs-green-scrumbles {
        left:4%
    }
  
    .flow-icon {
        right: 0;
        width: 8%;
  
    }
  
    .zapier-icon {
        width: 8%;
        top: 30%
    }
  
    .zs-banner-desc,.slides-content p {
        width: 85%
    }
  
    .zs-sprinkles {
        left: 4%
    }
  
    .zs-waves {
        right: 3%
    }
  
    .zs-flow-video,.zs-zapier-video {
        height: auto
    }

    .zs-global {
        left: 5%;
        top: 12%
    }
  }
  
  @media only screen and (max-width: 1180px) {
   section.zs-section-02{
      padding-bottom: 0px;
    }
    .zs-sprinkles,.zs-waves {
        display:none
    }
  
    .zs-pswd-hidden {
        font-size: 35px;
    }
  
    .zs-footer-content {
        width: 100%
    }
  }
  
  @media only screen and (max-width: 1080px) {
    .zs-slides-contain {
        width:100%
    }
  
    .zs-integrated-apps,.zs-zapier-apps {
        height: auto
    }
  
    .zs-section-04 {
        margin-bottom: 60px
    }
  
    .collab-team,.central-repo,.publish-presentation {
        flex-direction: column
    }
  
    .create-reports-contain,.file-format {
        flex-direction: column-reverse;
        margin-bottom: 240px;
    }
  
    .content {
        text-align: center;
        margin: 0 0 40px;
        width: 100%;
        padding: 0
    }
  
    .content p {
      width: 82%;
      margin: auto;
      margin-bottom: 20px;
      margin-top: 20px;
    }
  
    .zs-absoluteContent-01 h2,.zs-absoluteContent-03 h2,.zs-absoluteContent-05 h2,.zs-absoluteContent-04 h2,.zs-absoluteContent-05 p,.publish,.zs-absoluteContent-02 h2,.zs-repo-img,.zs-publishes-slide,.zs-absoluteContent-02 h2 {
        width: 100%
    }
  
    .zs-central-repo-slide {
        left: 5%
    }
  
    .collab-team .image {
        margin:0px 50px;
    }
    .image {
      width: 90%;
      margin: 50px;
  }
  
    .zs-share-icon {
        width: 8%;
        left: 73%
    }
  
    .publish-slide {
        margin-left:unset;
        margin-right: unset;
    }
  
   

  
  
    .page-links {
        gap: 50px
    }
  
    .zs-scrumbles {
        width: 30px;
        top: 40%;
        left: 17%
    }
  
    .flow-icon,.zapier-icon {
        width: 8%
    }
  
    .zs-twitter-logo {
        right: 0
    }
  
    .arrow {
        width: 1.5vw;
        height: 1.5vw
    }
  
    .repo-green-scrumbles {
        left: 90%
    }
  
    .zs-yellow-scrumbles {
        right: 5%
    }
  
    .zs-global {
        left: 2%;
        top: 10%
    }
  
    .collab-team,.central-repo,.publish-presentation {
        gap: 15px
    }
  
   
    .zs-globe {
        right: 5%;
        width: 12%
    }
  
    .zs-frame {
        right: 1%;
        width: 12%
    }
  
    .zs-add-ons {
        width: 8%
    }
  
    .zs-fa-element {
        width: 15%;
        left: 3%
    }
  
    .zs-share {
        width: 70px
    }
  
    .zs-transfer {
        width: 12%
    }
      .i18n-ar .zs-section-03 *,.i18n-ar .zs-section-05 *,.i18n-ar .privacy-security-content {
          text-align: center;
      }
      .i18n-ar .zs-central-repo-slide {
          right: 5%;
          left: unset;
      }
  }
  
  @media only screen and (max-width: 980px) {
    .repo-green-scrumbles, .repo-yellow-scrumbles, .zs-yellow-scrumbles, .zs-green-scrumbles {
      display: none;
    }
    .gb150,.gb50 {
        gap:50px
    }
  
    .zs-central-repo-slide {
        left: inherit
    }
  
    .content h2,.slides-content p,.presentation-content p {
        width: 100%
    }
  
    .page-links {
        display: grid;
        grid-auto-flow: column;
        gap: 40px
    }
  
    .divider {
        display: none
    }
  
    .zs-pswd-hidden {
    top: 54%;
    }
  
    .privacy-content h2 {
        font-size: 26px
    }
  
    .zs-powerdeck-wrapper {
        flex-direction: column
    }
  
   
  
    .space-bg h3 {
        width: 100%
    }
  
    .zs-supporting-elements {
        display: none
    }
  
    .flow-icon {
      top: 300%;
      right: 16px;
    }
  
    .zs-banner-img {
        min-height: 420px
    }
   .i18n-ar .zs-central-repo-slide {
          right: inherit;
          left: unset;
      }
  }
  
  @media only screen and (max-width: 880px) {
    .create-reports-contain .image{
      margin: 90px 0px;
      padding: 0px;
    }
  .collab-team .image{
    padding: 0px;

  }
   .content{
    margin-bottom: 0px;
  }
    .zs-central-repo-slide {
        left: inherit
    }
  
    .zs-slides-contain {
        height: 450px
    }
  
    .zs-banner-img {
        min-height: inherit
    }
  
    .zs-scrumbles {
        left: 17%
    }
  
    .zs-black-sprinkles {
        top: 84%;
        right: 5%
    }
  
    .zs-wave-scrumbles {
        top: 40%;
        right: 4%
    }
  
   
  
    .zs-banner-desc,.zs-template-desc {
        width: 80%
    }
  
    .zs-banner-collab {
        width: 8%
    }
  }
  
  @media only screen and (max-width: 770px) {
    .zs-central-repo-slide{
      padding: 0px;
      width: 100%;
      margin-right: -35px;
    }
    .zs-cybersecurity {
      left: -90px;
    }  
    .create-reports-contain, .file-format{
      margin-bottom: 100px;
    }
    .zs-central-repo-slide{
   margin: 0px;
    }
    .zs-logo {
      width: 10%;
      bottom: 104%;
    }  
    .zs-share-icon {
      left: 80%;
    }
    .content p{
      width: 100%;
    }
   .content h2, .slides-content p, .presentation-content p {
      width: 95%;
      margin: 0 auto;
    }
    .zs-banner-title,.slides-content h2 {
        font-size:32px
    }
  
    .page-links {
        gap: 30px
    }
  
    .mb120 {
        margin-bottom: 90px
    }

    .zs-transition,.zs-android-icon, .zs-chrome-icon, .zs-shareplay-icon, .zs-apple-icon{
        display: none
    }
  
    .zs-pswd-hidden {
        font-size: 32px;
        top: 55%;
    }
  
    .zs-flow-video,.zs-zapier-video {
        border-radius: 10px
    }
  
    .zs-twitter-logo {
        right: -2em
    }
  }
  
  @media only screen and (max-width: 680px) {
    .zs-section-04{
      padding-bottom: 30px;
    }
    .zs-sectioncontainer-custom{
      margin-bottom: 0px;
    }
  
    .mb80 {
      margin-bottom: inherit;
  }
    .create-reports-contain .image{
      margin-top:0px;
    }
    .zs-central-repo-slide, .publish-slide{
      margin-top: 0px;
      margin-bottom: 0px;
    }
 .zs-integrated-apps{
   width: 100%;
    }
  .zs-powerdeck-wrapper {
margin-bottom: 0px;
  }
    .zs-banner {
      width: 80%;
    }  
    .zs-password-img {
      width: 100%;
  }
    .privacy-content .flex-container{
     margin: 0px 50px;
    display: flex;
    justify-content: flex-start;
    }
    .zs-pswd-hidden {
      font-size: 34px;
  }
    .privacy-content p {
      padding-left: 0px;
      margin-left: 0px;
    }
    .privacy-content .flex-container{
      margin-top: 30px;
    }
    .privacy-security-content{
    padding-left: 60px;
    }
    .zs-sandtime-img{
      width: 150px;
    height: 109px;
    }
    .zs-sandtime {
      right: 0;
      bottom: -8px;
      scale: unset;
      width: 100%;
      display: flex;
      justify-content: end;
  
  
    }
    
    img.zs-file-format {
      display: block;
  }
    .page-links {
        list-style:none;
        padding: 0 20px;
        display: grid;
        grid-auto-flow: dense;
        grid-template-columns: repeat(3,1fr);
        gap: 20px 40px
    }
  
    .zs-mb-fileformat,.zs-mb-pswd,.zs-mb-repo-slide,.zs-mb-publish-slide,.zs-mb-collab {
        display: block
    }
  
    .zs-file-format,.zs-file-formats,.zs-ppt-slides,.arrow,.zs-cybersecurity,.zs-pswd-hidden,.zs-pswd-hidden.active,.zs-twitter-logo,.zs-sprints-logo,.zs-logo,.zs-pip-logo,.zs-youtube-logo,.zs-emoji,.zs-share-icon {
        display: none
    }
  
    .zs-slidein {
        animation: none
    }
  
    .content {
        opacity: 1
    }
 
    .zs-products-galaxy {
        width: 100%
    }
  
    .zs-black-sprinkles {
        top: 95%
    }
  
    .zs-black-waves {
        top: 55%;
        left: 5%
    }
  
    .zs-footer-content {
        font-size: 22px
    }
  }
  
  @media only screen and (max-width: 580px) {
    .image.zs-central-repo-slide{
      padding: 0px;
      width: 390px;
      margin-right: 3px;
    }
    .zs-flow-video, .zs-zapier-video {
      padding: 5px;
    }
 
    .slider-support-element {
        display: none
    }
  
    .zs-section-04 {
        margin-bottom: 0
    }
  
    .zs-section-05 {
        margin: 0
    }
  
    .dot {
        font-size: 12px
    }
  
    .zs-slides-contain {
        height: 200px
    }
  
    .image,.privacy-content p {
        width: 100%
    }
  
    .zs-privacy-img {
        margin-bottom: 0
    }
  
    .zs-powerdeck-sec {
        height: 410px;
        width: 335px
    }
  }
  

  @media only screen and (max-width: 400px) {
    .zs-repo-img{
      scale: 0.9;
    }
  
    .zs-powerdeck-sec {
        width: 100%;
        height: 400px
    }
  
    .page-links {
        gap: 20px 10px
    }
  }
  @media only screen and (max-width: 480px) {
.zoho-content, .workdrive-content, .workplace-content {
    width: 90%;
}
     
    .flow-icon,.zapier-icon {
      width: 15%
  }
    .zs-sandtime-img {
      width: 100px;
      height: 80px;
  }
    .privacy-security-content {
      padding-left: 0px;
      margin: auto;
      width: 90%;
    }
    #file-format-section .image{
   margin-top: 0px;
   padding: 0px;
    }
    .collab-team .image {
      margin: 0px 0px 90px;
  }
    .zs-repo-img{
      margin-right: -35px;
    }
    .slides-content p, .presentation-content p{
      width: 100%;
    }
    .zs-banner-title, .slides-content h2{
      font-size: 25px;
    }
    section.collab-team{
      padding-bottom: 60px;
    }
   section.zs-section-02 {
      padding-bottom: 20px;
    }

      .other-lang .zs-banner-title, .other-lang .slides-content h2 {
          font-size: 27px;
      } 
      .other-lang h2 {
          font-size: 30px;
      }
      .other-lang .zs-learn-more,.other-lang ul.page-links a {
          font-size: 15px;
      }
  }