.zw-promo-top {
        position: relative;
        top: 0;
        width: 100%;
        z-index: 22;
      }

      #mini-panel-product_menu {
        opacity: 0;
        position: absolute !important;
        top: -80px !important;
        z-index: -1 !important;
        visibility: hidden;
      }

      p {
        color: #333;
        font-size: 18px;
        letter-spacing: -0.2px;
      }
.zwc-wrapper  .content-wrap{
max-width:1230px;
}
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      .lang-vi h1,
      .lang-vi h2,
      .lang-vi h3,
      .lang-vi h4,
      .lang-vi h5,
      .lang-vi h6 {
        font-weight: normal;
        font-family: var(--primaryfont-regular);
      }

      em {
        font-style: normal;
      }

      body {
        font: 16px/1.5 "Zoho_Puvi_Regular", sans-serif;
        color: #010101;
        -webkit-font-smoothing: antialiased !important;
      }

      .blueLink,
      .learnMorebtn,
      .trybtn,
      .zh-btn,
      .cta-link a {
        font-family: var(--zf-secondary-medium);
        text-rendering: initial !important;
        -webkit-font-smoothing: initial !important;
        -moz-osx-font-smoothing: initial !important;
      }

      p {
        color: #333;
        line-height: 1.7;
      }

      h1 {
        font-family: var(--zf-primary-regular);
        letter-spacing: -1.2px;
        font-size: 43px;
        line-height: 1.4;
        width: 100%;
        margin: 20px 0 40px;
      }

      h3 {
        letter-spacing: -1px;
      }

      .zgh-nav > ul > li > a,
      .zh-one-logo a,
      .zh-one-content h3,
      section.zh-brand h3,
      .foundername,
      h2,
      h4,
      .zh-productssect__tabs .zh-sec-apps label,
      .zh-bundlesect__com .zh-bundle-apps label {
        font-family: var(--primaryfont-regular);
      }

      .blueLink,
      .learnMorebtn,
      .trybtn,
      .zh-btn,
      .cta-link a {
        font-family: var(--zf-secondary-medium);
      }

      .zh-btn,
      .blueLink,
      .trybtn,
      .learnMorebtn {
        font-size: 14px;
        letter-spacing: 0.2px;
      }



      .footer-signup h6 {
        font-size: 44px;
        letter-spacing: -1px;
      }

      .cta-link a:hover::after,
      .zh-contact ul li.lst-cnt.fin-ctn:hover::after,
      .arrow-icon.blueLink:hover:after,
      .zh-btn.arrow-icon.white:hover::after,
      .zh-bundlesect__com .zh-bundle-apps:hover .arrow-icon.blueLink:after {
        transform: translateX(5px);
      }

      .arrow-icon {
        position: relative;
      }

      .arrow-icon::after {
        content: "";
        width: 13px;
        height: 13px;
        position: absolute;
        right: 0;
        background: url(/sites/zweb/images/zoho_general_pages/zh-newhome-sprite.png)
          left top no-repeat;
        background-size: 500px auto;
        background-position: -126px -76px;
        top: calc(50% - 10px);
        transition: all 0.5s ease;
      }

      .arrow-icon.white::after {
        background-position: -72px -76px;
        top: calc(50% - 7px);
      }

      .arrow-icon.white:hover::after {
        transform: translateX(5px);
      }

      .zh-btn {
        padding: 18px 50px 18px 30px;
        min-width: 154px;
        font-size: 14px;
        border-radius: 2px;
        background: #f60014;
        border-radius: 2px;
        color: #fff;
        -webkit-transition: background-image 0.2s ease-in-out,
          box-shadow 0.5s ease, background-size 0.2s ease-in-out,
          background-color 0.4s ease;
        transition: background-image 0.2s ease-in-out, box-shadow 0.5s ease,
          background-size 0.2s ease-in-out, background-color 0.4s ease;
        text-transform: uppercase;
        display: inline-block;
        line-height: 1;
      }

      .trybtn.arrow-icon:after,
      .zh-btn.arrow-icon::after,
      .learnMorebtn.arrow-icon:after {
        right: 23px;
      }

      .footer-signup {
        position: relative;
        border-top: 1px solid #dde4f3;
      }

      .footer-signup .wrapper {
        position: relative;
        z-index: 1;
      }

      .footer-signup h6 {
        font-family: var(--primaryfont-regular);
        letter-spacing: -0.5px;
        line-height: 1.3;
        margin-bottom: 20px;
      }

      .footer-signup h6 span {
        display: block;
        font-size: 32px;
        color: var(--secondary-color);
        letter-spacing: -0.5px;
        margin: 7px auto 30px;
      }

      .footer-signup .zh-btn {
        /* max-width: 220px; */
      }

      .fs-inner-wrap {
        padding: 70px 0 0;
        text-align: center;
      }

      .zh-btn.arrow-icon.white:after,
      .learnMorebtn.arrow-icon::after {
        transform: scale(1);
        right: 23px;
      }
@media only screen and (min-width: 1200px){
h2 {
    font-size: 50px;
    letter-spacing: -1.5px;
}
}

      @media only screen and (max-width: 1050px) {
        .footer-signup h6 {
          font-size: 40px;
        }
      }

      @media only screen and (max-width: 650px) {
        .footer-signup h6 span {
          font-size: 28px;
        }
      }

      @media only screen and (max-width: 500px) {
        .footer-signup h6 span {
          font-size: 22px;
        }
        .footer-signup h6 {
          font-size: 30px;
        }
        .zw-promo-top {
          position: absolute;
        }
        .zwc-wrapper {
          position: relative;
          overflow: hidden;
        }
      }

      @media only screen and (max-width: 425px) {
        .zwc-wrapper .footer-signup .wrapper {
          max-width: 95%;
        }
        .footer-signup h6 span {
          font-size: 20px;
        }
        .footer-signup h6 {
          font-size: 26px;
        }
      }