* {
  padding:0;
  margin:0;
  box-sizing: border-box;
  }
  .zw-product-header {
   background:linear-gradient(45deg,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 39%,rgba(229,242,253,1) 
   63%,rgba(229,236,253,1) 100%);
   }
  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;
  }
  .clearfix {
   clear: both;
   width: 100%;
  }

  .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;
  }
  .zs-lp .section5{
        background-color: #f3f8fe;
  }
  ins, a {
    text-decoration: none;
  }
  .footer-wrapper{
    display: none !important;
  }
  video{
    width: 100%;
  }
  @font-face {
     font-family:"Merriweather";
     font-weight:300;
     font-style:normal;
     src:url("https://webfonts.zohostatic.com/merriweatherlight/font.eot");
     src:url("https://webfonts.zohostatic.com/merriweatherlight/font.eot?#iefix") format("eot"),
     url("https://webfonts.zohostatic.com/merriweatherlight/font.woff2") format("woff2"),
     url("https://webfonts.zohostatic.com/merriweatherlight/font.woff") format("woff"),
     url("https://webfonts.zohostatic.com/merriweatherlight/font.ttf") format("truetype"),
     url("https://webfonts.zohostatic.com/merriweatherlight/font.svg#Merriweather-Light") format("svg");}
  @font-face {
     font-family:"Merriweather";
     font-weight:400;
     font-style:normal;
     src:url("https://webfonts.zohostatic.com/merriweather/font.eot");
     src:url("https://webfonts.zohostatic.com/merriweather/font.eot?#iefix") format("eot"),
     url("https://webfonts.zohostatic.com/merriweather/font.woff2") format("woff2"),
     url("https://webfonts.zohostatic.com/merriweather/font.woff") format("woff"),
     url("https://webfonts.zohostatic.com/merriweather/font.ttf") format("truetype"),
     url("https://webfonts.zohostatic.com/merriweather/font.svg#Merriweather") format("svg");}
  
  /************ Merriweather ************/
  ins, a {
     text-decoration: none;
  }
  body
  {
  -webkit-font-smoothing: antialiased; 
    line-height: 1;
      font-family: var(--zf-primary-regular);
  }
  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 fadeIn{
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
  /**/
    }
  
    to {
      opacity: 1;
    }
  }
  .fadeIn{
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    transition: all 1s ease-in;
  }
  @-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  ************/
  /*signup button common start*/
  .zs-lp .flex{
    display: flex;
  }
  
  .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;
  }
  
  /*signup button css end*/
  
  /*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-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 .btw-bold{
    font-family: var(--zf-primary-semibold);
  }
  .zs-lp .btw-color{
    color: #306ee8;
  }*/
  /*common font css end*/
  
  /*some other commeon classes start*/
  .zs-lp section {
      position: relative;
      z-index: 1;
      background-color: #ffffff;
      overflow: hidden;
  }
  /*some other commeon classes start*/
  /************ Header Menu Starts *************/
  
  .zs-lp .wrapper{
      margin: 0 auto;
      max-width: 1200px;
      width: 100%;
      position: relative;
  }
  .zs-lp .wrapper2{
    max-width: 1440px;
    width: 100%;
  }

  /************ Header Menu Ends *************/
  
  /*banner section start */
  .zs-lp .banner-wrapper{
    background-size: cover;
        background: rgba(255,255,255,1);
      background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(229,242,253,1) 80%, rgba(229,236,253,1) 100%);
      background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(57%, rgba(255,255,255,1)), color-stop(75%, rgba(229,242,253,1)), color-stop(100%, rgba(229,242,253,1)));
      background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(229,242,253,1) 80%, rgba(229,236,253,1) 100%);
      background: -o-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(229,242,253,1) 80%, rgba(229,236,253,1) 100%);
      background: -ms-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(229,242,253,1) 80%, rgba(229,236,253,1) 100%);
      background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(229,242,253,1) 80%, rgba(229,236,253,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5f2fd', GradientType=1 );
  }
  .zs-lp .banner{
      display: flex;
      justify-content: space-between;
      padding: 120px 0px 50px 0px;
      position: relative;
      top: 100px;
  }
  .zs-lp .wrapper{
    max-width: 1200px;
    margin: 0 auto;
  }
  .zs-lp .banner-left{
      width: 46%;
      position: relative;
      left: 30px;
      z-index: 1;
  }
  .zs-lp .banner-left .banner-light{
      font-size: 90px;
      line-height: 0.82;
      color: #181818;
      letter-spacing: -3px;
      padding-bottom: 2px;
      margin: 0;
  }
  .zs-lp .banner-left p{
    max-width: 520px;
  }
  .zs-lp .banner-left h1{
      font-size: 40px;
      color: #111111;
      letter-spacing: -1px;
      line-height: 1.5;
          margin-bottom: 15px;
  }
  .zs-lp .banner-right{
      width: 54%;
      position: relative;
      top: -30px;
  }
  /*.zs-lp .banner-right .headerbgimg video{
    display: none;
  }*/
  .zs-lp .illus-banner-img{
    display: none;
  }
  .zs-lp .headerbgimg{
      width: calc(100% + 250px);
      margin-top: 0;
      left: auto;
      right: 100px;
      position: relative;
      top: -40px;
    }
  /*banner section end */
  
  /*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-light{
      font-family: var(--zf-primary-light);
      font-size: 42px;
      color: #111111;
      letter-spacing: -1px;
      line-height: 1;
  }
  .zs-lp .fnt-bold{
      font-size: 86px;
      color: #181818;
      font-family: var(--zf-primary-bold);
      letter-spacing: -3px;
      line-height: 0.82;
      margin-bottom: 20px;
  }
  .zs-lp .fnt-small-bold{
      font-size: 35px;
      color: #181818;
      letter-spacing: -0.2;
    font-family: var(--zf-primary-bold);
  }
  .zs-lp .fnt-semibold{
    font-size: 25px;
    color: #181818;
    font-family: var(--zf-primary-semibold);
  }
  /*common font css end*/
  
  /*section1 start*/
  .zs-lp .section1{
    padding: 80px 0;
    background-color: #f3f8fe;
  }
  .zs-lp .sec1-left{
      width: 50%;
      position: relative;
  }
  .zs-lp .sec1-left .monitor{
    max-width: 500px;
  }
  .zs-lp .sec1-right{
    width: 50%;
    position: relative;
        padding-top: 40px;
  }
  .zs-lp .sec1-right h2{
    margin-bottom: 10px;
  }
  .zs-lp .sec1-right p{
    margin-top: 15px;
  }
  .zs-lp .sec1-btm-p{
    margin-bottom: 30px;
  }
  /*.zs-lp .sec1-right p:nth-child(1){
    margin-bottom: 15px;
  }*/
  .zs-lp .sec1-red-shape{
      position: absolute;
      top: auto;
      bottom: 110px;
      left: 0;
      max-width: 60%;
      z-index: -1;
  }
  .zs-lp .sec1-line-shape{
      position: absolute;
      top: 10px;
      max-width: 30%;
      right: 170px;
      z-index: -1;
  }
  .zs-lp .sec1-right a{
    color: #306ee8;
    font-size: 14px;
    text-transform: uppercase;
  }
  .zs-lp .sec1-stocks{
        max-width: 70%;
      top: -10px;
      right: -50px;
      left: auto;
  }
  .zs-lp .sec1-stocks.reports{
      animation: floateven 5s linear 1s infinite;
  }
  .zs-lp .sec1-report,.zs-lp .sec1-stocks{
    position: absolute;
  }
  .zs-lp .sec1-report{
        left: -50px;
      max-width: 70%;
      top: 200px;
    }
  .zs-lp .sec1-report.reports{
      animation: floatodd 5s linear 2s infinite;
  }
    @keyframes floateven {
      0% {
          transform: translate(0, 0);
      }
      50% {
          transform: translate(0, -15px);
      }
      100% {
          transform: translate(0, 0);
      }
  }
  @-webkit-keyframes floateven {
     0% {
          transform: translate(0, 0);
      }
      50% {
          transform: translate(0, -15px);
      }
      100% {
          transform: translate(0, 0);
      }
    }
  @keyframes floatodd {
      0% {
          transform: translate(0, 0);
      }
      50% {
          transform: translate(0, 15px);
      }
      100% {
          transform: translate(0, 0);
      }
  }
  @-webkit-keyframes floatodd {
      0% {
          transform: translate(0, 0);
      }
      50% {
          transform: translate(0, 15px);
      }
      100% {
          transform: translate(0, 0);
      }
  }
  /*section1-end*/
  
  /*section2 start*/
  .zs-lp .section2{
    padding: 80px 0;
  }
  .zs-lp .sec2-top-ctn{
    text-align: center;
  }
  .zs-lp .sec2-store-img{
    max-width: 70%;
  }
  .zs-lp .sec2-top-ctn p{
    max-width: 67%;
    margin: 0 auto;
      margin-bottom: 55px;
  }
  .zs-lp .sec2-top-ctn h3{
    margin-bottom: 30px;
  }
  .zs-lp .sec2-btm-ctn span{
    font-size: 23px;
    letter-spacing: -.82px;
  }
  .zs-lp .sec2-btm-ctn{
    justify-content: space-between;
  }
  .zs-lp .sec2-btm-ctn p{
      font-size: 18px;
    }
  .zs-lp .sec2-btm-ctn-inner{
    max-width: 30%;
  }
  .zs-lp .sec2-store-img{
    margin-bottom: 50px;
  }
  /*.zs-lp .sec2-top-ctn p{
  }*/
  /*section2 end*/
  
  /*section3 start*/
  .zs-lp .fr{
    float: right;
  }
  .zs-lp .fl{
    float: left;
  }
  .zs-lp .section3 .wrapper{
    max-width: 1300px;
  }
  .zs-lp .section3 h4{
    margin-top: 7px;
  }
  .zs-lp .section3:after{
       width: 50%;
      content: "";
      /*background-color: #f3f8ff;*/
      background-image: linear-gradient(to bottom, #fdfdff, #fbfcff, #f9faff, #f6f9fe, #f3f8fe);
      position: absolute;
      display: block;
      top: 0;
      height: 100%;
      right: 0;
      z-index: -5;
  }
  .zs-lp .sec3-top{
    text-align: center;
    padding: 80px 0;
  background-image: linear-gradient(to right top, #ffffff, #fdfdff, #fafbff, #f7f9ff, #f3f8ff);
  }
  .zs-lp .sec3-second .sec3-inner-left{
    padding-top: 130px;
  }
  .zs-lp .sec3-second .sec3-inner-right{
    padding-top: 100px;
  }
  .zs-lp .sec3-inner-right .sec3-container{
      position: relative;
      /*opacity: 0.5;*/
      left: 0;
      }
      .zs-lp .sec3-inner-right .sec3-container .shape{
        position: absolute;
      }
      .zs-lp .swl{
            max-width: 260px;
      right: -185px;
      top: 50px;
        transition: all 1s;
      transition-delay: 2s !important;
      }
      .zs-lp .active .swl{
      animation:topmove 1s ease .2s;
      }
      .zs-lp .active .swo{
      animation:topmove 1s ease;
      }
      .zs-lp .swo{
        max-width: 245px;
        left: 0;
        /*transition: all 1s;*/
            transform-origin: bottom;
      transform-style: preserve-3d;
          transform-origin: bottom;
      transform-style: preserve-3d;
          /*animation-delay: 1.3s;*/
      /*transition-delay: 2s !important;*/
  
      }
      @-webkit-keyframes topmove {
           0% {transform:translateY(0px);}
        50% {transform:translateY(-50px);}
        100% {transform:translateY(0px);}
      }
  
      /* Standard syntax */
      @keyframes topmove {
        0% {transform:translateY(0px);}
        50% {transform:translateY(-50px);}
        100% {transform:translateY(0px);}
      }
    /*   @keyframes topmove {
        0% {opacity:0;}
        50% {opacity:0.5;}
        100% {opacity:1;}
      }*/
      .zs-lp .line-shape{
        max-width: 200px;
            bottom: -20px;
      left: 80px;
      z-index: -1;
      }
      .zs-lp .yellow-shape{
          max-width: 320px;
      left: 180px;
      top: -50px;
      z-index: -1;
      }
      .zs-lp .red-shape{
      max-width: 320px;
      left: 20px;
      bottom: -30px;
      z-index: -1;
      }
      .zs-lp .sec3-third .reports{
        max-width: 350px;
        margin: 0 auto;
      }
      .zs-lp .reports-btm{
         max-width: 200px;
      left: 10px;
      bottom: -70px;
       transform: translateY(-90px);
          transition: all 1s ease;
      }
      .zs-lp .reports-top{
        max-width: 125px;
      left: auto;
      right: 30px;
      top: -70px;
          transform: translateY(90px);
          transition: all 1s ease;
      }
      .zs-lp .active .reports-top,.zs-lp .active .reports-btm{
          transform: translateY(0px);
      }
    /*     @-webkit-keyframes reportTop {
           0% {transform:translateY(0px);}
        100% {transform:translateY(90px);}
      }*/
  
      /* Standard syntax */
  /*    @keyframes reportTop {
        0% {transform:translateY(0px);}
        100% {transform:translateY(90px);}
      }
           @-webkit-keyframes reportBtm {
          0% {transform:translateY(90px);}
        100% {transform:translateY(0px);}
      }*/
  
      /* Standard syntax */
    /*  @keyframes reportBtm {
      0% {transform:translateY(0px);}
        100% {transform:translateY(0px);}
      }*/
     .zs-lp .sec3-third .sec3-inner-right{
      text-align: center;
     }
  .zs-lp .sec3-second .sec3-inner-right .sec3-container{
      /*transform:translateX(300px);*/
      /*left: 150px;*/
      /*transform: translateX(588.6px);*/
      /*left: 0;*/
  }
  .zs-lp .sec3-third .sec3-inner-right .sec3-container{
      /*left: -350px;*/
      /*transform: translateX(626.6px);*/
      /*left: 0;*/
  }
  .zs-lp .sec3-fourth .sec3-inner-right .sec3-container{
      /*left: 400px;*/
      /*left: 0;*/
  }
  .zs-lp .sec3-fifth .sec3-inner-right .sec3-container{
      /*left: -450px;*/
      /*left: 0;*/
  }
  .zs-lp .sec3-third .sec3-inner-right,.zs-lp .sec3-fourth .sec3-inner-right{
    padding-top: 120px;
  }
  .zs-lp .sec3-fourth .variant{
          max-width: 275px;
      right: -50px;
      bottom: -50px;
          transform: translateY(-120px);
              /*transform: rotate(-20deg);*/
          transition: all 1s ease-in-out;
          transition-delay: .3s;
  }
  .zs-lp .sec3-fourth .variant-left{
    max-width: 225px;
        left:0px;
           transform: translateY(120px);
          transition: all 1s ease-in-out;
  }
  .zs-lp .sec3-fourth .active .variant,.zs-lp .sec3-fourth .active .variant-left{
            transform: none;
  }
  .zs-lp .sec3-fourth .sec3-inner-right .sec3-container{
    text-align: center;
  }
  .zs-lp .sec3-fourth .line-shape{
    bottom: 0;
  }
  .zs-lp .sec3-fourth .yellow-shape{
    left: 170px;
  }
  /*.zs-lp .sec3-third .sec3-inner-left{
    padding-bottom: 120px;
  }*/
  .zs-lp .sec3-inner-left{
    width: 50%;
    padding-top: 150px;
  }
  .zs-lp .sec3-inner-right{
  width: 50%;
    padding-top: 150px;
  }
  .zs-lp .sec3-fifth .sec3-inner-left{
    padding-bottom: 150px;
  }
  .zs-lp .sec3-fifth .sec3-inner-right{
    padding-bottom: 150px;
  }
  .zs-lp .sec3-fifth .benefit{
       max-width: 275px;
      right: -60px;
      top: 80px;
      transition: all 1s ease;
  }
  .zs-lp .sec3-fifth .benefit-left{
      max-width: 225px;
      left: 35px;
      top: 110px;
     z-index: -1;
      transform: translateX(170px);
      transition: all 1s ease-in-out;
  }
  .zs-lp .sec3-fifth .benefit-top{
      max-width: 225px;
      top: -10px;
      right: 0;
          z-index: -1;
      transform: translate3d(-90px,120px,0px);
      transition: all 1s ease-in-out;
  }
  .zs-lp .sec3-fifth .active .benefit-left,.zs-lp .sec3-fifth .active .benefit-top{
    transform: none;
  }
  .zs-lp .sec3-fifth .active .benefit{
    animation:opa 1s ease;
  }
  @-webkit-keyframes opa {
    from {opacity: 0;}
    to {opacity: 1;}
  }
  
  /* Standard syntax */
  @keyframes opa {
    from {opacity: 0;}
    to {opacity: 1;}
  }
  .zs-lp .sec3-fifth .sec3-inner-right .sec3-container{
    text-align: center;
  }
  .zs-lp .sec3-fifth .yellow-shape{
      top: 120px;
      z-index: -2;
      left: 150px;
      }
  .zs-lp .sec3-fifth .line-shape{
      top: 30px;
      left: 140px;
      z-index: -2;
      }
  /*.zs-lp .sec3-inner-right img{
    max-width: 75%;
  }*/
  /*.zs-lp .sec3-second{
    padding: 80px 0;
  }*/
  .zs-lp .sec3-inner-wrapper{
    justify-content: space-between;
  }
  /*background-image: linear-gradient(to right top, #ffffff, #fdfdff, #fafbff, #f7f9ff, #f3f8ff);*/
  /**/
  /*.zs-lp .sec3-third{
    padding:0px 0 80px;
  }*/
  /**/
  /*.zs-lp .sec3-fourth{
    padding:0px 0 80px;
  }*/
  /**/
  /*.zs-lp .sec3-fifth{
    padding:0px 0 80px;
  }*/
  .zs-lp .sec3-fifth ul li{
    margin-bottom: 20px;
        margin-left: 20px;
        list-style: disc;
        text-align: left;
  }
  .zs-lp .sec3-fifth ul li:first-child{
    margin-top: 20px;
  }
  .zs-lp .sec3-container{
    width: 80%;
    margin: 0 auto;
    /*transition:transform 0.2s linear;*/
  }
  /*.zs-lp .sec3-inner-right .sec3-container{
    left: 720px;
  }*/
  .zs-lp .sec3-container img{
        /*transform: translate3d(0px, 0px, 0px);*/
        position: relative;
        /*transform: translate(100%, 0%) matrix(1, 0, 0, 1, 0, 0);*/
  }
  .zs-lp .sec3-container p{
    font-size: 20px;
  }
  .zs-lp .sec3-second .sec3-inner-right{
    border-left: 1px solid #f7f7f7;
    position: relative;
  }
  .zs-lp .sec3-second .sec3-inner-right:before{
      content: "";
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #f1f1f1;
      display: block;
      position: absolute;
      left: -6px;
      top: 0;
  }
  .zs-lp .sec3-third .sec3-container p{
    max-width: 90%;
  }
  .zs-lp .sec3-third .sec3-inner-left{
    border-left: 1px solid #f7f7f7;
  }
  .zs-lp .sec3-fourth .sec3-inner-right{
    border-left: 1px solid #f7f7f7;
  }
  .zs-lp .sec3-fifth .sec3-inner-left{
    border-left: 1px solid #f7f7f7;
  }
  /*.zs-lp .sec3-second .sec3-inner-head{
     max-width: 90%;
  }*/
  /*.zs-lp .sec3-fifth .sec3-inner-head{
    max-width: 80%;
  }*/
  .zs-lp .sec3-inner-head{
    margin-bottom: 15px;
  }
  /**/
  /*section3 end*/
  
  /*************** sec6 Footer Bg Section Starts  **********************/
  .zs-lp .points-text.last-text{
    padding-bottom: 0px;
  }
  .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-website-builder-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: #ffffff;
    line-height: 1;
    text-align: center;
    margin: 0 auto;
  }
  .zs-lp .footerBg .product-logo {
      float: unset;
      color: #ffffff !important;
      height: auto;
      padding-bottom: 15px;
      font-size: 24px;
      padding-left: 80px;
      background: rgba(0, 0, 0, 0) url(/sites/zweb/images/commonroot/zoho-logo-web.svg) no-repeat scroll left top / 72px auto !important;
  }
  .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  **********************/

  
  @keyframes floateven {
      0% {
          transform: translate(0, 0);
      }
      50% {
          transform: translate(0, -15px);
      }
      100% {
          transform: translate(0, 0);
      }
  }
  @keyframes floatodd {
      0% {
          transform: translate(0, 0);
      }
      50% {
          transform: translate(0, 15px);
      }
      100% {
          transform: translate(0, 0);
      }
  }
  @keyframes footerfloateven {
      0% {
          transform: translate(0, 0);
      }
      50% {
          transform: translate(-25px, 0px);
      }
      100% {
          transform: translate(0, 0);
      }
  }
  @keyframes footerfloatodd {
      0% {
          transform: translate(0, 0);
      }
      50% {
          transform: translate(25px, 0);
      }
      100% {
          transform: translate(0, 0);
      }
  }
  
  /*************** Animation Ends  ************/
  /****** for styling in firefox *****/
  @-moz-document url-prefix() {
    h1{}
    .zs-lp .some-order-content-rg .sub-title,.zs-lp .your-store-rg .sub-title{
    padding: 0 0 0px 25px;
  }
  .zs-lp .pixel-txt{
    line-height: 1.4;
  }
  .zs-lp .pixel-txt{
    padding: 10px 0 28px 2px;
  }
  }
  /*media query start*/
  @media (min-width: 1680px){
    .zs-lp .banner {
      padding: 180px 0px 0px 0px;
      top: 70px;
  }
  }
  @media (min-width: 1800px){
    .zs-lp .banner-wrapper{
          background: rgba(255,255,255,1);
      background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(229,242,253,1) 78%, rgba(229,236,253,1) 100%);
      background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(57%, rgba(255,255,255,1)), color-stop(75%, rgba(229,242,253,1)), color-stop(100%, rgba(229,242,253,1)));
      background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(229,242,253,1) 78%, rgba(229,236,253,1) 100%);
      background: -o-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(229,242,253,1) 78%, rgba(229,236,253,1) 100%);
      background: -ms-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(229,242,253,1) 78%, rgba(229,236,253,1) 100%);
    background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(229,242,253,1) 78%, rgba(229,236,253,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5f2fd', GradientType=1 );
  }
  }
  @media (min-width: 2100px){
    .zs-lp .banner-wrapper{
    background: rgba(255,255,255,1);
      background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(229,242,253,1) 74%, rgba(229,236,253,1) 100%);
      background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(57%, rgba(255,255,255,1)), color-stop(75%, rgba(229,242,253,1)), color-stop(100%, rgba(229,242,253,1)));
      background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(229,242,253,1) 74%, rgba(229,236,253,1) 100%);
      background: -o-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(229,242,253,1) 74%, rgba(229,236,253,1) 100%);
      background: -ms-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(229,242,253,1) 74%, rgba(229,236,253,1) 100%);
    background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(229,242,253,1) 74%, rgba(229,236,253,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5f2fd', GradientType=1 );
  }
  }
  @media (min-width: 2800px){
    .zs-lp .banner-wrapper{
    background: rgba(255,255,255,1);
      background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(229,242,253,1) 70%, rgba(229,236,253,1) 100%);
      background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(57%, rgba(255,255,255,1)), color-stop(75%, rgba(229,242,253,1)), color-stop(100%, rgba(229,242,253,1)));
      background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(229,242,253,1) 70%, rgba(229,236,253,1) 100%);
      background: -o-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(229,242,253,1) 70%, rgba(229,236,253,1) 100%);
      background: -ms-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(229,242,253,1) 70%, rgba(229,236,253,1) 100%);
    background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(229,242,253,1) 70%, rgba(229,236,253,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5f2fd', GradientType=1 );
  }
  }
  @media (max-width: 1250px) {
  .zs-lp .wrapper {
      max-width: 1100px;
    }
    .zs-lp .section4 .automate {
      padding: 0;
      padding-bottom: 50px;
  }
      .zs-lp .triangle{
      left: 400px;
          padding-left: 190px;
    }
    .zs-lp p.black-color{
      left: 400px;
          font-size: 30px;
      width: 180px;
    }
    .zs-lp .your-store-lf .green-color{
       left: 180px;
      font-size: 60px;
      top: 100px;
    }
    .zs-lp .your-store-bg{
      width: 400px;
    }
    .zs-lp .pixel-right {
      padding: 150px 0 0 40px;
  }
  .zs-lp .footerBg-text {
      width: 75%;
      }
  }
  @media (max-width: 1150px) {
    .zs-lp .wrapper {
      max-width: 1050px;
    }
    .zs-lp .banner-left .banner-light {
      font-size: 82px;
    }
    .zs-lp .fnt-bold {
      font-size: 82px;
    }
      .zs-lp .sec1-left .monitor {
      max-width: 475px;
  }
  }
  
  @media (max-width: 1080px) {
      .zs-lp .wrapper {
      max-width: 1000px;
    }
    .zs-lp .banner-right {
      width: 50%;
          left: -20px;
    }
    .zs-lp .footerBg-text {
      font-size: 50px;
      width: 60%;
    }
    .zs-lp .banner{
      top: 80px;
    }
    .zs-lp .banner-right{
      top: 0;
    }
  .zs-lp .sec2-btm-ctn {
      justify-content: space-around;
  }
  .zs-lp .reports-top {
      right: -6%;
  }
  .zs-lp .reports-btm {
      left: -10%;
      }
  .zs-lp .yellow-shape {
      max-width: 250px;
    }
    .zs-lp .sec3-fifth .benefit-top {
      right: -30px;
    }
    .zs-lp .sec3-fifth .benefit {
      right: -50px;
    }
  }
  @media (min-width: 980px) and (max-width: 1020px) {
    .zw-product-header {
        background: linear-gradient(45deg,rgba(255,255,255,1) 2%,rgba(255,255,255,1) 2%,rgba(229,242,253,1) 44%,rgba(229,236,253,1) 100%);
    }
}

