.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;
}

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);
}

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;
}

.zwc-wrapper .content-wrap {
max-width: 1230px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.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 .content-wrap {
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 (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 .content-wrap { max-width: 95%; }
.footer-signup h6 span { font-size: 20px; }
.footer-signup h6 { font-size: 26px; }
}