<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">* {
    padding:0;
    margin:0;
    box-sizing: border-box;
    }

   .zw-product-header {
    background: linear-gradient(40deg,rgba(225,239,254,1) 0%,#e2f1fd 25%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 320%);
}

    ol, ul {
     list-style: none;
     padding: 0;
     margin: 0;
    }
    blockquote, q {
     quotes: none;
    }
    blockquote::before, blockquote::after, q::before, q::after {
     content: none;
    }
    :focus {
     outline: 0;
    }
    ins, a {
     text-decoration: none;
    }
    del {
     text-decoration: line-through;
    }
    table {
     border-collapse: collapse;
     border-spacing: 0;
    }
    h1,h2,h3{
     font-weight: normal;
     color:#333;
    }
    p{
      margin: 0;
    }
    video{
      width: 100%;
    }
    .clearfix {
     clear: both;
     width: 100%;
    }
    .fl{
      float:left;
    }
    .fr{
      float:right;
    }
    .no-margin{
     margin:0 !important;
    }
    .mt10{
     margin-top:10px !important;
    }
    .mt20{
     margin-top:20px !important;
    }
    .mt30{
     margin-top:30px !important;
    }
    .mb10{
     margin-bottom: 10px !important;
    }
    .mb20{
     margin-bottom: 20px !important;
    }
    .mb30{
     margin-bottom:30px !important;
    }
    .dis-inbl{
     display: inline-block !important;
    }

    .dis-block{
     display:block !important;
    }
    .text-center{
      text-align: center;
    }
    .za-confirm {
        display: none !important;
    }
    a.access-apps+.username,
    a.access-apps+.username+.access-apps,
    .og-context-node-17848 #block-block-4 {
        display: none;
    }
    /*.zs-lp .section3,.zs-lp .section4,.zs-lp .section5,.zs-lp .section6,.zs-lp .section7,.zs-lp .section8{
      background: #ffffff; 
    }*/
    ins, a {
      text-decoration: none;
    }
    .footer-wrapper{
      display: none !important;
    }
    /*common font css start*/
    .zs-lp .fnt-regular{
      font-size: 20px;
      font-family: var(--zf-primary-regular);
      color: #383838;
      line-height: 1.5;
    }
    .zs-lp .fnt-thin{
      font-size: 18px;
      font-family: var(--zf-primary-thin);
      color: #383838;
      line-height: 1.5;
    }
    .zs-lp .fnt-light{
        font-family: var(--zf-primary-light);
        font-size: 42px;
        color: #181818;
        letter-spacing: -1px;
        line-height: 1.3;
    }
    .zs-lp .fnt-bold{
        font-size: 90px;
        color: #181818;
        font-family: var(--zf-primary-bold);
        letter-spacing: -3px;
        line-height: 0.82;
    }
    .zs-lp .fnt-small-bold{
      font-size: 25px;
      color: #181818;
      font-family: var(--zf-primary-bold);
    }
    .zs-lp .fnt-semibold{
      font-size: 25px;
      color: #181818;
      font-family: var(--zf-primary-semibold);
    }
      .zs-lp .bt-bold{
      font-family: var(--zf-primary-semibold);
        font-size: 21px;
      }
    .zs-lp .btw-bold{
      font-family: var(--zf-primary-semibold);
    }
    .zs-lp .btw-color{
      color: #306ee8;
    }
    /*common font css end*/
    body
    {
    -webkit-font-smoothing: antialiased; 
      line-height: 1;
    }
    p{
      line-height: 1.3;
    }
    /*************** Animation Starts  ************/
    .zs-lp .to-animate{
      opacity: 0;
      transition: all 0.5s ease-in;
    }
    .zs-lp .now-what-lf-bg-img.to-animate{
      opacity: 1;
    }
    .zs-lp .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        transition: all 1s ease;
    }
    @-webkit-keyframes fadeInUp {
      from {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
      }
      to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
      }
    }
    @keyframes fadeInUp {
      from {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
      }
    
      to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
      }
    }
    .fadeInUp {
      -webkit-animation-name: fadeInUp;
      animation-name: fadeInUp;
      transition: all 0.5s ease-in;
    }
    .fadeInLeft {
      -webkit-animation-name: fadeInLeft;
      animation-name: fadeInLeft;
    }
    @-webkit-keyframes fadeInLeft {
      from {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
      }
    
      to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
      }
    }
    
    @keyframes fadeInLeft {
      from {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
      }
    
      to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
      }
    }
     .fadeInRight {
      -webkit-animation-name: fadeInRight;
      animation-name: fadeInRight;
    }
    @-webkit-keyframes fadeInRight {
      from {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
      }
    
      to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
      }
    }
    
    @keyframes fadeInRight {
      from {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
      }
    
      to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
      }
    }
    /*************** Animation Ends  ************/
    /*common css for header, footer,button start*/
    /*common css for header, footer,button end*/
    /*************** Banner common Section Starts  **********************/
    .fl{
      float:left;
    }
    .fr{
      float:right;
    }
    .zs-lp .common-title{
      font-size: 60px;
      font-weight: 600;
      line-height: 1;
      padding-bottom: 10px;
      color: #010101;
    }
    .zs-lp .common-text,.zs-lp .common-text-line2{
      font-size: 20px;
      line-height: 1.5;
      font-weight: 400;
      padding-bottom: 30px;
      color: #010101;
    }
    .zs-lp section {
        position: relative;
        z-index: 1;
        background-color: #ffffff;
    }
    /*************** Banner common Section end  **********************/
    
    /************ Header Menu Starts *************/
 
    .zs-lp .wrapper,.zs-lp .wrapper2{
        margin: 0 auto;
        max-width: 1200px;
        width: 100%;
        position: relative;
       
    }
    .zs-lp .wrapper2{
      max-width: 1440px;
      width: 100%;
    
    }
    
    /*signup button common start*/
    .zs-lp .banner-signup-now a{
       background:#306ee8;
    color: #ffffff;
    min-width: 255px;
    font-size: 15px;
    padding: 20px;
    text-align: center;
    font-family: var(--zf-primary-semibold);
    display: inline-block;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
    margin: 90px 0px 0px 0px;
    position: relative;
    overflow: hidden;
        border-radius: 2px;
    }
    .zs-lp .banner-signup-now a{
      margin: 45px 0px 0px 0px;
    }
    /*signup button common end*/
    .zs-lp .banner-signup-now a:hover,.zs-lp .banner-signup-now a:active{
      background: #2c5fd8;
      cursor: pointer;
    }
    .zs-lp .banner-signup-now a:hover:before{
      -webkit-transform: translateX(300px) skewX(-15deg);
              transform: translateX(300px) skewX(-15deg);
      opacity: 0.6;
      transition: .7s;
    }
    .zs-lp .banner-signup-now a:hover:after{ 
      -webkit-transform: translateX(300px) skewX(-15deg);
              transform: translateX(300px) skewX(-15deg);
      opacity: 1;
      transition: .7s;
    }
    @keyframes blink_effect{
      0%{
        opacity: 0;
     -webkit-transform: translateX(-100px) skewX(-15deg);
              transform: translateX(-100px) skewX(-15deg); 
      }
      100%{
          -webkit-transform: translateX(300px) skewX(-15deg);
              transform: translateX(300px) skewX(-15deg);
          opacity:1;
      }
    }

    .zs-lp .banner-signup-now a:hover{
        border-color: transparent;
        -webkit-box-shadow: 0px 10px 20px rgba(209, 223, 247, 1);
        -moz-box-shadow: 0px 10px 20px rgba(209, 223, 247, 1);
        -ms-box-shadow: 0px 10px 20px rgba(209, 223, 247, 1);
        -o-box-shadow: 0px 10px 20px rgba(209, 223, 247, 1);
        box-shadow: 0px 10px 20px rgba(209, 223, 247, 1);
        cursor: pointer;
        background-color: #2c5fd8;
    }

    /************ Header Menu Ends *************/
    /*************** Banner Section Starts  **********************/
    .fl{
      float:left;
    }
    .fr{
      float:right;
    }
    .zs-lp .common-title{
      font-size: 60px;
      line-height: 1;
      padding-bottom: 10px;
      color: #010101;
    }
    .zs-lp .common-text,.zs-lp .common-text-line2{
      font-size: 20px;
      line-height: 1.5;
      padding-bottom: 30px;
      color: #010101;
    }
    /************ Header Menu Starts *************/

    .zs-lp .wrapper,.zs-lp .wrapper2{
        margin: 0 auto;
        max-width: 1200px;
        width: 100%;
        position: relative;
    }
    .zs-lp .banner-section .wrapper{
      max-width: 1600px;
    }
    .zs-lp .wrapper2{
      max-width: 1440px;
      width: 100%;
    }

    .zs-lp .banner-signup-now a,.zs-lp .fivesteps-top-img .banner-signup-now a,.zs-lp .now-what-lf .banner-signup-now a,.zs-lp .footerimg .banner-signup-now a{
       background: #306ee8;
    color: #ffffff;
    min-width: 255px;
    font-size: 15px;
    padding: 20px;
    text-align: center;
    font-family: var(--zf-primary-semibold);
    display: inline-block;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
    margin: 90px 0px 0px 0px;
    position: relative;
    overflow: hidden;
    }
    .zs-lp .banner-signup-now a{
      margin: 45px 0px 0px 0px;
      border-radius: 2px;
    }
    .zs-lp .banner-signup-now a:hover,.zs-lp .banner-signup-now a:active{
      background: #2c5fd8;
      cursor: pointer;
    }
    .zs-lp .banner-signup-now a:hover:before{
      -webkit-transform: translateX(300px) skewX(-15deg);
              transform: translateX(300px) skewX(-15deg);
      opacity: 0.6;
      transition: .7s;
    }
    .zs-lp .banner-signup-now a:hover:after{ 
      -webkit-transform: translateX(300px) skewX(-15deg);
              transform: translateX(300px) skewX(-15deg);
      opacity: 1;
      transition: .7s;
    }
    @keyframes blink_effect{
      0%{
        opacity: 0;
     -webkit-transform: translateX(-100px) skewX(-15deg);
              transform: translateX(-100px) skewX(-15deg); 
      }
      100%{
          -webkit-transform: translateX(300px) skewX(-15deg);
              transform: translateX(300px) skewX(-15deg);
          opacity:1;
      }
    }

    /************ Header Menu Ends *************/
    /*************** Banner Section Starts  **********************/
    .zs-lp .banner-section {
        background:#ffffff;
            background-size: 100%;
            background-repeat: no-repeat;
        width: 100%;
        overflow: hidden;
    background: rgba(225,239,254,1);
    background: -moz-linear-gradient(135deg, rgba(225,239,254,1) 0%, rgb(226, 241, 253) 18%, rgba(255,255,255,1) 43%, rgba(255,255,255,1) 320%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(225,239,254,1)), color-stop(27%, rgba(225,239,254,1)), color-stop(77%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(135deg, rgba(225,239,254,1) 0%, rgb(226, 241, 253) 18%, rgba(255,255,255,1) 43%, rgba(255,255,255,1) 320%);
    background: -o-linear-gradient(135deg, rgba(225,239,254,1) 0%, rgb(226, 241, 253) 18%, rgba(255,255,255,1) 43%, rgba(255,255,255,1) 320%);
    background: -ms-linear-gradient(135deg, rgba(225,239,254,1) 0%, rgb(226, 241, 253) 18%, rgba(255,255,255,1) 43%, rgba(255,255,255,1) 320%);
    background: linear-gradient(135deg, rgba(225,239,254,1) 0%, rgb(226, 241, 253) 18%, rgba(255,255,255,1) 43%, rgba(255,255,255,1) 320%);
    }
    .zs-lp .banner_img{
      width: 60%;
      display: block;
      margin: 0 auto;
    }
    .zs-lp .green-color{
      color:#17c967;
    }
    .zs-lp .wrapper .banner-content{
        width: 100%;
        padding: 0;
        overflow: visible;
        position: relative;
            padding-bottom: 50px;
            display: flex;
    }
    .zs-lp .banner-content-lf{
        position: relative;
      }
    .zs-lp .banner-content-lf{
      width: 54%;
    }
    .zs-lp .zs-lp .banner-content-rg{
      width: 46%;
    }
    .zs-lp .banner-content-rg{
        position: relative;
        padding: 180px 0 0 0px;
        width: 46%;
    }
    .zs-lp .also-like-lf,.zs-lp .also-like-rg{
      float: left;
      position: relative;
      z-index: 22;
          left: 200px;
    }
    .zs-lp .also-like-rg{
       width: 60%;
       position: relative;
    }
    .zs-lp .also-like-ct{
      width: 10%;
      float: left;
      text-align: center;
    }
    .zs-lp .tag-line{
      font-family: var(--zf-primary-bold);
      font-size: 86px;
      line-height: 0.8;
      color: #181818;
      letter-spacing: -2px;
      display: inline-block;
      padding-bottom: 2px;
    }
    .zs-lp .banner-content-rg .tag-line{
      font-size: 110px;
      padding-bottom: 25px;
    }
    .zs-lp .desc-line,.zs-lp .fivesteps-content.fl .desc-line,.zs-lp .now-what-rg .desc-line,.zs-lp .also-like .desc-line{
      font-family: var(--zf-primary-light);
      font-size: 42px;
      line-height: 1;
      letter-spacing: -1px;
      color: #181818;
      padding: 0px 0 10px;
    }
    .zs-lp .desc-line{
      font-family: var(--zf-primary-light);
      font-size: 35px;
          padding-bottom:0px;
              line-height: 1.5;
    }
    .zs-lp .title-text{
      width: 80%;
      font-family: var(--zf-primary-regular);
      font-size: 21px;
      line-height: 1.5;
      color: #383838;
    }
    .zs-lp .circle-top{
      width: 360px;
      height: 370px;
      border-radius: 320px;
      border: 45px solid rgba(221,243,232,1);
      background: #ffffff;
      position: relative;
      bottom: 250px;
      left: calc(150% - 20px);
      z-index: 5;
    }
    .zs-lp .banner-content-lf .headerBgimg img{
            max-width: 85%;
        left: -10px;
        position: relative;
        top: 200px;
    }
    .zs-lp .headerBgimg {
        width: calc(100% + 50px);
        margin-top: 120px;
        left: -20px;
        position: relative;
      }
      .zs-lp .illus-banner-img{
        width: 100%;
        height: auto;
        position: relative;
        display: none;
      }
    .zs-lp .video-part{
      transition-delay: 0.45s;
      transition-duration: 0.35s;
      transition-property: all;
      transform-style: preserve-3d;
      transition-timing-function: cubic-bezier(0.42,0,0.58,1);
      transform: translate3d(0px, 0px, 0px) scale(1);
      opacity: 1;
    }
    .zs-lp .video-part.visible0,.zs-lp .now-what-lf .now-what-lf-bg-img.visibleup,.zs-lp .also-like-rg .alsolikeBgimg.visibleup {
      transform: translate3d(0px, -50px, 0px) scale(0.8);
      opacity: 0;
    }
    .zs-lp .zs-video-section{
      width: 840px;
      position: absolute;
      left: 50px;
      z-index: 2;
      top: -90px;
    }
    /*************** Banner Section Ends  *********************
    /*section1 start*/
    .zs-lp .wrapper{
      max-width: 1200px;
      margin: 0 auto;
      /*background-color: #ffffff;*/
      position: relative;
    }
    .zs-lp .section1{
        display: flex;
        justify-content: space-between;
    }
    .zs-lp .sec1-left{
      margin-left: 30px;
    }
    .zs-lp .sec1-left p{
    max-width: 450px;
    }
    .zs-lp .sec1-left p em{
      color: #888888;
    }
    .zs-lp .sec1-right{
        width: 50%;
        position: relative;
        z-index: 1;
        height: auto;
    }
    .zs-lp .sec1-inner-wrapper:before{
         content: "";
        background: url(/sites/zweb/images/commerce/ecommerce-business-shape-yellow.png) no-repeat;
        background-size: 100%;
        position: absolute;
        width: 65%;
           height: 100%;
        left: -20px;
        top: 0px;
        z-index: -1;
    }
    .zs-lp .sec1-inner-wrapper:after{
        content: "";
        background: url(/sites/zweb/images/commerce/ecommerce-business-shape-red.png) no-repeat;
        background-size: 100%;
        position: absolute;
        width: 50%;
        height: 100%;
        right: 140px;
        top: 200px;
        z-index: -1;
    }
    .zs-lp .sec1-left-img{
      position: relative;
      width: 100%;
      max-width: 250px;
      float: left;
          top: -20px;
        transform: translatex(100px) translatey(50px); 
    }
    .zs-lp .sec1-left-img.icon.dataanimate{
    }
    .zs-lp .sec1-right-img{
      position: relative;
      width: 100%;
      max-width: 250px;
      float: right;
          margin-top: 100px;
        transform: translatex(-100px) translatey(-50px);
    }
    .zs-lp .slideimg{
        transform: translatex(0px) translatey(0px); 
    }
    .zs-lp .sec1-right-img.icon.dataanimate{
    }
    .zs-lp .inbox-az{
         position: absolute;
        top: 150px;
        width: 100%;
        max-width: 250px;
        left: 95px;
        z-index: 1;
        transform: rotate(40deg);
    }
    .zs-lp .inbox-az.icon.dataanimate{
            transform: rotate(0deg);
    }
    .zs-lp .inbox-zc{
          position: absolute;
        top: 0;
        right: 150px;
        width: 100%;
        max-width: 250px;
        transform: rotate(-40deg);
    }
    .zs-lp .inbox-zc.icon.dataanimate{
            transform: rotate(0deg);
    }
    .zs-lp .sec1-warapper{
      background-color: #f3f8fe;
      padding: 150px 0;
    }
    .zs-lp .sec1-left-bt-p{
      margin-top: 25px;
    }
    .zs-lp .sec1-left h2{
    margin-bottom: 20px;
    }
    /*section1 end*/
    
    /*section2 start*/
    .zs-lp .sec2-wrapper{
    padding: 120px 0 0px 0px;
    }
    .zs-lp .sec2-top{
      display: flex;
      justify-content: space-between;
          height: 450px;
    }
    .zs-lp .sec2-top-left h3{
      width: 50%;
    }
    .zs-lp .sec2-top-left p.fnt-regular{
      width: 62%;
    }
    .zs-lp .sec2-top-right{
          position: absolute;
        top: 0;
        width: 55%;
        right: -140px;
    }
    .zs-lp .sec2-top img{
      width: 100%;
    }
    .zs-lp .sec2-btm{
        display: flex;
        justify-content: space-between;
        padding-bottom: 100px;
        padding-top: 20px;
        background-image: url(/sites/zweb/images/commerce/ecommerce-business-dotted-shape.png);
        background-size: 80%;
        background-repeat: no-repeat;
        position: relative;
        background-position: 40px 0px;
    }
    .zs-lp .sec2-btm .sec2-btm-inner{
        width: 50%;
         position: relative;
        left: 30px;
        top: 120px;
    }
    .zs-lp .secure-wrap{
          position: relative;
        top: -20px;
    }
    .zs-lp .sec2-btm .sec2-btm-inner.sec2-btm-inner-top{
        position: relative;
        left: 210px;
        top: -150px;
      }
      .zs-lp .sec2-btm-content{
        padding-top: 75px;
      }
    /*  .zs-lp .sec2-btm-content img{
        margin-bottom:20px;
            width: 60px;
                position: relative;
        left: -20px;
      }*/
      .zs-lp .sec2-btm-content .sec2-inner-head{
        margin-bottom: 14px;
      }
      .zs-lp .integrated-wrapper{
          background-color:#f3f8fe;
           padding: 40px 40px 60px;
          position: relative;
          margin-top: 120px;
    }
    
    .zs-lp .location-blue,.zs-lp .location-green{
        position: absolute !important;
         width: 35px !important;
        height: 32px !important;
        left: -30px;
        right: 0px;
        margin: 0 auto;
        bottom: 100px;
        top: auto !important;
        transform-origin: bottom;
        transform-style: preserve-3d;
        opacity: 0;
        }
    .zs-lp .active .location-blue,.zs-lp .active .location-green{
            animation: bounce 1s;
            -webkit-animation: bounce 1s;
        opacity: 1;
        transition-delay: 2s !important;
    }
    .zs-lp .location-icon:nth-child(2){
        left: 200px;
        bottom: 120px;
        transition-delay: .5s;
    animation-delay: 1.2s;
        }
        .zs-lp .location-icon:nth-child(3){
        left: 85px;
        bottom: 145px;
        transition-delay: 1.3s;
    animation-delay: 1.3s;
        }
        @-webkit-keyframes bounce{
      0%{
        opacity:0;
        transform:translateY(50px) rotate(-45deg);
      }
      60%{
        opacity:1;
        transform:translateY(-30px) rotate(-45deg);
      }
      80%{
        transform:translateY(10px) rotate(-45deg);
      }
      100%{
        transform:translateY(0) rotate(-45deg);
      }
    }
    @keyframes bounce{
       0%{
        opacity:0;
        transform:translateY(50px);
      }
      60%{
        opacity:1;
        transform:translateY(-30px);
      }
      80%{
        transform:translateY(10px);
      }
      100%{
        transform:translateY(0);
      }
    }
        .zs-lp .location-icon:nth-child(4){
        left: 70px;
        bottom: 65px;
        animation-delay: 1.4s;
        }
        .zs-lp .active .location-icon:nth-child(4){
          animation: topmove 2s linear 0s infinite;
          -webkit-animation: topmove 2s linear 0s infinite;
        }
        @keyframes topmove{
      0%{
          transform: translateY(0px);
      }
      50%{
          transform: translateY(-4px);
      }
      100%{
          transform: translateY(0px);
      }
      }
        @-webkit-keyframes topmove{
      0%{
          transform: translateY(0px);
      }
      50%{
          transform: translateY(-4px);
      }
      100%{
          transform: translateY(0px);
      }
        }
        .zs-lp .location-icon:nth-child(5){
        animation-delay: 1.5s;
          }
          /**/
      .zs-lp .pulse{
        opacity: 0;
      }
      .zs-lp .active .pulse{
      background:rgba(0,0,0,0.2);
      border-radius:50%;
      height:14px;
      width:14px;
      position:absolute;
        left: 58.7%;
        top: 79%;
        margin: 11px 0px 0px -13px;
      transform:rotateX(55deg);
      z-index:0;
      opacity: 1;
      transition-delay: 2s;
    }
      .zs-lp .active .pulse:after{
        content:"";
        border-radius:50%;
        height:40px;
        width:40px;
        position:absolute;
        margin: -13px 0 0 -18px;
        animation:pulsate 1s ease-out;
        -webkit-animation:pulsate 1s ease-out;
        animation-iteration-count:infinite;
        -webkit-animation-iteration-count:infinite;
        opacity:0.0;
        box-shadow:0 0 1px 2px #89849b;
        animation-delay:2.5s;
      }
    
    @keyframes pulsate{
      0%{
        transform:scale(0.1, 0.1);
        opacity:0.0;
      }
      50%{
        opacity:1.0;
      }
      100%{
        transform:scale(1.2, 1.2);
        opacity:0;
      }
      }
        @-webkit-keyframes pulsate{
           0%{
        transform:scale(0.1, 0.1);
        opacity:0.0;
      }
      50%{
        opacity:1.0;
      }
      100%{
        transform:scale(1.2, 1.2);
        opacity:0;
      }
        }
          /**/
      .zs-lp .integrated-wrapper:after{
        content: "";
        background: url(/sites/zweb/images/commerce/ecommerce-business-shape-yellow.png) no-repeat;
        background-size: 100%;
        position: absolute;
        width: 30%;
        height: 100%;
        transform: rotate(80deg);
        top: -130px;
        left: auto;
        right: 20px;
        z-index: -1;
    }
      .zs-lp .integrated-wrapper:before{
         content: "";
        background: url(/sites/zweb/images/commerce/ecommerce-business-line-shape.png) no-repeat;
        background-size: 100%;
        position: absolute;
        width: 18%;
        height: 100%;
        /* transform: rotate(80deg); */
        top: -25px;
        left: auto;
        right: -24px;
        z-index: -1;
    }
      .zs-lp .integrated-inner-wrapper{
          display: flex;
        justify-content: space-between;
        width: 100%;
        margin: 0 auto;
        align-items: center;
      }
      .zs-lp .integrated-inner-wrapper img{
         width: 100%;
        height: auto;
        position: relative;
        top: -45px;
      }
      .zs-lp .integrated-inner-wrapper .fnt-light{
        margin-bottom: 10px;
            line-height: 1;
      }
      .zs-lp .integrated-content{
          padding-left: 50px;
          width: 50%;
    }
    .zs-lp .location-wrapper{
      position: relative;
      width: 50%;
    }
    .zs-lp .btm-icon{
        position: absolute;
        bottom: -30px;
        margin: 0 auto;
        left: 0;
        right: 0;
        text-align: center;
    /*    transform-style: preserve-3d;
        transform: skewY(35deg);*/
    }
    .zs-lp img.fedex-icon,.zs-lp img.ups-icon{
      /*position: absolute !important;*/
      width: 100px !important;
      top: auto;
         
    }
    .zs-lp img.fedex-icon{
          top: -5px;
           margin-right:10px !important;
    }
    .zs-lp img.ups-icon{
        width: 40px !important;
    }
    /*section2 end*/
    
    /*sprite icon section start*/
    .zs-lp .sprite-icon{
          width: 50px;
        height: 80px;
        background: url(/sites/zweb/images/commerce/ecommerce-sprite-icon.svg) no-repeat;
        background-size: auto 500px;
        background-position: -827px -93px;
        margin-bottom: 20px !important;
    }
    .zs-lp .gateway-icon{
        background-position: -887px -90px;
        background-size: auto 480px;
      }
    .zs-lp .security-icon{
        background-position: -30px -198px;
    }
    .zs-lp .fraud-detect-icon{
        background-position: -126px -198px;
    }
    /*sprite icon section end*/
    
    
    
    /*************** sec6 Footer Bg Section Starts  **********************/
    .zs-lp .points-text.last-text{
      padding-bottom: 0px;
    }
    .zs-lp .sec2-btm .sec2-btm-inner p{
      font-size: 18px;
      max-width: 360px;
    }
    .zs-lp .section6{
      margin-bottom: 190px;
      position: relative;
    }
    .zs-lp .footerBg{
     
      background:linear-gradient(rgba(10, 13, 21, 0.8),rgba(10, 13, 21, 0.8)),rgba(10, 13, 21, 0.8) url('/sites/zweb/images/commerce/ecommerce-business-shopping-cart-footerbg.jpg') no-repeat center;
      background-position: center;
      background-size: cover;
      padding: 150px 0 110px;
      text-align: center;
      background-attachment: fixed;
      backface-visibility: hidden;  
    }
    .zs-lp .footerBg-text{
      width: 50%;
      font-size: 60px;
      font-family: var(--zf-primary-semibold);
      letter-spacing: -1px;
      color: #f9f9f9;
      line-height: 1;
      text-align: center;
      margin: 0 auto;
    }
   
    .zs-lp .footerBg .banner-signup-now a{
      text-align: center;
      margin: 50px 0 30px 0;
      top:0;
      left:0;
      transform: none;
      -webkit-transform: none;
    }
    .zs-lp .footerBg .banner-signup-now a:hover{
      -webkit-box-shadow: 0px 10px 20px rgba(118, 120, 122,0.3);
      -moz-box-shadow: 0px 10px 20px rgba(118, 120, 122,0.3);
      -ms-box-shadow: 0px 10px 20px rgba(118, 120, 122,0.3);
      -o-box-shadow: 0px 10px 20px rgba(118, 120, 122,0.3);
      box-shadow: 0px 10px 20px rgba(118, 120, 122,0.3); 
    }
    /*************** Footer Bg Section Ends  **********************/

    
    /*min-width*/
    @media (min-width:1500px) {
    .zs-lp .wrapper .banner-content {
        width: 100%;
      }
      .zs-lp .banner-content-lf .headerBgimg img {
        max-width: calc(100% + 120px);
        left: -160px;
      }
    }
    @media (min-width:1750px){
      .zs-lp .footerBg-text{
        width:40%;
      }
    }
    @media (min-width: 1800px){
      .zs-lp .banner-section .wrapper{
        max-width: 1500px;
      }
      .zs-lp .title-text {
        width: 70%;
      }
    }
    @media (min-width: 1900px){
      .zs-lp .banner-section .wrapper{
        max-width: 1600px;
      }
    }
    @media (min-width: 2400px){
      .zs-lp .banner-section{
        background: linear-gradient(135deg, rgba(225,239,254,1) 0%, rgb(226, 241, 253) 23%, rgba(255,255,255,1) 43%, rgba(255,255,255,1) 320%);
      }
    }
    @media (min-width: 2800px){
    .zs-lp .banner-section{
          background: rgba(225,239,254,1);
        background: -moz-linear-gradient(135deg, rgba(225,239,254,1) 0%, rgb(226, 241, 253) 26%, rgba(255,255,255,1) 43%, rgba(255,255,255,1) 320%);
        background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(225,239,254,1)), color-stop(27%, rgba(225,239,254,1)), color-stop(77%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
        background: -webkit-linear-gradient(135deg, rgba(225,239,254,1) 0%, rgb(226, 241, 253) 26%, rgba(255,255,255,1) 43%, rgba(255,255,255,1) 320%);
        background: -o-linear-gradient(135deg, rgba(225,239,254,1) 0%, rgb(226, 241, 253) 26%, rgba(255,255,255,1) 43%, rgba(255,255,255,1) 320%);
        background: -ms-linear-gradient(135deg, rgba(225,239,254,1) 0%, rgb(226, 241, 253) 26%, rgba(255,255,255,1) 43%, rgba(255,255,255,1) 320%);
        background: linear-gradient(135deg, rgba(225,239,254,1) 0%, rgb(226, 241, 253) 26%, rgba(255,255,255,1) 43%, rgba(255,255,255,1) 320%);
    }
    }
    /*min width end*/
    @media (max-width: 1250px) {
      .zs-lp .wrapper {
        max-width: 1080px;
      }
      .zs-lp .sec1-left {
         margin-left: 0px; 
    }
    .zs-lp .active .pulse{
        left: 59.5%;
        top: 77%;
      }
    .zs-lp .inbox-az{
          left: 45px;
    }
    .zs-lp .inbox-zc{
          right: 90px;
    }
    .zs-lp .sec2-top-right{
          right: -80px;
    }
    .zs-lp .sec2-top-left p.fnt-regular {
        width: 50%;
    }
    .zs-lp .sec2-btm .sec2-btm-inner.sec2-btm-inner-top{
          left: 160px;
        top: -140px;
    }
    .zs-lp .sec2-btm .sec2-btm-inner{
          left: 30px;
        top: 120px;
    }
    .zs-lp .sec2-btm{
          background-size: 85%;
              background-position: 0px 20px;
    }
    }
    @media (max-width: 1126px) {
      .zs-lp .banner-content-rg .tag-line {
        font-size: 90px;
      }
    }
    @media (max-width: 1100px) {
      .zs-lp .wrapper {
        max-width: 1000px;
      }
    .zs-lp .active .pulse {
        left: 61%;
        top: 73.5%;
    }
    .zs-lp .inbox-zc {
        right: 80px;
    }
    .zs-lp .inbox-az {
        left: 35px;
        top: 100px;
    }
    .zs-lp .sec1-right-img{
      max-width: 220px;
    }
    .zs-lp .sec1-left-img{
      max-width: 220px;
    }
    .zs-lp .sec2-btm .sec2-btm-inner.sec2-btm-inner-top{
        left: 160px;
    }
    .zs-lp .sec2-btm {
        background-size: 93%;
        background-position: 0 20px;
    }
    .zs-lp .sec2-btm .sec2-btm-inner {
        left: 70px;
        top: 120px;
    }
    }
    @media (max-width: 1024px) {
      .zs-lp .footerBg-text {
        width: 70%;
      }
      .zs-lp .sec2-top,.zs-lp .section1{
        margin: 0 20px;
      }
      .zs-lp .integrated-wrapper{
         margin: 120px 20px 0;
      }
    }
    @media (max-width: 1020px) {
    .zw-product-header {
        background: linear-gradient(40deg,rgba(225,239,254,1) 0%,#e2f1fd 25%,rgba(255,255,255,1) 110%,rgba(255,255,255,1) 320%);
    }
      .zs-lp .sprite-icon{
        margin: 0 auto;
      }
      .zs-lp .illus-banner-img{
        display: block;
      }
      .zs-lp .location-wrapper {
        position: relative;
        max-width: 545px;
        margin: 0 auto;
        width: 100%;
            margin-bottom: 50px;
    }
    .zs-lp .btm-icon {
        bottom: -20px;
        }
    .zs-lp .active .pulse {
    left: 58.8%;
        top: 80%;
    }
    .zs-lp .active .pulse:after{
          margin: -13px 0 0 -22px;
    }
    .zs-lp .integrated-content {
        width: 90%;
        margin: 0 auto;
    }
      .zs-lp .integrated-content {
        padding-left:0px;
    }
      .zs-lp .banner-content-lf video{
        display: none;
      }
      .zs-lp .banner-content-lf .headerBgimg img {
        max-width: 100%;
        left: 0;
        position: relative;
        top: 0;
        margin: 0 auto;
    }
      .zs-lp .wrapper .banner-content{
        flex-direction: column-reverse;
      }
      .zs-lp .banner-content-lf {
        width: 100%;
    }
    .zs-lp .headerBgimg {
        width: calc(100%);
        margin-top: 100px;
        margin-bottom: 100px;
        left: 0;
        }
        .zs-lp .banner-content-rg {
        width: 90%;
        text-align: center;
        margin: 0 auto;
      }
      .zs-lp .banner-content-rg {
        padding: 150px 0 0 0px;
      }
      .zs-lp .wrapper .banner-content{
        padding-bottom: 0;
      }
      .zs-lp .title-text{
            text-align: center;
        margin: 0 auto;
        width: 65%;
      }
      .zs-lp .section1 {
        padding:0px 0px 0px 0px;
      }
      .zs-lp .section1 {
        display: block;
            text-align: center;
        margin: 0 auto;
      }
      .zs-lp .sec1-left p {
        max-width: 70%;
        margin: 0 auto;
            padding-bottom: 10px;
    }
    .zs-lp p.sec1-left-bt-p{
      padding-bottom: 0;
    }
    .zs-lp .sec1-right {
        max-width: 90%;
        margin-right: 0;
        margin: 0 auto;
        margin-top: 100px;
        height: 450px;
        width: 500px;
    }
    .zs-lp .sec1-left {
        margin-left: 0px;
    }
    .zs-lp .footerBg-text {
        width: 90%;
    }
    .zs-lp .sec3-right-wrapper {
        width: 550px;
        }
        .zs-lp .sec2-top-right {
        position: relative;
      }
      .zs-lp .sec2-top{
        display: block;
        height: auto;
            text-align: center;
        margin: 0 auto;
      }
      .zs-lp .sec2-btm .sec2-btm-inner.sec2-btm-inner-top{
        left: 0;
        left: unset;
        top: unset;
        margin: 0 auto;
        text-align: center;
      }
      .zs-lp .sec2-btm{
          display: block;
        text-align: center;
        margin: 0 auto;
        background-image: unset;
        padding-top: 0;
            padding-bottom: 40px;
      }
      .zs-lp .sec2-btm .sec2-btm-inner p {
        /*font-size: 18px;*/
        max-width: 100%;
        margin: 0 auto;
    }
    /*.zs-lp .sec2-btm-content img{
          left: auto;
              margin-bottom: 10px;
    }*/
    .zs-lp .sec2-top-left p.fnt-regular {
        width: 85%;
        margin: 0 auto;
        text-align: center;
    }
    .zs-lp .sec2-top-left h3{
      margin:0 auto 15px;
    }
    .zs-lp .sec2-top-right {
        right: auto;
        margin: 0 auto;
        width: 60%;
    }
    .zs-lp .sec2-btm .sec2-btm-inner{
         left: unset;
        top: unset;
        margin: 0 auto;
        text-align: center;
            width: 80%;
    }
    .zs-lp .integrated-inner-wrapper{
        display: flex;
        text-align: center;
        padding-bottom: 20px;
        flex-flow: column-reverse;
    }
    .zs-lp .integrated-wrapper{
      background-color: unset;
      margin-top: 40px;
    }
    .zs-lp .integrated-wrapper:after,.zs-lp .integrated-wrapper:before{
      display: none;
    }
    .zs-lp .sec1-warapper{
      padding: 60px 0 80px;
    }
    .zs-lp .sec2-wrapper {
        padding: 60px 0 0px 0px;
    }
    .zs-lp .sec2-top img{
      margin-top: 60px;
    }
    .zs-lp .sec2-btm-content {
        padding-top: 60px;
    }
    .zs-lp .sec2-btm-content .sec2-inner-head {
        margin-bottom: 10px;
    }
    .zs-lp .secure-wrap{
      top: 0;
    }
    .zs-lp .integrated-inner-wrapper img{
      margin-bottom: 30px;
          margin-top: 120px;
    }
    .zs-lp .footerBg{
          padding: 110px 0 70px;
    }
    .zs-lp .integrated-wrapper{
      padding:0;
    }
    }
@media (max-width: 980px) {
    .zw-product-header {
        background: linear-gradient(40deg,rgba(225,239,254,1) 0%,#e2f1fd 40%,rgba(255,255,255,1) 114%,rgba(255,255,255,1) 320%);
    }
}
    
    
    @media (max-width: 768px) {
    .zs-lp .banner-content-rg .tag-line {
        font-size: 80px;
    }
    .zs-lp .fnt-bold {
        font-size: 80px;
        }
    .zs-lp .sec1-left h2 {
        margin-bottom: 15px;
    }
    .zs-lp .integrated-inner-wrapper img {
        width: 90%;
        }
        .zs-lp .active .pulse{
             top: 80.5%;
        }
        .zs-lp .headerBgimg {
        margin-top: 60px;
        margin-bottom: 80px;
      }
      .zs-lp .footerBg {
        background-attachment: unset;
    }
    }
    
    
    
    @media (max-width: 750px) {
    .zs-lp .section1 {
        padding: 0px 0px 0px 0px;
    }
    .zs-lp .banner-content-lf .headerBgimg img {
        max-width: 100%;
        }
    .zs-lp .wrapper .banner-content{
      padding-bottom: 0px;
    }
    .zs-lp .sec2-btm .sec2-btm-inner {
        width: 80%;
        }
        .zs-lp .sec2-top-left h3 {
        width: 80%;
    }
    
    }
    @media (max-width: 650px) {
      .zs-lp .banner-content-rg .tag-line {
        font-size: 70px;
    }
    .zs-lp .banner-content-rg {
        padding: 120px 0 0 0px;
    }
    .zs-lp .desc-line{
      font-size: 32px;
    }
    .zs-lp .title-text{
      width: 90%;
      font-size: 18px;
    }
    .zs-lp .fnt-light {
        font-size: 36px;
        }
        .zs-lp .fnt-bold {
        font-size: 70px;
      }
    
      .zs-lp .sec1-left p {
        max-width: 90%;
        font-size: 18px;
      }
      .zs-lp .sec1-right {
        max-width: 100%;
      }
    .zs-lp .footerBg-text {
        font-size: 42px;
        }
        .zs-lp .footerBg{
              padding: 80px 0 50px;
        }
    .zs-lp .banner-signup-now a, .zs-lp .fivesteps-top-img .banner-signup-now a, .zs-lp .now-what-lf .banner-signup-now a, .zs-lp .footerimg .banner-signup-now a{
      max-width: 235px;
          min-width: 235px;
    padding: 20px 10px;
    }

    .zs-lp .sec2-top-right{
      width: 90%;
    }
    .zs-lp .integrated-inner-wrapper img {
        width: 100%;
    }
    .zs-lp .sec2-btm .sec2-btm-inner {
        width: 90%;
    }
    .zs-lp .bt-bold {
        font-size: 18px;
    }
    .zs-lp .sec2-btm-content {
        padding-top: 50px;
    }
    .zs-lp .fnt-regular {
        font-size: 18px;
        }
    
    }
    @media (max-width: 550px) {
   .zw-product-header {
        background: linear-gradient(40deg,rgba(225,239,254,1) 0%,#e2f1fd 25%,rgba(255,255,255,1) 150%,rgba(255,255,255,1) 320%);
    }
    .zs-lp .sec1-right{
      width: 400px;
    }
    .zs-lp .sec1-left-img {
        max-width: 175px;
    }
    .zs-lp .sec1-right-img {
        max-width: 175px;
    }
    .zs-lp .inbox-zc {
        right: 15px;
    }
    .zs-lp .inbox-az {
        left: 0;
        top: 100px;
        max-width: 220px;
    }
    .zs-lp .inbox-zc {
        right: 45px;
        max-width: 220px;
    }
    .zs-lp .sec1-warapper {
        padding: 60px 0 20px;
    }
    .zs-lp .active .pulse {
        top: 78%;
        left: 60%;
    }
    }
    @media (max-width: 500px) {
      .zs-lp .footerBg-text {
        font-size: 32px;
    }
    .zs-lp .integrated-inner-wrapper img{
      height:auto;
    }
    .zs-lp .desc-line{
      line-height: 1;
    }
    .zs-lp .tag-line{
          padding-bottom: 5px;
    }
    .zs-lp .banner-content-rg .tag-line {
        font-size: 52px;
    }
    .zs-lp .fnt-bold {
        font-size: 52px;
    }
    .zs-lp .desc-line {
        font-size: 26px;
    }
    .zs-lp .fnt-light {
        font-size: 30px;
    }
    
    .zs-lp .title-text {
        width: 100%;
      }
    }
    @media (max-width: 450px) {
    .zs-lp .sec1-right {
        width: 350px;
            height: 390px;
    }
    .zs-lp .location-icon:nth-child(3) {
        left: 85px;
        bottom: 125px;
        }
        .zs-lp .location-icon:nth-child(2) {
        left: 180px;
        bottom: 90px;
      }
    .zs-lp .active .pulse {
        top: 73.5%;
        left: 62.8%;
    }
    .zs-lp .inbox-zc {
        right: 30px;
    }
        .zs-lp .sec1-left-img {
        max-width: 150px;
    }
    .zs-lp .sec1-right-img {
        max-width: 150px;
    }
    .zs-lp .inbox-az,.zs-lp .inbox-zc{
      max-width: 200px;
    }
    .zs-lp .sec1-inner-wrapper:after{
          right: 100px;
        top: 160px;
    }
    .zs-lp .integrated-inner-wrapper{
      padding-bottom: 0;
    }
    .zs-lp .integrated-inner-wrapper img{
      margin-top: 110px;
    }

      }
    
    @media (max-width: 375px) {
        .zs-lp .sec1-right {
            width: 300px;
          }
          .zs-lp .active .pulse {
        top: 72%;
        left: 64.5%;
    }
          .zs-lp .sec1-left-img,.zs-lp .sec1-right-img {
        max-width: 125px;
    }
    .zs-lp .inbox-az, .zs-lp .inbox-zc {
        max-width: 175px;
    }
    .zs-lp .banner-content-lf .headerBgimg img {
        max-width: 100%;
    }
    .zs-lp .sec1-inner-wrapper:after{
      top: 140px;
      }
      .zs-lp .inbox-az{
        top: 50px;
      }
      .zs-lp .sec1-right{
        height: 350px;
      }
      .zs-lp .sec2-top-right {
        width: 85%;
    }
    .zs-lp .banner-content-rg .tag-line{
      padding-bottom: 20px;
    }
    .zs-lp .banner-signup-now a {
        margin: 35px 0px 0px 0px;
        }
        .zs-lp .footerBg .banner-signup-now a{
              margin: 35px 0 30px 0;
        }
    }
    @media (max-width: 360px){

    .zs-lp .desc-line {
        font-size: 24px;
    }

      .zs-lp .section5 .sec5-left .sec5-left-img .sec5-icon.creator {
        transform: translate3d(65px, -250px, -135px);
    }
    .zs-lp .footerBg-text {
        font-size: 28px;
    }
    /*footer portion*/

    }
    @media (max-width: 320px){
    .zs-lp .active .pulse {
            top: 69%;
        left: 67%;
    }
    .zs-lp .desc-line {
        font-size: 22px;
    }
    .zs-lp .location-icon:nth-child(3){
      bottom: 95px;
    }
    .zs-lp .location-icon:nth-child(5){
      left: 10px;
    }
    }</pre></body></html>