@media (max-width: 980px) {
    .zw-product-header {
        background: linear-gradient(45deg, rgba(255, 255, 255, 1) -23%, rgba(255, 255, 255, 1) 2%, rgba(229, 242, 253, 1) 54%, rgba(229, 236, 253, 1) 100%);
    }
}
 
  @media (max-width: 1020px) {
  .zs-lp .section1 .flex {
      flex-direction: column-reverse;
  }
  .zs-lp .sec3-fifth .sec3-inner-head{
   text-align: left;
  }
  .zs-lp .sec3-inner-head ul{
    text-align: left;
  }
  .zs-lp .sec1-left{
    margin: 0 auto;
        margin-top: 60px;
  }
  .zs-lp .sec1-right {
      width: 80%;
      margin: 0 auto;
      text-align: center;
  }
  .zs-lp .sec1-right{
    padding-top: 20px;
  }
  .zs-lp .section2 .flex{
    display: block;
  }
  .zs-lp .sec2-btm-ctn-inner {
      max-width: 50%;
      margin: 0 auto;
      text-align: center;
      padding-top: 60px;
  }
  .zs-lp .sec2-btm-ctn span {
      font-size: 30px;
      }
      .zs-lp .sec2-btm-ctn p {
      font-size: 20px;
  }
  .zs-lp .sec3-second.flex{
   flex-direction: column;
  }
  .zs-lp .sec3-third.flex{
   flex-direction: column-reverse;
  }
  .zs-lp .sec3-fourth.flex{
   flex-direction: column;
  }
  .zs-lp .sec3-fifth.flex{
   flex-direction: column-reverse;
  }
  .zs-lp .sec3-inner-left {
      width: 100%;
      margin: 0 auto;
      text-align: center;
  }
  .zs-lp .sec3-inner-right {
      width: 60%;
      margin: 0 auto;
      padding-top: 0;
  }
      .zs-lp .banner{
      display: block;
    }
    .zs-lp .banner-right .headerbgimg video{
    display: none;
  }
  
  .zs-lp .illus-banner-img{
    display: block;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 0;
  }
  .zs-lp .headerbgimg {
      width: calc(100%);
          right: 0;
      top: 0;
      }
    .zs-lp .banner{
      display: block;
      padding-top: 80px;
    }
  
    .zs-lp .banner-left{
      width: 100%;
      margin: 0 auto;
      text-align: center;
      left: 0;
    }
    .zs-lp .banner-left p{
      margin: 0 auto;
    }
    .zs-lp .banner-right {
      width: 100%;
      margin: 0 auto;
      top: 0;
      padding-top: 50px;
      left: 0;
          padding-bottom: 50px;
  }
  .zs-lp .sec2-top-ctn p{
    margin-bottom: 80px;
  }
  .zs-lp .section3:after{
    display: none;
  }
  .zs-lp .sec3-second .sec3-inner-left {
      padding-top: 0;
  }
  .zs-lp .sec3-top{
    background-image: none;
    padding: 0 0 30px  0px;
  }
  .zs-lp .sec3-inner-left{
    padding-top: 120px;
  }
  .zs-lp .sec3-second .sec3-inner-right {
      padding-top: 60px;
      border-left: none;
  }
  .zs-lp .sec3-fourth .sec3-inner-right{
    border-left: none;
  }
  .zs-lp .sec3-second .sec3-inner-right:before{
    display: none;
  }
  .zs-lp .sec3-third .sec3-container p{
    margin: 0 auto;
  }
  .zs-lp .sec3-third .sec3-inner-right, .zs-lp .sec3-fourth .sec3-inner-right {
      padding-top: 60px;
  }
  .zs-lp .sec3-fifth .sec3-inner-left {
      padding-bottom: 0px;
  }
  .zs-lp .sec3-fifth .sec3-inner-right {
      padding-bottom: 180px;
  }
  .zs-lp .fnt-small-bold{
    font-size: 30px;
  }
  .zs-lp .footerBg{
        padding: 120px 0 80px;
  }
  .zs-lp .sec3-inner-right .sec3-container{
      width: 80%;
      }
      .zs-lp .sec3-fifth .benefit-left{
        left: 0;
      }
      .zs-lp .sec3-fifth .benefit{
        right: 0;
      }
  }
  @media (max-width: 980px) {
  .zs-lp .footerBg-text {
      font-size: 40px;
        width: 65%;
  }
  .zs-lp video {
      width: 100%;
      height: auto;
  }
  .zs-lp .sec2-btm-ctn-inner {
      max-width: 80%;
    }
  .zs-lp .sec1-report {
      left: -50px;
      max-width: 90%;
    }
    .zs-lp .sec1-stocks {
      max-width: 90%;
      right: -200px;
    }
  .zs-lp .sec1-line-shape {
      top: 20px;
      right: -20px;
    }
      .zs-lp .sec3-inner-right{
      padding-top: 100px !important;
    }
    .zs-lp .sec3-third .reports {
      max-width: 80%;
      }
      .zs-lp .reports-top{
        right: 0;
      }
      .zs-lp .swl {
      max-width: 65%;
    }
  }
  
  @media (max-width: 768px) {
    .zs-lp .sec1-line-shape{
      right: -20px;
    }
    .zs-lp .sec3-inner-right{
      width: 70%;
    }
    .zs-lp .sec2-btm-ctn p {
      font-size: 18px;
  }
  .zs-lp .sec3-container p {
      font-size: 18px;
  }
  .zs-lp .sec1-right h2 {
      margin-bottom: 10px;
  }
  .zs-lp .sec1-left {
      width: 60%;
    }
  /*  .zs-lp .sec3-fifth .yellow-shape{
      left: 20%;
    }*/
  }
  @media (max-width: 750px) {
    .zs-lp .illus-banner-img{
    padding-bottom: 50px;
  }
  .zs-lp .sec1-left {
      width: 100%;
      text-align: center;
  }
  .zs-lp .sec1-left .monitor {
      max-width: 60%;
      }
      .zs-lp .sec1-report {
      left: 50px;
      max-width: 60%;
      top: 140px;
  }
  .zs-lp .sec1-stocks {
      max-width: 60%;
      right: -30px;
      top: -40px;
  }
  .zs-lp .sec1-red-shape {
      bottom: 100px;
      left: 150px;
      max-width: 40%;
    }
    .zs-lp .sec1-line-shape {
      width: 20%;
      right: 170px;
      top: 0px;
  }
  .zs-lp .sec1-right h2 {
      margin-bottom: 12px;
  }
    .zs-lp .sec3-inner-right{
      width: 80%;
    }
  .zs-lp .banner-left h1{
    margin-bottom: 10px;
  }
    .zs-lp video {
      height: auto;
  }
    .zs-lp .banner{
      padding: 60px 0px 20px 0px;
    }
      .zs-lp .banner-left {
      width: 90%;
      }
    .zs-lp .banner-left h1{
      font-size: 34px;
    }
    .zs-lp .banner-left .banner-light {
      font-size: 55px;
    }
    .zs-lp .fnt-regular {
      font-size: 18px;
    }
    .zs-lp .banner-right {
      width: 100%;
      padding-bottom: 0;
    }
    .zs-lp .fnt-light{
      font-size: 34px;
    }
    .zs-lp .fnt-bold {
      font-size: 52px;
          margin-bottom: 25px;
    }
    .zs-lp .footerBg-text {
      font-size: 32px;
  }
  .zs-lp .banner-signup-now a {
      margin: 30px 0px 0px 0px;
  }
  .zs-lp .footerBg .banner-signup-now a{
        margin: 30px 0 30px 0;
  
  }
  .zs-lp .footerBg{
    background-attachment: unset;
  }
  .zs-lp .yellow-shape {
      max-width: 65%;
    }
  }
  @media (max-width: 550px) {
      .zw-product-header {
          background: linear-gradient(45deg,rgba(255,255,255,1) -80%,rgba(255,255,255,1) -60%,rgba(229,242,253,1) 54%,rgba(229,236,253,1) 67%);
      };
    .zs-lp .sec3-inner-left {
      padding-top: 120px;
  }
  .zs-lp .sec3-third .sec3-inner-right {
      padding-top: 100px !important;
  }
  .zs-lp .sec3-fifth .sec3-inner-left {
      padding-top: 130px;
  }
  .zs-lp .sec3-fifth ul li:last-child{
    margin-bottom: 0;
  }
  .zs-lp .sec3-inner-right {
      padding-top: 70px !important;
  }
  .zs-lp .signup a {
      padding: 10px;
  }

  .zs-lp .banner-signup-now a {
      min-width: 150px;
      max-width: 235px;
  }
  .zs-lp .banner-signup-now a {
      margin: 45px 0px 0px 0px;
  }
  .zs-lp .banner {
          top: 0;
      padding: 130px 0px 0px 0px;
  }
  .zs-lp .footerBg {
      padding: 100px 0 60px;
  }
  .zs-lp .footerBg-text {
      width: 70%;
      }
      .zs-lp .sec1-left .monitor {
      max-width: 70%;
  }
  .zs-lp .sec1-report {
      left: -10px;
      max-width: 80%;
      top: 80px;
  }
  .zs-lp .sec1-stocks {
      max-width: 70%;
      right: -60px;
      top: -30px;
  }
  .zs-lp .sec1-red-shape {
      bottom: 60px;
      left: 60px;
      max-width: 50%;
  }
  .zs-lp .sec1-line-shape{
      right: 100px;
      top: -10px;
      width: 40%;
  }
  .zs-lp .sec2-top-ctn p {
      max-width: 85%;
      }
      .zs-lp .sec2-store-img {
      max-width: 80%;
  }
  .zs-lp .sec2-top-ctn p {
      margin-bottom: 60px;
  }
    .zs-lp .sec2-top-ctn h3 {
      margin-bottom: 20px;
  }
  .zs-lp .sec2-store-img {
      margin-bottom: 10px;
  }
  .zs-lp .sec3-third .sec3-inner-right, .zs-lp .sec3-fourth .sec3-inner-right {
      padding-top: 50px;
  }
  .zs-lp .sec3-third .sec3-inner-left {
      padding-top: 80px;
  }
  
  .zs-lp .sec3-second .sec3-inner-right {
      padding-top: 50px !important;
  }
  /*.zs-lp .sec3-fifth .sec3-inner-left {
      padding-bottom: 50px;
  }*/
  .zs-lp .sec3-fifth .sec3-inner-right {
      padding-bottom: 80px;
          padding-top: 40px !important;
  }
  .zs-lp .section1 {
      padding: 60px 0;
      }
      .zs-lp .fnt-small-bold {
      font-size: 22px;
  }
  .zs-lp .swl {
      max-width: 230px;
      }
      .zs-lp .swo {
      max-width: 215px;
    }
    .zs-lp .sec3-second .sec3-inner-right .sec3-container{
        transform: scale(.8);
      /*left:-12%;*/
  }
  .zs-lp .swo {
      left: -15%;
      }
  .zs-lp .swl {
      right: -35%;
    }
    .zs-lp .yellow-shape {
      left: 40%;
    }
    .zs-lp .line-shape {
      bottom: -20px;
      left: 10%;
    }
  /*  .zs-lp .sec3-third .sec3-inner-right .sec3-container,
    .zs-lp .sec3-fourth .sec3-inner-right .sec3-container,{
        transform: none;
        left: 0px;
  }*/
  .zs-lp .sec3-fifth .sec3-inner-right .sec3-container{
        transform: scale(.8);
  }
  .zs-lp .yellow-shape {
      top: -20px;
      }
      .zs-lp .sec3-fourth .variant {
      max-width: 75%;
      right: -70px;
      bottom: -80px;
    }
    .zs-lp .sec3-fourth .variant-left {
      max-width: 70%;
      bottom: 10px;
      left: -30px;
    }
    .zs-lp .sec3-fifth .benefit-left {
      left: -50px;
  }
  .zs-lp .sec3-fifth .benefit-top
  {
    right: -60px;
  }
  .zs-lp .red-shape {
      max-width: 100%;
      left: 0px;
      }
      .zs-lp .reports-top {
      max-width: 30%;
    }
    .zs-lp .reports-btm {
      max-width: 50%;
      bottom: -50px;
          left: -10%;
    }
    .zs-lp .sec3-fourth .yellow-shape {
      left: 130px;
  }
  .zs-lp .sec3-fourth .line-shape {
      bottom: -50px;
      left: 20px;
  }
  }
  @media (max-width: 425px) {

    .zs-lp .illus-banner-img {
      padding-bottom:0px;
  }
  .zs-lp .headerbgimg {
      width: calc(100% + 50px);
      right: 10px;
      }
      .zs-lp .footerBg-text {
      width: 90%;
  }

  
  .zs-lp .section6 {
      margin-bottom: 170px;
      }

    .zs-lp .fnt-bold {
      font-size: 43px;
      letter-spacing: -2px;
    }
    .zs-lp .fnt-light {
      font-size: 30px;
  }
  
  }
  @media (max-width: 400px) {
  .zs-lp .footerBg-text {
      width: 100%;
      }
      .zs-lp .reports-btm{
            left: -5%;
      }
      .zs-lp .sec3-inner-right {
      width: 100%;
  }
  .zs-lp .sec3-container {
      width: 85%;
      }
  .zs-lp .fnt-bold {
      font-size: 40px;
      margin-bottom: 12px;
  }

  .zs-lp .banner-right {
      padding-top: 40px;
      }
  }
  
  @media (max-width: 350px) {

  .zs-lp .fnt-bold {
      font-size: 35px;
      }
      .zs-lp .fnt-light {
      font-size: 26px;
  }
  .zs-lp video {
      height: auto;
  }
  .zs-lp .banner-left h1 {
      font-size: 30px;
      line-height: 1;
  }
  .zs-lp .banner-left .banner-light {
      font-size: 42px;
  }
  }