.dib,
.lang-en.umain .tur-lnk {
    display: inline-block
}

.ban-cta {
    background: #ef3f36;
    font: 18px/1 var(--zf-primary-medium);
    border-radius: 30px;
    padding: 17px 50px;
    margin: 35px 0 5px;
    display: none
}

.zcrm-mncnt {
    background: #fff2e0;
    margin-top: -69px
}

.ban-cnt {
    max-width: 1520px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
    box-sizing: border-box
}



.awds-cnt {
    max-width: 405px;
    width: 100%;
    display: flex;
    align-items: center
}



.faq-cusicn {
    background-size: 1438px auto;
    display: inline-block;
    margin: 10px 5px 0
}

.awds-icn {
    background-size: 1438px auto;
    display: inline-block;
    flex-shrink: 0
}

.awds-cmbcnt {
    padding-left: 15px
}

.gartner-icn {
    background-position: -137px -110px;
    width: 107px;
    height: 107px
}

.nucleus-icn {
    background-position: -14px -110px;
    width: 107px;
    height: 107px
}

.awds-pra {
    font: 16px/1.3 var(--zf-primary-medium)
}

.awds-lnk {
    font: 14px / 1 var(--zf-primary-semibold);
    position: relative;
    padding-right: 17px;
    color: #0067ff
}

.awds-lnk:after {
    content: '>>';
    position: absolute;
    right: -2px;
    top: .5px;
    font: 14px / 1.2 var(--zf-primary-semibold)
}

.prcy-lnk:after {
    content: '>>';
    position: absolute;
    right: -3px;
    top: -1px;
    font: 16px / 1.2 var(--zf-primary-semibold)
}

.tsti-lnk {
    font: 16px/1 var(--zf-primary-semibold);
    position: relative;
    padding-right: 17px;
    color: #0067ff
}

.tsti-lnk:after {
    content: '>>';
    position: absolute;
    right: -3px;
    top: 1px;
    font: 16px / 1.2 var(--zf-primary-semibold)
}

.frm-sec {
    max-width: 425px;
    width: 100%;
    min-height: 440px;
    margin: -440px auto 0;
    position: relative;
    z-index: 1;
    background: #fff2e0;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px
}

.signup-box {
    float: unset;
    max-width: 280px;
    margin: 0 auto;
    padding-top: 45px
}

.signup-box input[type='email'],
.signup-box input[type='number'],
.signup-box input[type='password'],
.signup-box input[type='search'],
.signup-box input[type='tel'],
.signup-box input[type='text'],
.signup-box input[type='url'],
.signup-box textarea,
.signup-box .za-country-container .globalcountrycode-signup,
.signup-box .za-state-container .za-globalstate-signup {
    border: 1px solid #d9b58f;
    border-radius: 25px;
    padding: 14px 12px 14px 20px
}

.signup-box #countryCodeDiv,
.signup-box #countryconfirmCodeDiv {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    color: #3c3c3c
}

.lft-cuv,
.rgt-cuv {
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: absolute;
    display: block;
    top: 340px
}

.lft-cuv {
    left: -100px
}

.rgt-cuv {
    right: -100px
}

.lft-cuv::before,
.rgt-cuv::before {
    content: "";
    display: block;
    width: 200%;
    height: 200%;
    position: absolute;
    border-radius: 50%;
    bottom: 0;
    box-shadow: 50px 50px 0 0 #fff2e0
}

.lft-cuv::before {
    right: 0;
    box-shadow: 50px 50px 0 0 #fff2e0
}

.rgt-cuv::before {
    left: 0;
    box-shadow: -50px 50px 0 0 #fff2e0
}

.ban-img {
    position: absolute;
    left: -60px;
    top: -30px;
    max-width: 555px;
    display: none
}

.body-umain .ban-img {
    display: unset
}

.cust-sec {
    max-width: 1260px;
    width: 100%;
    margin: 0 auto;
    padding: 195px 30px 180px;
    box-sizing: border-box
}

.cust-hdr {
    text-align: center;
    color: #0067ff
}

.cust-cnt {
    display: flex;
    padding-top: 95px;
    justify-content: center;
    flex-wrap: wrap
}

.cust-icn {
    background-size: 1438px auto;
    display: inline-block;
    width: 155px;
    height: 65px;
    margin: 8px;
    border-radius: 35px;
    box-shadow: 5px 5px 3px .8px rgb(252 201 129 / 23%)
}

.bluestar-icn {
    background-position: -340px -18px
}

.brigade-icn {
    background-position: -509px -18px
}

.bose-icn {
    background-position: -679px -18px
}

.hotstar-icn {
    background-position: -848px -18px
}

.iifl-icn {
    background-position: -1018px -18px
}

.marathon-icn {
    background-position: -1187px -18px
}

.star-icn {
    display: none !important
}

.tsti-sec {
    max-width: 1135px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
    box-sizing: border-box;
    align-items: end
}

.tsti-lftcnt {
    flex-shrink: 0
}

.tsti-pra {
    font: 30px/1.6 var(--zf-primary-medium);
    letter-spacing: -.1px;
    padding-bottom: 15px
}

.tsti-lgo {
    background-size: 1438px auto;
    display: inline-block;
    background-position: -292px -144px;
    width: 161px;
    height: 39px;
    margin-left: 40px;
    flex-shrink: 0
}

.tsti-rgtcnt {
    padding-left: 30px;
    max-width: 565px;
    width: 100%
}

.tsti-inrcnt {
    display: flex;
    align-items: center;
    padding-top: 35px
}

.tsti-nme {
    font: 20px/1 var(--zf-primary-medium);
    display: block;
    padding: 5px 0 10px
}

.tsti-dsg {
    font: 16px/1.3 var(--zf-primary-regular);
    display: block
}

.tsti-info {
    padding-right: 40px;
    border-right: 1px solid #d1cabd;
    color: #343434
}

.tsti-rgtcnt .awds-lnk {
    font: 16px / 1 var(--zf-primary-regular);
    padding-right: 19px
}

.tsti-rgtcnt .awds-lnk:after {
    font: 16px / 1.2 var(--zf-primary-regular)
}

.sldr-sec {
    max-width: 1690px;
    width: 100%;
    margin: 0 auto;
    padding: 150px 140px 45px;
    box-sizing: border-box;
    border-radius: 38px
}

.sldr-cmbcnt {
    padding: 70px 80px;
    height: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

.aicpa-icn {
    background-position: -16px -244px;
    width: 88px;
    height: 87px
}

.gdpr-icn {
    background-position: -135px -244px;
    width: 86px;
    height: 86px
}

.hipaa-icn {
    background-position: -253px -244px;
    width: 107px;
    height: 86px
}

.prcy-icn {
    background-size: 1438px auto;
    display: inline-block;
    margin: 45px 30px 0 0
}

.prcy-icn:last-child {
    margin-right: unset
}

.cert-icn {
    background-size: 1438px auto;
    display: inline-block
}

.cert-icn1 {
    background-position: -24px -356px;
    width: 170px;
    height: 101px
}

.cert-icn2 {
    background-position: -209px -356px;
    width: 265px;
    height: 101px
}

.cert-icn3 {
    background-position: -484px -356px;
    width: 171px;
    height: 101px
}

.cert-icn4 {
    background-position: -667px -356px;
    width: 265px;
    height: 101px
}

.cert-pra {
    font: 12px / 1.2 var(--zf-primary-regular);
    margin-top: 5px
}



.tur-hdr {
    color: #0067ff;
    font: 116px/1 var(--zf-primary-medium);
    letter-spacing: -4px
}

.tur-lnk {
    background: var(--primary-btn-color);
    color: #fff;
    font: 18px/1 var(--zf-primary-medium);
    display: inline-block;
    padding: 23px 60px;
    border-radius: 35px;
    margin: 30px 0 90px;
    text-transform: uppercase
}

.wtch-lnk {
    background: var(--primary-btn-color);
    color: #fff;
    font: 18px/1 var(--zf-primary-medium);
    display: inline-block;
    padding: 23px 35px;
    border-radius: 35px;
    margin: 30px 0 90px;
    text-transform: uppercase
}

.vew-sec {
    padding: 0 30px 50px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden
}

.vew-sec.vew-cnt a:hover {
    color: #ffffff;
}

.vew-cnt {
    text-align: center;
    padding-top: 100px
}

.vew-hdr {
    color: #0067ff;
    line-height: 1.1
}

.vew-smlhdr {
    display: block;
    font-size: 30px
}

.vew-cta {
    font: 18px/1 var(--zf-primary-medium);
    border-radius: 30px;
    padding: 12px 40px;
    margin-top: 50px;
    color: #fff;
    min-width: 198px;
    box-sizing: border-box
}

.body-umain .vew-cta,
.body-umain .pric-btn {
    min-width: 280px
}

.pric-btn {
    color: #fff;
    background: linear-gradient(45deg, #016DB6, #C22EB1);
    font: 18px/1 var(--zf-primary-medium);
    border-radius: 30px;
    padding: 12px 40px;
    margin-top: 50px;
    /* border: 1px solid #000; */
    margin-left: 20px;
    display: inline-block;
    text-transform: uppercase;
    min-width: 198px;
    box-sizing: border-box
}

.pric-btn:hover {
    background-color: #1d1d25;
    transition: 0.5s;
    color: #fff;
}

.vew-imgcnt {
    position: relative;
    transform: perspective(1200px) translateX(0) translateY(-140px) scale(1.1) rotate(0) rotateX(60deg) rotateY(0) translateZ(0)
}

.vew-shpimg {
    position: absolute;
    top: 0;
    z-index: 1;
    animation: rotate 4s linear infinite
}

@keyframes rotate {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.vew-wprcnt {
    height: 605px;
    position: relative
}

.lang-en .vew-info {
    cursor: pointer
}

.vew-info {
    font: 16px/1.2 var(--zf-primary-medium);
    position: absolute;
    color: #0067ff;
    background: #fff;
    text-align: center;
    padding: 12px 25px;
    border-radius: 40px;
    box-shadow: 0 2px 4.2px .8px rgba(159, 163, 173, 0.31);
    z-index: 1
}

.vew-info1 {
    top: 22.8%;
    left: 40%
}

.vew-info2 {
    top: 63%;
    left: 61%
}

.vew-info3 {
    top: 45%;
    left: 0
}

.vew-info4 {
    top: 65%;
    left: 25%
}

.vew-info5 {
    top: 34%;
    left: 75%
}

.vew-info6 {
    left: -10%;
    top: 67%
}

.vew-info7 {
    top: 93%;
    left: 29%
}

.vew-info8 {
    top: 90%;
    left: 70%
}

.vew-info9 {
    top: 52%;
    left: 97%
}

.vew-info10 {
    top: 36%;
    left: 23%;
}

.vew-info11 {
    top: 80%;
    left: 45%;
}

/* .crm-lgo {
    background-image: url(images/360imges/EM_logo.svg)
} */

.crm-lgo {
    font-weight: 500;
    color: #d1aa65;
    font-size: 22px;
    position: absolute;
    top: 47%;
    left: 44%;
    z-index: 3;
}

.sml-crcl {
    background-image: url(images/360imges/crm-360deg-small-circle.svg)
}

.sml-crcl {
    width: 177px;
    height: 177px;
    position: absolute;
    top: 59.2%;
    left: 40%;
    transform: perspective(1200px) translateX(0) translateY(-140px) scale(1.1) rotate(0) rotateX(60deg) rotateY(0) translateZ(0);
    z-index: 2;
    border: 2px solid #0052ff;
    border-radius: 50%
}

.faq-lnk {
    color: #0067ff;
    display: inline-block
}

.faq-icncnt {
    display: flex;
    flex-wrap: wrap;
    padding-top: 25px;
    margin-left: -5px
}

.faq-icncnt1 {
    display: flex;
    flex-wrap: wrap
}

.twilio-icn {
    background-position: -16px -516px;
    width: 102px;
    height: 46px
}

.mailchamp-icn {
    background-position: -124px -516px;
    width: 106px;
    height: 46px
}

.quickbooks-icn {
    background-position: -237px -516px;
    width: 121px;
    height: 46px
}

.zaiper-icn {
    background-position: -365px -516px;
    width: 102px;
    height: 46px
}

.shopify-icn {
    background-position: -473px -516px;
    width: 109px;
    height: 46px
}

.paypal-icn {
    background-position: -589px -516px;
    width: 109px;
    height: 46px
}

.trello-icn {
    background-position: -705px -516px;
    width: 98px;
    height: 46px
}

.slack-icn {
    background-position: -810px -516px;
    width: 91px;
    height: 46px
}

.linkedin-icn {
    background-position: -908px -516px;
    width: 104px;
    height: 46px
}

.zoom-icn {
    background-position: -1019px -516px;
    width: 88px;
    height: 46px
}

.surveymonkey-icn {
    background-position: -1113px -516px;
    width: 130px;
    height: 46px
}

.microsoft-icn {
    background-position: -1249px -516px;
    width: 125px;
    height: 46px
}

.faq-sndpra {
    padding-top: 25px
}

.anim-init,
.anim-init1 {
    transition: .7s opacity cubic-bezier(.25, .46, .45, .94), 1s transform cubic-bezier(.25, .46, .45, .94)
}

.anim-ele,
.anim-eles {
    opacity: 0 !important;
    transform: translateY(20px)
}

.grw-inrcnt1.anim-ele {
    transform: translateY(315px)
}

.grw-inrcnt2.anim-ele {
    transform: translateY(420px)
}

.grw-inrcnt3.anim-ele {
    transform: translateY(630px)
}

.cert-lftcnt {
    padding-right: 30px
}

.sldr-vdo {
    width: 100%;
    display: none
}

.signup-box input::placeholder,
.signup-box p.zcountry-info,
.signup-box input:-ms-input-placeholder,
.signup-box input::-webkit-input-placeholder {
    color: #3c3c3c
}

.signup-box input:-moz-placeholder {
    color: #3c3c3c;
    opacity: 1
}

.sgn-hdr {
    padding-bottom: 20px;
    text-align: center;
    font: 20px/1.2 var(--zf-primary-medium);
    letter-spacing: unset
}

.vh {
    visibility: hidden
}

.signup-box p.zcountry-info {
    color: #000
}

.signup-box .sign_agree,
.signup-box label,
.signup-box .socl-signup p {
    color: #4e4e4e
}

.signup-box #signup-newsletter,
.signup-box #signup-termservice {
    border: 1px solid #4e4e4e
}

.signup-box #signup-newsletter.checked::before,
.signup-box #signup-termservice.checked::before,
.signup-box #signup-newsletter.checked::after,
.signup-box #signup-termservice.checked::after {
    background: #333
}

.signup-box .sgfrm {
    margin: 10px 0 0
}

.qLink-ctabtn {
    border-radius: 6px 0 0 6px;
    font: 18px/1.1 var(--primaryfont-semibold);
    color: #fff;
    background: #006cff;
    padding: 8px 10px;
    text-transform: uppercase;
    position: fixed;
    right: -130px;
    top: 50%;
    z-index: 5;
    transform: translate(50%, 0);
    cursor: pointer;
    transition: all ease-in-out .4s
}

.qLink-ctabtn.active {
    right: 19px
}

.qLink-PopSec {
    position: fixed;
    right: -230px;
    top: 50%;
    z-index: 5;
    width: 230px;
    height: auto;
    border-radius: 14px 0 0 14px;
    background-color: #fff;
    padding: 20px 25px;
    transition: all ease-in-out .4s;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2)
}

.qLink-PopSec.active {
    right: -10px
}

.qLink-Lst {
    font: 14px/1.2 var(--primaryfont-regular);
    color: #000;
    padding: 8px 0 8px 17px;
    display: inline-block;
    position: relative
}

.qLink-Lst:hover {
    color: #006cff
}

.qLink-Lst:hover:before,
.qLink-Lst:hover:after {
    background-color: #006cff
}

.qLink-Lst:before,
.qLink-Lst:after {
    content: '';
    position: absolute;
    left: 5px;
    width: 1px;
    height: 5px;
    transition: .5s ease;
    background: #000
}

.qLink-Lst:after,
.qLink-close:before {
    top: 16px;
    transform: rotate(45deg)
}

.qLink-Lst:before {
    top: 13px;
    transform: rotate(-45deg)
}

.qLink-close:after {
    top: 16px;
    transform: rotate(-45deg)
}

.qLink-close:after,
.qLink-close:before {
    content: '';
    position: absolute;
    left: 11px;
    width: 15px;
    height: 2px;
    background: #000
}

.qLink-close {
    display: inline-block;
    position: absolute;
    width: 32px;
    height: 32px;
    z-index: 1;
    top: 0;
    right: 10px;
    cursor: pointer;
    border-top: 0
}

.apac-cta {
    font: 18px / 1 var(--primaryfont-semibold);
    color: #fff;
    background: #000;
    padding: 13px 20px;
    text-transform: uppercase;
    border-radius: 8px 8px 0 0;
    position: fixed;
    right: -130px;
    top: 50%;
    z-index: 5;
    transform: rotate(-90deg) translate(50%, 0);
    cursor: pointer;
    transition: all ease-in-out .4s;
    display: none
}

.apac-cta.active {
    right: -71px
}

.other-lang .tsti-sec {
    display: none
}

.other-lang span.grw-info {
    word-break: break-word
}

.other-lang h1 {
    font: 100px / .9 var(--zf-primary-extrabold)
}

.other-lang p.ban-pra {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center
}

.other-lang h1 {
    max-width: 1300px;
    margin: 0 auto;
    text-align: center
}

.lang-rtl .ban-uprcnt *,
.lang-rtl .cust-sec *,
.lang-rtl .vew-info,
.lang-rtl .vew-cnt *,
.lang-rtl .grw-inrcnt *,
.lang-rtl .tur-cnt *,
.lang-rtl .tur-cnt {
    text-align: center
}

.non-umain.lang-rtl h2.sgn-hdr {
    text-align: center
}

.non-umain.lang-rtl .signup-box #countryCodeDiv,
.non-umain.lang-rtl .signup-box #countryconfirmCodeDiv {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.lang-rtl .awds-cmbcnt {
    padding-right: 15px;
    padding-left: unset
}

.lang-rtl .awds-lnk:after,
.lang-rtl .prcy-lnk:after {
    left: 0;
    right: unset
}

.lang-rtl .awds-lnk {
    padding-left: 17px;
    padding-right: unset
}

.lang-rtl .sldr-wprcnt {
    flex-direction: row-reverse
}

.lang-rtl .sldr-inrcnt {
    direction: rtl
}

.lang-rtl .sldr-cmbcnt * {
    direction: ltr
}

.lang-rtl .sldr-lnk {
    padding: 10px 15px 10px 40px
}

.lang-rtl .sldr-lnk::after {
    left: 0;
    transform: scale(-1) translateY(50%);
    right: unset
}

.lang-rtl .pric-btn {
    margin-right: 20px;
    margin-left: unset
}

.lang-rtl .prcy-rgtcnt {
    padding: 15px 50px 0 0
}

.lang-rtl .grw-desclmr {
    left: -225px;
    right: unset
}

.lang-rtl .faq-arwlnk {
    padding: 10px 15px 10px 40px;
    margin: 25px 0 0 10px
}

.lang-rtl .prcy-lnk {
    padding-left: 17px;
    padding-right: unset
}

.i18n-fr-ca .ban-pra {
    font: 21px / 1.4 var(--zf-primary-regular)
}

.i18n-fr-ca .grw-info {
    font: 26px / .9 var(--zf-primary-medium)
}

.i18n-vi p.ban-pra {
    max-width: 1000px
}

.i18n-vi .grw-pra {
    font-size: 15px
}

.i18n-vi h1 {
    line-height: 1.1
}

.i18n-de span.grw-info {
    font-size: 26px
}

.i18n-de .sldr-cnt h2.sldr-hdr {
    font-size: 46px
}

.other-lang .signup-box {
    max-width: 350px
}

.lang-rtl .faq-arwlnk::after {
    left: 17px;
    transform: scale(-1);
    right: unset
}

.wtch-txt {
    position: relative;
    padding-right: 45px;
    cursor: pointer
}

.wtch-txt::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-position: -1373px -35px;
    width: 31px;
    height: 31px;
    background-size: 1438px auto
}


@media screen and (max-width: 1280px) {
    h1 {
        font-size: 100px
    }
}

@media screen and (max-width: 1279px) {
    .i18n-en-in .grw-hdr {
        margin-bottom: -100px
    }

    .faq-sndpra {
        padding-top: 15px
    }

    .faq-hdr {
        font-size: 35px
    }

    .faq-qus {
        padding-bottom: 20px
    }

    .faq-pra {
        font-size: 17px
    }

    .faq-sec {
        padding: 0 30px 135px
    }

    .faq-icncnt {
        padding-top: 15px
    }

    .faq-cnt {
        max-width: 960px;
        padding: 0 80px;
        box-sizing: border-box
    }

    .sml-crcl {
        width: 152px;
        height: 152px;
        top: 63.4%;
        left: 40.2%
    }

    .ban-cta {
        padding: 15px 35px;
        font-size: 15px;
        margin: 35px 0 25px
    }

    .cert-inrcnt:last-child,
    .signup-box {
        padding-top: 35px
    }

    .prcy-rgtcnt {
        padding: 0 0 0 50px
    }

    .cert-pra {
        font-size: 11px
    }

    .prcy-icn {
        margin: 35px 30px 0 0
    }

    .body-umain .vew-cta,
    .body-umain .pric-btn {
        min-width: 216px
    }

    .signup-box .socl-signup {
        margin-top: 30px
    }

    .sgn-hdr {
        padding-bottom: 15px;
        font-size: 18px
    }

    .tsti-sec {
        padding: 0 30px;
        align-items: center
    }

    .prcy-pra,
    .prcy-lnk {
        font-size: 16px
    }

    .ban-img {
        max-width: 475px;
        left: -50px
    }

    .frm-sec {
        border-top-left-radius: 60px;
        border-top-right-radius: 60px;
        max-width: 380px
    }

    .ban-sec {
        border-radius: unset;
        padding-top: 120px
    }

    .ban-cnt {
        max-width: 1070px;
        padding: 0 40px
    }

    .awds-cnt {
        max-width: 195px;
        flex-direction: column;
        text-align: center
    }

    .awds-pra {
        font-size: 15px
    }

    .awds-cmbcnt {
        padding: 15px 0 0
    }

    h1 {
        font-size: 88px
    }

    h2 {
        font-size: 50px
    }

    .ban-pra {
        font-size: 22px
    }

    .cust-cnt {
        padding-top: 75px
    }

    .cust-sec {
        padding: 135px 30px 100px
    }

    .tsti-pra {
        font-size: 24px
    }

    .tsti-nme {
        font-size: 16px
    }

    .tsti-dsg {
        font-size: 14px
    }

    .sldr-sec {
        padding: 130px 45px 25px
    }

    .sldr-lftarw {
        left: -27px
    }

    .sldr-rgtarw {
        right: -27px
    }

    .vew-sec {
        padding: 0 30px 140px
    }

    .vew-cnt {
        padding-top: 90px
    }

    .prcy-sec {
        padding: 0 0 180px
    }

    .prcy-cnt {
        padding: 95px 40px;
        border-radius: unset;
        align-items: center
    }


    .tur-sec {
        padding: 0 0 135px
    }

    .tur-lnk {
        font-size: 15px;
        padding: 18px 50px
    }

    .wtch-lnk {
        font-size: 15px;
        padding: 18px 30px
    }

    .vew-cta,
    .pric-btn {
        font-size: 15px;
        min-width: 180px;
        padding: 12px 35px;
        margin-top: 40px
    }

    .grw-desclmr {
        font-size: 10px;
        right: -160px;
        width: 155px
    }

    .vew-imgcnt {
        max-width: 780px;
        width: 100%
    }

    .vew-info {
        font-size: 14px;
        padding: 10px 20px
    }

    .vew-wprcnt {
        height: 495px
    }

    .vew-info5 {
        top: 23%
    }

    .vew-info1 {
        top: 21%
    }

    .crm-lgo {
        top: 46%;
        left: 44%;
    }

    .sldr-arw {
        background-position: -291px -834px;
        width: 44px;
        height: 44px
    }

    .sldr-pra {
        font-size: 18px;
        padding: 20px 0 25px
    }

    .vew-smlhdr {
        font-size: 26px
    }

    .lang-rtl .awds-cnt * {
        text-align: center
    }

    .lang-rtl .awds-cmbcnt {
        padding: 15px 0 0
    }
}

@media screen and (max-width: 1024px) {
    .cust-cnt {
        max-width: 560px;
        width: 100%;
        margin: 0 auto
    }
}

@media screen and (max-width: 991px) {
    .tsti-nme {
        font-size: 20px
    }

    .tsti-dsg {
        font-size: 16px
    }

    .sml-crcl {
        width: 111px;
        height: 111px;
        top: 74.5%;
        left: 40.1%;
    }

    .zmenu-cta-cont {
        display: none !important
    }

    .ban-pra {
        padding: 25px 0 0
    }

    .prcy-cnt {
        padding: 70px 30px;
        flex-direction: column;
        align-items: center
    }

    .ban-cnt {
        padding: 0 35px
    }

    .ban-cta {
        display: inline-block;
        margin: 35px 0 0
    }

    .frm-sec,
    .tsti-lgo,
    .ban-pra br {
        display: none
    }

    .ban-lwrcnt {
        padding: 50px 0 140px;
        max-width: 800px;
        width: 100%;
        margin: 0 auto
    }

    .awds-cnt {
        max-width: 325px;
        flex-direction: row;
        text-align: unset
    }

    .awds-cmbcnt {
        padding: 0 0 0 15px
    }

    .cust-sec {
        padding: 135px 30px 0
    }

    .tsti-sec {
        padding: 130px 30px 0;
        flex-direction: column
    }

    .tsti-rgtcnt {
        padding-left: unset;
        max-width: 700px;
        text-align: center;
        padding-top: 40px
    }

    .tsti-info {
        padding: unset;
        border: unset
    }

    .tsti-inrcnt {
        justify-content: center
    }

    .tsti-mblicn {
        background-size: 1438px auto;
        display: inline-block;
        background-position: -292px -144px;
        width: 161px;
        height: 39px
    }

    .tsti-lftcnt {
        padding-top: 50px
    }

    .sldr-sec {
        padding: 140px 45px 0
    }

    .anim-ele {
        opacity: 1 !important;
        transform: unset
    }

    .grw-inrcnt1.anim-ele,
    .grw-inrcnt2.anim-ele,
    .grw-inrcnt3.anim-ele {
        transform: unset
    }

    .prcy-lftcnt {
        max-width: 640px;
        text-align: center
    }

    .prcy-rgtcnt {
        padding: 50px 0 0
    }

    .tur-sec {
        z-index: 0
    }

    .grw-desclmr {
        bottom: -40px;
        right: unset;
        width: 100%;
        z-index: 1;
        text-align: center
    }

    .cert-pra {
        text-align: center
    }

    .sldr-cmbcnt {
        padding: 60px 40px
    }

    .vew-wprcnt {
        height: 300px
    }

    .vew-imgcnt {
        max-width: 560px
    }

    .vew-info1 {
        top: 7%;
        left: 32%
    }

    .crm-lgo {
        /* width: 70px;
        height: 45px; */
        font-size: 18px;
        background-size: 100% 100%;
        top: 41%;
        left: 43%
    }

    .vew-info4 {
        top: 62%;
        left: 26%
    }

    .vew-info5 {
        top: 12%
    }

    .vew-info9 {
        top: 39%;
        left: 93%
    }

    .vew-info2 {
        top: 58%;
        left: 66%
    }

    .vew-info3 {
        top: 31%
    }

    .vew-info6 {
        left: -6%;
        top: 68%
    }

    .vew-info7 {
        top: 89%
    }

    .vew-info8 {
        top: 83%;
        left: 80%;
    }

    .anim-init,
    .anim-init1 {
        transition: unset
    }

    .vew-sec {
        padding: 105px 30px 140px
    }

    .other-lang h1 {
        font-size: 60px
    }

    .lang-rtl .awds-cmbcnt {
        padding: 0 15px 0 0
    }

    .lang-rtl .awds-cnt * {
        text-align: right
    }

    .lang-rtl .prcy-cnt {
        padding: 70px 30px;
        flex-direction: column;
        align-items: center
    }

    .lang-rtl .prcy-cnt *,
    .lang-rtl .ban-uprcnt {
        text-align: center
    }

    .lang-rtl .grw-desclmr {
        left: unset;
        text-align: center
    }

    .lang-rtl .prcy-rgtcnt {
        padding: 50px 0 0
    }
}

@media screen and (max-width: 767px) {
    .i18n-en-in h1 {
        font-size: 54px;
        line-height: 1.1
    }

    .tur-lnk,
    .wtch-lnk {
        margin: 30px 0 50px
    }

    .tur-sec {
        padding: unset
    }

    .faq-qus {
        font-size: 20px
    }

    .faq-sec {
        padding: 65px 30px
    }

    .cert-icn1 {
        background-position: -483px -734px;
        width: 128px;
        height: 76px
    }

    .cert-icn3 {
        background-position: -483px -826px;
        width: 128px;
        height: 76px
    }

    .cert-icn2 {
        background-position: -630px -734px;
        width: 198px;
        height: 76px
    }

    .cert-icn4 {
        background-position: -630px -826px;
        width: 198px;
        height: 76px
    }

    .aicpa-icn {
        background-position: -511px -632px;
        width: 72px;
        height: 71px
    }

    .gdpr-icn {
        background-position: -608px -633px;
        width: 71px;
        height: 70px
    }

    .hipaa-icn {
        background-position: -704px -632px;
        width: 87px;
        height: 71px
    }

    .sldr-wprcnt {
        flex-direction: column
    }

    .prcy-cnt {
        padding: 70px 30px
    }

    .sldr-hdr br,
    .grw-arw,
    .grw-hdr br,
    .grw-icn {
        display: none
    }

    .vew-sec {
        padding: 105px 30px 70px
    }

    .pric-btn {
        margin: 35px 0 0
    }

    .sldr-pra {
        padding: 20px 0 35px
    }

    .ban-cnt {
        padding: 0 30px
    }

    .cust-cnt {
        padding-top: 40px
    }

    .ban-sec {
        padding-top: 90px
    }

    h1 {
        font-size: 60px
    }

    h2 {
        font-size: 40px
    }

    .ban-lwrcnt {
        flex-direction: column;
        align-items: center;
        padding: 40px 0 70px
    }

    .awds-cnt.anim5 {
        padding-top: 30px
    }

    .cust-sec {
        padding: 70px 10px 0
    }

    .cust-hdr {
        padding: 0 15px
    }

    .tsti-sec {
        padding: 65px 30px 0
    }

    .tsti-lftcnt,
    .tsti-rgtcnt {
        padding-top: 30px
    }

    .tsti-lftcnt {
        padding-top: 45px
    }

    .tsti-inrcnt {
        padding-top: 35px
    }

    .sldr-sec {
        padding: 70px 0 0
    }

    .sldr-lftcnt {
        width: 100%;
        border-radius: unset;
        position: relative
    }

    .sldr-rgtcnt {
        width: 100%;
        border-radius: unset
    }

    .sldr-arw {
        top: unset;
        bottom: -23px;
        z-index: 1
    }

    .sldr-lftarw {
        left: 0;
        transform: unset
    }

    .sldr-cmbcnt1 {
        padding: 70px 30px 65px
    }

    .sldr-cmbcnt2 {
        padding: 65px 30px
    }


    .vew-wprcnt {
        height: 240px
    }

    .vew-imgcnt {
        max-width: 460px
    }

    .crm-lgo {
        top: 32%;
        left: 43%;
        /* width: 80px;
             height: 50px; */
    }

    .vew-info1 {
        top: -9%;
        left: 20%
    }

    .vew-info2 {
        top: 49%;
        left: 57%
    }

    .vew-info3 {
        top: 21%;
        left: -6%
    }

    .vew-info4 {
        top: 63%;
        left: 36%;
    }

    .vew-info5 {
        top: -6%;
        left: 65%
    }

    .vew-info6 {
        left: -3%;
        top: 62%
    }

    .vew-info7 {
        top: 78%;
        left: 23%;
    }

    .vew-info8 {
        top: 64%;
        left: 86%;
    }

    .other-lang .vew-info9:not(.i18n-th) {
        top: 27%;
        left: 83%
    }

    .prcy-sec {
        padding: 0 0 70px
    }



}

@media screen and (max-width: 550px) {
    .faq-arwlnk {
        font-size: 14px
    }

    .vew-hdr {
        font-size: 32px
    }

    .vew-smlhdr {
        font-size: 23px
    }

    .cust-icn {
        margin: 5px
    }

    .ban-hdr br,
    .prcy-pra br {
        display: none
    }

    .prcy-pra {
        max-width: 340px;
        margin: 0 auto;
        width: 100%
    }

    .prcy-rgtcnt {
        padding: 40px 0 0;
        flex-direction: column;
        max-width: 405px
    }

    .cert-lftcnt {
        display: flex;
        padding: 0;
        flex-wrap: wrap;
        justify-content: center
    }

    .cert-inrcnt {
        padding: 15px
    }

    .cert-inrcnt:last-child {
        padding-top: 15px
    }

    .cert-rgtcnt {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .vew-imgcnt {
        width: 300px;
        max-width: unset;
        transform: perspective(1200px) translateX(0) translateY(-140px) scale(1.1) rotate(0) rotateX(43deg) rotateY(0) translateZ(0)
    }

    .crm-lgo {
        /* width: 80px; */

        /* height: 52px; */
        top: 0%;
        font-size: 10px;
        left: 42%;
    }

    .vew-info {
        font-size: 10px;
        padding: 5px 10px;
    }

    .sml-crcl {
        width: 61px;
        height: 60px;
        top: 31%;
        left: 40%;
        transform: perspective(1200px) translateX(0) translateY(-140px) scale(1.1) rotate(0) rotateX(43deg) rotateY(0) translateZ(0)
    }

    .vew-info1 {
        top: -30%;
        left: 35%
    }

    .vew-info2 {
        top: 0%;
        left: 75%;
    }

    .vew-info3 {
        top: -20%;
        left: 2%
    }

    .vew-info4 {
        top: 22%;
        left: 38%;
    }

    .vew-info5 {
        top: -15%;
        left: 70%
    }

    .vew-info6 {
        left: 2%;
        top: 13%;
    }

    .vew-info7 {
        top: 15%;
        left: 85%
    }

    .vew-info8 {
        top: 2%;
        left: 0%;
    }

    .vew-info9 {
        top: 15%;
        left: 61%
    }

    .vew-info10 {
        top: -7%;
        left: 12%;
    }

    .vew-info11 {
        top: -15%;
        left: 30%;
    }

    .vew-wprcnt {
        height: 385px
    }

    .vew-sec {
        padding: 130px 30px 70px
    }

    .vew-cnt {
        padding-top: 80px
    }

}

@media screen and (max-width: 480px) {
    .other-lang h1 {
        font-size: 40px
    }

    .other-lang .awds-pra {
        word-break: break-word
    }

    .i18n-vi .vew-info {
        font-size: 12px;
        padding: 10px
    }

    .i18n-vi .vew-info2 {
        left: 50%
    }

    .other-lang .vew-info {
        padding: 10px
    }

    .i18n-es .tur-hdr {
        font-size: 55px
    }
}

@media screen and (max-width: 390px) {
    .i18n-es .wtch-txt::after {
        top: 115%
    }

    .i18n-es .wtch-lnk {
        padding: 18px 30px 35px
    }
}






b {
    font-weight: bold
}

.r-g-f .zw-only-copyright .content-wrap {
    box-sizing: border-box
}

.r-g-f .zw-only-copyright.copy-brk .content-wrap {
    display: block
}

.zw-only-copyright.copy-brk ul {
    margin-bottom: 10px
}

.r-g-f:not(.zw-template-zp_signup) .zw-only-copyright {
    border-top: 0
}

input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 0
}

.zw-template-inner *,
.zw-template-inner :after,
.zw-template-inner :before {
    box-sizing: content-box
}

.zw-template-inner .signup-box *,
.footer-search .footer-search-btn,
.zw-template-inner footer * {
    box-sizing: border-box
}

.z-bottom-cta-menu.withCW a {
    width: calc(100% - 100px)
}

.ccode-us .signup-box .za-state-container.zhide-common {
    display: block !important
}

.case-cmb {
    position: relative
}

.case-cmb>a {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0
}

.signup-box #countryCodeDiv,
.signup-box #countryconfirmCodeDiv {
    height: 41px
}

.za-state-container {
    margin: 15px 0 0
}

.signup-box .socl-signup {
    text-align: right
}


.zcp_lazy {
    transition: all .3s ease
}

.zcp_loading {
    filter: blur(10px)
}

.lyteLazyEntered.zcp_loading {
    filter: none
}

.zcrm-qLinkSec {
    position: relative
}

.qLink-cta {
    font: 18px/1.1 var(--primaryfont-semibold);
    color: #fff;
    background: #006cff;
    text-transform: uppercase;
    border-radius: 6px 0 0 6px;
    position: fixed;
    right: -60px;
    top: 50%;
    z-index: 5;
    cursor: pointer;
    transition: all ease-in-out .4s;
    width: 44px;
    height: 44px
}

.qLink-cta.active {
    right: -1px
}

.qLink-cta:after,
.qLink-cta:before {
    content: '';
    position: absolute;
    left: 10px;
    width: 10px;
    height: 2px;
    background: #fff
}

.qLink-cta:before {
    top: 42%;
    transform: translate(-50%, -50%) rotate(-45deg);
    left: 52%
}

.qLink-cta:after {
    top: 55%;
    transform: translate(-50%, -50%) rotate(-135deg);
    left: 52%
}

.qLink-PopSec {
    border-radius: 8px;
    background-color: #fff;
    position: fixed;
    right: -230px;
    top: 50%;
    z-index: 5;
    width: 230px;
    height: auto;
    border-radius: 14px;
    background-color: #fff;
    padding: 20px 25px;
    transition: all ease-in-out .4s;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
    box-sizing: border-box
}

.qLink-PopSec.active {
    right: -10px
}

.qLink-Lst {
    font: 14px/1.2 var(--primaryfont-regular);
    color: #000;
    padding: 8px 17px 8px 0;
    display: inline-block;
    position: relative
}

.qLink-Lst:hover {
    color: #006cff
}

.qLink-Lst:hover:before,
.qLink-Lst:hover:after {
    background-color: #006cff
}

.qLink-Lst:before,
.qLink-Lst:after {
    content: '';
    position: absolute;
    right: 5px;
    width: 1px;
    height: 5px;
    transition: .5s ease;
    background: #000
}

.qLink-Lst:after {
    top: 16px;
    transform: rotate(45deg)
}

.qLink-Lst:before {
    top: 13px;
    transform: rotate(-45deg)
}

.qLink-close:after,
.qLink-close:before {
    content: '';
    position: absolute;
    left: 11px;
    width: 15px;
    height: 2px;
    background: #000
}

.qLink-close {
    display: inline-block;
    position: absolute;
    width: 32px;
    height: 32px;
    z-index: 1;
    top: 0;
    right: 10px;
    cursor: pointer;
    border-top: 0
}

.qLink-close:after {
    top: 16px;
    transform: rotate(-45deg)
}

.qLink-close:before {
    top: 16px;
    transform: rotate(45deg)
}

.zwf_success_alert {
    display: none;
    margin: 0 auto 0;
    height: 42px;
    position: fixed;
    z-index: 9999;
    width: 100%;
    left: 0;
    top: 0
}

.zwf_scs_pop_inr {
    padding: 12px 25px 12px 15px;
    position: relative;
    max-width: 420px;
    margin: 0 auto;
    background: #40bd60;
    width: 100%;
    opacity: 0;
    box-sizing: border-box
}

.zwf_scs_pop_inr.zwf_animate {
    animation: zwf_bounceIn .8s forwards;
    -webiki-animation: zwf_bounceIn .8s forwards
}

.zwf_success_alert .zwf_scs_txt {
    font-size: 15px;
    display: block;
    text-align: center;
    font-family: var(--zf-primary-regular);
    color: #fff
}

.zwf_success_alert .zwf_close_icn {
    font-size: 13px;
    cursor: pointer;
    color: #fff;
    font-family: var(--zf-primary-regular);
    position: absolute;
    top: 15px;
    right: 10px
}

@-webkit-keyframes zwf_bounceIn {

    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes zwf_bounceIn {

    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.zwf_overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
    position: fixed;
    top: 0;
    left: 0;
    display: none
}

.zwf_overlay.active {
    display: block
}

.zwf_side_form p,
.zwf_side_form input,
.zwf_side_form span,
.zwf_side_form li,
.zwf_side_form a,
.zwf_side_form textarea {
    font-family: var(--zf-primary-regular)
}

.zwf_side_form {
    width: 100%;
    overflow: hidden;
    max-width: 415px;
    position: fixed;
    transform: translateX(120%);
    -webkit-transform: translateX(120%);
    right: 0;
    top: 0;
    z-index: 9999;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    -webkit-box-shadow: -7px 0 28px 0 rgba(0, 0, 0, .46);
    -moz-box-shadow: -7px 0 28px 0 rgba(0, 0, 0, .46);
    box-shadow: -7px 0 28px 0 rgba(0, 0, 0, .46);
    height: 100%;
    background: #fff;
    box-sizing: border-box;
    opacity: 0;
    min-height: 100vh;
    overflow-y: auto
}

.zwf_side_form.active {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1
}

.zwf_side_form .zwf_top_sec {
    position: relative;
    max-height: calc(100vh - 160px);
    height: 100%;
    overflow-y: auto;
    padding: 30px 20px 0;
    box-sizing: border-box
}

.zwf_side_form .zwf_form_close {
    cursor: pointer;
    height: 20px;
    width: 20px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -50px;
    margin-right: -10px
}

.zwf_side_form .zwf_form_close:after,
.zwf_side_form .zwf_form_close:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    background: #888;
    transform: rotate(45deg)
}

.zwf_side_form .zwf_form_close:before {
    transform: rotate(-45deg)
}

.zwf_side_form p.zwf_text_description {
    font: 14px/1.5 var(--zf-primary-regular);
    margin: 10px 0 0;
    padding-right: 15px;
    text-align: left
}

.lang-rtl .zwf_side_form p.zwf_text_description {
    text-align: right;
    padding-right: 0;
    padding-left: 15px
}

.zwf_side_form .zwf_formgroup,
.zwf_side_form .zgdprform-state-container,
.zwf_side_form .zgdprform-countrylist-container {
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 0
}

.zwf_side_form .zwf_formgroup.zwf_captcha_field {
    margin-bottom: 0
}

.zwf_side_form .zwf_formgroup.fixed {
    position: fixed;
    bottom: 0;
    background: #fff;
    max-width: 100%;
    width: 100%;
    padding: 10px 20px 30px;
    right: 0;
    margin-bottom: 0;
    box-sizing: border-box;
    z-index: 2
}

.zwf_side_form .zwf_label_field,
.zwf_formgroup .zwf_info_label {
    display: inline-block;
    font-size: 14px;
    position: absolute;
    left: 14px;
    top: 12px;
    opacity: .5;
    z-index: 1;
    transition: all ease .8s;
    pointer-events: none;
    line-height: 1;
    margin: 0
}

.lang-rtl .zwf_side_form .zwf_label_field,
.lang-rtl .zwf_formgroup .zwf_info_label {
    left: unset;
    right: 14px
}

.zwf_side_form .zwf_label_field.zwf_description_label {
    display: none
}

.zwf_side_form .zwf_label_field span {
    color: red;
    line-height: 1;
    margin-left: 2px;
    font-size: 13px
}

.zwf_side_form .zwf_formgroup .zwf_label_field.active {
    transform: translateY(-27px) translateX(-14px);
    -webkit-transform: translateY(-27px) translateX(-14px);
    font-size: 12px;
    opacity: 1
}

.lang-rtl .zwf_side_form .zwf_formgroup .zwf_label_field.active {
    transform: translateY(-27px) translateX(14px);
    -webkit-transform: translateY(-27px) translateX(14px)
}

.zwf_side_form .zwf_formgroup .zwf_formcontrol,
.zwf_side_form div.zgdprform-countrylist-container .globalcountrycode,
.zwf_side_form div.zgdprform-state-container .globalstatecode {
    font-size: 14px;
    padding: 10px 12px !important;
    border: 1px solid #dedede;
    border-radius: 4px;
    display: block;
    color: #000;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.2;
    max-width: 100% !important
}

.zwf_side_form .zwf_formgroup input[type=number].zwf_formcontrol::-webkit-outer-spin-button,
.zwf_side_form .zwf_formgroup input[type=number].zwf_formcontrol::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.zwf_side_form .zwf_formgroup input[type=number].zwf_formcontrol {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: textfield
}

.zwf_side_form .zwf_formgroup .zwf_error {
    display: none;
    color: red;
    font: 12px/1 var(--zf-primary-regular);
    margin-top: 5px
}

.zwf_side_form .zwf_formgroup .zwf_info_label {
    display: flex;
    align-items: center;
    position: relative;
    top: unset;
    left: 0;
    margin-bottom: 5px;
    opacity: 1
}



.zwf_side_form .zwf_formgroup .zwf_file_upload p span {
    font-size: 13px;
    text-decoration: underline;
    color: #006cff
}

.zwf_side_form .price-tooltip {
    display: none;
    padding: 10px 15px;
    color: #fff;
    background: #333;
    max-width: 305px;
    box-shadow: 0 0 14.72px 1.28px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    position: absolute;
    right: -25px;
    font-size: 12px;
    line-height: 1.6;
    box-sizing: border-box;
    z-index: 999;
    bottom: 30px
}

.zwf_side_form .zwf_formfile {
    display: block;
    height: 105px;
    opacity: 0;
    width: 100%;
    position: absolute;
    top: 20px;
    cursor: pointer;
    font: 16px var(--zf-primary-regular);
    line-height: 28px;
    font-weight: 400
}

.zwf_side_form .zwf_formgroup .zwf_file_upload {
    height: 105px;
    padding: 15px 15px 30px;
    text-align: center;
    border: 1px dashed #dedede;
    border-radius: 4px 4px 0 0;
    cursor: pointer
}

.zwf_side_form .zwf_formgroup .zwf_file_upload p {
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 0;
    padding-bottom: 0;
    cursor: pointer;
    color: #757575;
    text-align: center
}

.zwf_side_form .zwf_file_upload span {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 0;
    color: #757575
}

.zwf_side_form .progress-bar {
    display: none;
    height: 4px;
    background: #ddd;
    width: 100%;
    position: relative;
    bottom: 1px
}

.zwf_side_form .progress-bar span {
    background: #2d73f6;
    height: 100%;
    width: 0;
    transition: 1s all linear
}

.zwf_side_form .zwf_formgroup .files {
    list-style: none;
    position: relative;
    bottom: 1px
}

.zwf_side_form .info {
    cursor: pointer;
    display: none;
    width: 12px;
    height: 14px;
    background-position: 0 0;
    margin-left: 5px;
    transform: rotate(180deg)
}

.zwf_side_form .price-tooltip:before {
    color: #333;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #333;
    top: -7%;
    height: 0;
    left: 104px;
    position: absolute;
    width: 0;
    content: '';
    transform: rotate(180deg)
}

.zwf_side_form .zwf_formgroup .files .file-list {
    padding: 7.5px 15px;
    border: 1px solid #dedede;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box
}

.zwf_side_form .zwf_formgroup .files .file-list p {
    width: 94%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    padding-bottom: 0;
    font-size: 16px
}

.zwf_side_form .zwf_formgroup .files .file-list:last-child {
    border-radius: 0 0 4px 4px
}

.zwf_side_form .zwf_formgroup .file-list span {
    cursor: pointer;
    width: 12px;
    height: 12px;
    background-position: 28px
}

.zwf_side_form .zwf_formgroup.invalid .zwf_error,
.zwf_webform .zwf_formgroup.invalid .error {
    display: block;
    text-align: left
}

.lang-rtl .zwf_side_form .zwf_formgroup.invalid .zwf_error,
.lang-rtl .zwf_webform .zwf_formgroup.invalid .error {
    text-align: right
}

.zwf_side_form .zwf_select_dd:after,
.zwf_side_form div.zgdprform-state-container:after,
.zwf_side_form div.zgdprform-countrylist-container:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #888;
    position: absolute;
    right: 12px;
    top: 17px;
    display: block;
    z-index: 1;
    pointer-events: none;
    margin-top: 0;
    border-radius: 6px
}

.lang-rtl .zwf_side_form .zwf_select_dd:after,
.lang-rtl .zwf_side_form div.zgdprform-state-container:after,
.lang-rtl .zwf_side_form div.zgdprform-countrylist-container:after {
    right: unset;
    left: 12px
}

.zwf_side_form .zwf_select_dd select.zwf_formcontrol {
    appearance: none;
    -webkit-appearance: none !important;
    -moz-appearance: none !important
}

.zwf_side_form .zwf_select_dd select.zwf_formcontrol:invalid {
    color: #767676
}

.zwf_side_form .zgdprform-opt-container .chk_bx {
    position: absolute;
    left: 0;
    margin: 3px 0 0
}

.zwf_side_form .sign_agree p,
.zwf_side_form .zgdprform-opt-container {
    font: 12px var(--zf-primary-regular);
    line-height: 18px;
    margin: 10px 0 0
}

.zwf_side_form .sign_agree p {
    margin-bottom: 20px;
    color: #000
}

.zwf_inr_tooltip {
    position: absolute;
    font-style: normal;
    color: #fff;
    background-color: #262626;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    padding: 10px;
    font-weight: 400;
    width: 225px;
    z-index: 1;
    box-shadow: 0 2px 7px #d1d1d1;
    left: 20px;
    bottom: -68px;
    display: none;
    box-sizing: border-box
}

.zwf_inr_tooltip:before {
    content: '';
    position: absolute;
    display: block;
    left: 14px;
    top: -5px;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background: #262626;
    transform: rotate(45deg);
    z-index: 2
}

.zwf_formgroup.zwf_act:hover .zwf_inr_tooltip {
    display: block
}

.zwf_side_form .sign_agree {
    max-width: 100%;
    padding-bottom: 0
}

.zwf_side_form .zwf_formgroup label.check-box a,
.zwf_side_form .sign_agree p a {
    font-size: 12px;
    text-decoration: underline;
    color: #006cff
}

.zwf_side_form .zwf_captcha_box {
    height: 130px;
    border: 1px solid #dedede;
    border-radius: 4px
}

.zwf_side_form .zwf_d_flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.zwf_side_form .zwf_d-flex a {
    margin-right: 10px;
    color: #006cff
}

.zwf_side_form .sign_agree.show {
    display: block;
    margin-top: 0
}

.zwf_side_form .zgdprform-opt-container {
    margin: 10px 0 5px;
    padding-left: 20px;
    position: relative
}

.zwf_side_form .zwf_captcha_box .zwf_formcontrol {
    border: 0;
    border-top: 1px solid #dedede;
    position: absolute;
    top: 93px;
    width: 99%
}

.zwf_webform img[id^="imgid"] {
    border: 0
}

.zwf_side_form .zwf_captcha_field .zwf_label_field {
    top: 105px
}

.zwf_side_form .zwf_captcha_field .zwf_label_field.active {
    transform: translateY(-27px) translateX(-9px);
    -webkit-transform: translateY(-27px) translateX(-9px)
}

.lang-rtl .zwf_side_form .zwf_captcha_field .zwf_label_field.active {
    transform: translateY(-27px) translateX(9px);
    -webkit-transform: translateY(-27px) translateX(9px)
}

.zwf_side_form .zwf_captcha_box .reload-img {
    margin-right: 10px
}

.lang-rtl .zwf_side_form .zwf_captcha_box .reload-img {
    margin-left: unset;
    margin-left: 10px
}

.zwf_side_form input[type="button"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.zwf_side_form .zwf_formgroup .submit-btn {
    background-color: #ed4a44;
    padding: 15px;
    font: 16px/1.2 var(--zf-primary-semibold);
    color: #fff;
    max-width: 100%;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
    box-shadow: none;
    text-transform: uppercase;
    border: 1px solid #ed4a44;
    cursor: pointer;
    margin: 0
}

.error.z-form-error {
    display: none !important
}

.formgroup .formcontrol,
.formgroup .formcontrol:focus-visible,
.zwfp_formgroup .zwfp_formcontrol,
.zwfp_formgroup .zwfp_formcontrol:focus-visible,
.zwf_formgroup .zwf_formcontrol,
.zwf_formgroup .zwf_formcontrol:focus-visible {
    outline: 0
}

.zwf_webform .phone-box input {
    position: relative;
    z-index: 1
}

.product-nav-links .menu li.zmenu-solutions:first-child .dropdown-menu>li:last-child a {
    margin: 0 !important;
    border: inherit;
    transition: unset;
    text-align: inherit;
    border-radius: inherit
}

.act-btn {
    padding: 10px 30px 8px;
    font-size: 15px
}

.signup-box #countryCodeDiv,
.signup-box #countryconfirmCodeDiv {
    line-height: 24px
}


.dropdown-menu .sub-level.nodrop>a:after {
    display: none
}


.dropdown-menu li.active>a,
.dropdown-menu li.sub-level.active>a,
.dropdown-menu .sub-dropdown a:hover {
    color: #0067ff !important
}

.dropdown-menu .sub-level.active>a:after {
    border-left-color: #0067ff
}

.subdropdown-right .sub-level.active>a:after {
    border-right-color: #0067ff
}

.dropdown-menu li a {
    font-family: var(--primaryfont-regular)
}

.node-tnid-27970 .trust-brands-wrap ul li.tb-amazon span {
    background-position: -417px -280px;
    width: 92px
}

.features-banner-wrap .explore-features,
.za-captcha-container {
    display: none
}

.panel-panel .features-banner-wrap {
    min-height: auto !important
}

#back-top {
    display: none !important
}

.main-container-wrapper .product-nav-links .menu>li:nth-child(n+6),
.main-container-wrapper #mini-panel-product_menu .product-nav-links .menu>li:nth-child(n+6) {
    display: none
}

.main-container-wrapper .product-nav-links .menu>li:nth-child(n+6).zmenu-bulletin,
.main-container-wrapper #mini-panel-product_menu .product-nav-links .menu>li:nth-child(n+6).zmenu-bulletin,
.main-container-wrapper .product-nav-links .menu>li:nth-child(n+6).zmenu-services,
.main-container-wrapper #mini-panel-product_menu .product-nav-links .menu>li:nth-child(n+6).zmenu-services {
    display: block
}

.zmobile-menu-new-content>ul>li:nth-child(n+6) {
    display: none
}

.zmobile-menu-new-content>ul>li:nth-child(n+6).zmenu-bulletin {
    display: block
}

.node-type-product-help-2-0-content-section .zmobile-menu-new-content>ul>li:nth-child(-n+5) {
    display: none
}

.helpful-wrap>div:last-child {
    display: none
}


.menu .dropdown-menu li a {
    font-size: 15px
}

.plHr-high-topic-box {
    border: 15px solid #f4f4f4;
    padding: 15px;
    margin-bottom: 30px
}

.plHr-high-topic-box h2 {
    padding: 0 0 10px;
    margin: 0
}

.features-item .content-wrap {
    max-width: 940px
}

.features-item .image-part>div {
    max-width: 900px
}

.zwp_labelnew {
    position: absolute;
    top: 5px;
    right: -7px;
    padding: 2px 5px;
    background: #ffbe00 none repeat scroll 0 0;
    color: #000;
    font: 11px/1 var(--zf-primary-regular);
    text-transform: uppercase
}

#TB_window {
    background: none repeat scroll 0 0 #fff;
    border: 0;
    color: #000;
    display: none;
    left: 50%;
    position: fixed;
    padding: 20px;
    text-align: left;
    top: 50%;
    z-index: 102;
    box-sizing: border-box;
    height: 380px
}

#TB_overlay {
    background: none repeat scroll 0 0 #0e161e;
    height: 100%;
    left: 0;
    opacity: .96;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

#TB_window a {
    position: relative;
    display: inline-block
}

#TB_window>span {
    position: absolute;
    right: -25px;
    top: -25px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    cursor: pointer;
    background: #666;
    color: #fff;
    text-align: center;
    line-height: 46px;
    font-size: 24px
}

#TB_window a:visited {
    color: #666
}

#TB_ajaxWindowTitle {
    float: left
}

.helpful-wrap {
    display: none
}

.help-content-panel .help-content-inner-wrap .script p {
    word-wrap: break-word
}

.help-content-panel .help-content-inner-wrap .faq-list h3 {
    cursor: pointer
}

.video-img-container {
    max-width: 350px;
    position: relative;
    width: 100%
}

.video-img-container:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: ""
}

.video-img-container img {
    width: 100%;
    vertical-align: top;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2)
}

.videoplay-circle {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    border: 1px solid white;
    border-radius: 100%;
    display: inline-block;
    height: 45px;
    left: 44%;
    position: absolute;
    top: 41%;
    width: 45px;
    z-index: 1;
    cursor: pointer
}

.videoplay-circle:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(194, 225, 245, 0) rgba(194, 225, 245, 0) rgba(194, 225, 245, 0) #fff;
    border-image: none;
    border-style: solid;
    border-width: 8px;
    content: " ";
    height: 0;
    left: 44%;
    margin-top: -5px;
    pointer-events: none;
    position: absolute;
    top: 44%;
    width: 0
}

.video-img-container .video-text {
    bottom: 65px;
    position: relative;
    z-index: 1;
    text-align: center;
    display: block;
    color: #333;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.4)
}

.z-pouup-wrap,
.z-popup-overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    outline: 0 !important;
    -webkit-backface-visibility: hidden;
    z-index: 100
}

.z-pouup-wrap {
    display: none
}

.z-pouup-wrap-inner {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0;
    overflow: auto;
    z-index: 101
}

.z-pouup-wrap-inner:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-left: -5px
}

.z-popup-content-inner .popup-data {
    display: block
}

.z-popup-overlay {
    background: #fff;
    background: rgba(255, 255, 255, 0.95);
    cursor: pointer
}

.z-popup-content-wrap {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    width: 100%
}

.z-popup-content {
    margin: 50px auto;
    max-width: 800px;
    background: #fff;
    z-index: 6;
    position: relative;
    text-align: initial;
    width: 90%;
    border: 1px solid #ddd
}

.z-video-wrap .z-popup-content {
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    max-width: 70%
}

.popup-data {
    display: none
}

.popup-data-inner {
    padding: 70px
}

.z-popup-close {
    display: block;
    position: fixed;
    right: 25px;
    top: 25px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
    text-align: center;
    color: #000;
    text-decoration: none;
    z-index: 2;
    background: url('/creator/images/e-p-sprite.png') no-repeat 10px -6px;
    text-indent: -1000px;
    overflow: hidden
}

.og-context-node-14130 .region-footer:nth-child(2) {
    display: none
}

p.pSpan {
    display: none
}

.changePriceContainer-common {
    text-align: right
}

.changeCurrencyCommon {
    padding: 6px 10px 0;
    border-bottom: 1px solid;
    opacity: .3;
    display: none;
    cursor: pointer;
    font-size: 15px
}

.changeCurrencyCommon.showThis {
    display: inline-block
}

.changeCurrencyCommon.action {
    color: #000;
    cursor: default;
    border-bottom: 1px solid #000;
    opacity: 1
}

#mini-panel-product_menu {
    z-index: 99
}

#mini-panel-product_menu .content-wrap {
    overflow: visible
}

.ft-menu-con {
    max-width: 514px;
    width: 100%;
    background: #fff;
    border: 1px solid #d7d7d7;
    box-shadow: 0 30px 70px rgba(0, 0, 0, .2);
    position: absolute;
    z-index: 99;
    display: none
}

ul.menu>li.has-dropdown-container:hover>.ft-menu-con {
    display: block
}

.ft-menu-con:hover {
    display: block !important
}

.ft-menu-con-inner {
    padding: 25px;
    position: relative
}

.ft-left-sec,
.ft-right-sec {
    float: left;
    width: 52%;
    height: 420px;
    position: relative;
    box-sizing: border-box !important
}

.ft-left-sec ul,
.sep-box ul {
    opacity: 1;
    visibility: visible;
    position: relative;
    top: auto;
    width: 100%;
    margin: 0;
    padding: 0;
    box-shadow: none;
    transition: none;
    z-index: 1;
    border: 0
}

.ft-right-sec {
    float: left;
    width: 48%;
    padding: 0
}

.ft-left-sec {
    box-sizing: border-box;
    border-right: 1px solid #e3e3e3
}

.ft-right-sec {
    box-sizing: border-box
}

.product-nav-links .menu li.ft-list a {
    padding: 0 !important;
    line-height: 1.6
}

.product-nav-links .menu li.ft-list:hover {
    background: #f4f4f4
}

.product-nav-links .menu li.ft-list.active:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 8px;
    width: 0;
    height: 0;
    border-left: 6px solid #03579b;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent
}

.product-nav-links .menu li.ft-list.active {
    background: #cfeffe
}

.product-nav-links .menu li.ft-list a>span {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    font-family: var(--zf-primary-regular);
    background: 0;
    width: auto;
    height: auto;
    color: #000
}

.ft-right-inner {
    padding: 0 0 0 22px
}

.product-nav-links .ft-menu-con-inner li:nth-child(n+6) {
    display: block
}

.menu .dropdown-menu {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.dropdown-menu .sub-dropdown {
    border-bottom-right-radius: 6px;
    width: 100%;
    height: 100%
}

.c-align-menu {
    display: inline-block;
    vertical-align: top;
    margin: 22px 0 0 20px
}

.c-algn:hover {
    background: #97ccfc
}

.c-algn a {
    color: #000
}

.c-algn.act {
    background: #0067ff !important
}

.c-algn.act a {
    color: #fff
}

section.write-us-wrap {
    display: none
}

section.footer-help-cont h3 {
    line-height: 40px;
    color: #666
}

section.footer-help-cont {
    position: relative;
    overflow: hidden;
    margin-bottom: 60px;
    text-align: center
}

.helpful-wrap.crm {
    display: block
}

.helpful-wrap.crm .input-field-radio input {
    margin: 20px 6px 0 12px
}

.helpful-wrap.crm .input-field-radio input:first-child {
    margin-left: 0
}

.helpful-wrap.crm>div.feedback span a,
.helpful-wrap.crm>div.feedback span {
    display: none
}

.helpful-wrap.crm div.feedback fieldset label>span {
    border: unset;
    background: unset;
    width: unset;
    height: unset;
    cursor: unset;
    padding: 10px 0
}

.helpful-wrap.crm input[type="text"],
.helpful-wrap.crm select,
.helpful-wrap.crm textarea {
    width: 100%;
    height: 35px;
    line-height: 22px;
    font-size: 14px;
    padding: 0 5px;
    border: 1px solid #7f7f7f;
    margin: 15px 0 2px;
    max-width: 450px
}

.helpful-wrap.crm select.globalcountrycode:before {
    position: absolute;
    content: '';
    left: 60px;
    top: 18px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #666
}

.helpful-wrap.crm div.zgdprform-opt-container,
.helpful-wrap.crm .sign_agree {
    max-width: 450px;
    line-height: 18px;
    padding-bottom: 0;
    color: #000;
    font-family: var(--zf-primary-semibold)
}

.helpful-wrap.crm>div .sign_agree p {
    line-height: 18px
}

.helpful-wrap.crm .zgdprform-countrylist-container select.globalcountrycode {
    border: 1px solid #7f7f7f !important;
    border-radius: unset !important;
    -webkit-appearance: none !important;
    box-sizing: unset !important;
    max-width: 430px;
    margin-top: 15px !important
}

.helpful-wrap.crm .text-cent input {
    background: #41abf6;
    color: #fff;
    font-weight: 600;
    border: 1px solid;
    padding: 8px 24px;
    font-size: 14px;
    cursor: pointer
}

.helpful-wrap.crm .feedback label.error {
    font-size: 14px
}

.help-promo-panel {
    display: block;
    margin-bottom: 0
}

.zp-strike-out {
    text-decoration: line-through
}

.crm-lp.zph-sticky .z-mobile-menu-v2 {
    display: none
}

.body-umain .crm-hub-ctasec {
    display: none
}

.crm-hub-ctasec {
    padding: 70px 0;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: left;
    background: #fff;
    width: 100%
}

.btm-cta-inner {
    max-width: 1060px;
    margin: 0 auto
}

.btm-cta-img-con {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding-right: 50px;
    box-sizing: border-box
}

.btm-cta-img-con img {
    max-width: 457px;
    width: 100%;
    display: inline-block
}

.btm-cta-txt-con {
    text-align: left;
    width: 49%;
    display: inline-block;
    vertical-align: middle
}

.btm-cta-inner h3 {
    font: 48px / 1.1 var(--zf-primary-medium);
    padding-bottom: 10px;
    letter-spacing: -1px;
    margin-bottom: 0;
    color: #000
}

.inner_wrap {
    display: block;
    font-family: var(--zf-primary-medium)
}

.btm-cta-inner .btm-cta-para {
    font-family: var(--zf-primary-regular);
    font-size: 20px;
    line-height: 30px;
    padding: 15px 0 18px;
    color: #444;
    margin: 0 auto
}

.crm-hub-sinup,
.btm-cta {
    padding: 13px 24px;
    background: var(--primary-btn-color);
    display: inline-block;
    cursor: pointer;
    font: 15px var(--zf-primary-semibold);
    color: #fff;
    text-decoration: none;
    position: relative;
    z-index: 1;
    transition: all ease .3s;
    text-transform: uppercase;
    border: 0
}

.other-lang .crm-hub-sinup,
.other-lang .btm-cta {
    padding: 12px 20px;
    font-size: 14px
}

.i18n-pt-br .btm-cta-txt-con {
    width: 51%
}

.i18n-pt-br .btm-cta-img-con {
    width: 49%
}

.crm-hub-plansbtn {
    background: #fff
}

.btm-cta-inner .crm-hub-plansbtn {
    margin-left: 20px;
    color: #0067ff
}

.crm-hub-sinup::before,
.btm-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #eb4c49;
    z-index: -1;
    transition: all ease .3s
}

.crm-hub-plansbtn::before {
    background: transparent;
    border: 2px solid #fff;
    box-sizing: border-box
}

.btm-cta-inner .crm-hub-plansbtn::before {
    border: 2px solid #0067ff
}

.crm-hub-sinup:hover::before,
.btm-cta:hover::before {
    transform: scaleX(1.03);
    -webkit-transform: scaleX(1.03)
}

.zau-location {
    max-width: 350px;
    margin: 40px auto 0;
    min-height: 220px;
    text-align: left
}

.zau-location>h5 {
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #fff;
    font-family: var(--zf-primary-bold);
    position: relative
}

p.zau-address {
    max-width: 250px;
    font-size: 16px;
    margin-bottom: 25px;
    color: #ccc
}

p.zau-toll-free {
    font-size: 16px;
    color: #ccc;
    margin: 10px 0 4px
}

.zau-location .zau-toll-free span {
    font-size: 16px;
    margin-left: 0;
    font-family: var(--zf-primary-semibold);
    display: block
}

.footer-sec-wrap .zau-location .zau-toll-free span a {
    display: inline;
    color: #ffc600
}

p.zau-title {
    color: #fff;
    font-family: var(--zf-primary-semibold)
}

.zcrmlp_ftr {
    background: #fff;
    color: #000
}

.zcrmlp_ftr p {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    padding: 15px 0;
    font-size: 12px
}

.zcrmlp_ftr a,
.footer-copy a {
    color: #000;
    text-decoration: underline
}

.chat-popup-bg {
    display: none;
    width: 100%;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9999;
    max-width: 730px
}

.crm-pop-bg-frame {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    background: rgba(0, 0, 0, 0.8);
    z-index: 999
}

.crm-pop-conatainer picture {
    display: inline
}

.crm-pop-conatainer {
    width: 100%;
    max-width: 730px;
    background: #fff;
    padding: 6px;
    border-radius: 18px;
    box-sizing: border-box
}



.pop-top-content-con {
    max-width: 480px;
    padding: 32px 30px 35px;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    display: inline-block;
    vertical-align: bottom
}

.crm-trst-txt {
    color: #fcd391;
    font: 15px/1.5 var(--zf-primary-bold);
    margin: 15px 0 0
}

.crm-pop-image {
    position: absolute;
    right: 0;
    bottom: -5px;
    display: block;
    width: 288px
}

.crm-pop-btm-sec {
    padding: 30px 30px 30px;
    background: #fff;
    position: relative
}

.intrst-txt {
    font: 18px/1.4 var(--zf-primary-semibold);
    margin: 0;
    padding: 0;
    letter-spacing: 0
}

.crmpop-prd-con {
    padding-top: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 645px
}

.crmpop-prd-name {
    display: inline-block;
    position: relative;
    font: 16px/1.4 var(--zf-primary-bold);
    margin: 0 0 2px;
    padding: 0 30px 0 0;
    letter-spacing: 0
}

.crmpop-prd-name:after {
    background-position: -39px -7px;
    width: 18px;
    height: 18px;
    position: absolute;
    content: '';
    top: 1px;
    right: 4px
}

.prd-desc {
    font: 16px/1.4 var(--zf-primary-regular);
    margin: 0;
    padding: 0;
    letter-spacing: 0
}

.crmpop-prd-sec.bigin {
    position: relative
}

.crmpop-prd-sec.bigin:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -27px;
    transform: translateY(-50%);
    background: #d3d9e3;
    width: 1px;
    height: 50px
}

.popz-close {
    position: absolute;
    top: 10px;
    right: 10px;
    background-position: -6px -6px;
    width: 21px;
    height: 21px;
    cursor: pointer;
    z-index: 2
}

.crmpop-go-tag {
    text-decoration: none;
    cursor: pointer;
    color: #000
}

.loader_popupSec {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: #0d1e2f;
    content: "";
    display: block;
    overflow: hidden;
    top: 100%;
    left: 0;
    transition: all .4s .7s;
    opacity: 0
}

.loader_cont {
    position: absolute;
    transform: translate(-50%, -50%) scale(0);
    top: 50%;
    left: 50%;
    margin: 0;
    transition: all .4s .7s
}

.loader_des {
    font: 22px/1.2 var(--zf-primary-regular);
    color: #fff;
    text-align: center;
    padding-top: 20px
}

.loader_popupSec.active {
    top: 0;
    opacity: 1
}

.loader_popupSec.active .loader_cont {
    transform: translate(-50%, -50%) scale(1)
}

.sgfrm {
    position: relative
}

.pwd_eye {
    position: absolute;
    width: 44px;
    height: 44px;
    top: 27px;
    right: 0;
    cursor: pointer;
    z-index: 1;
    content: "";
    display: inline-block
}


.lang-rtl .pwd_eye,
.i18n-he .pwd_eye {
    right: unset;
    left: 2px
}

#czone-home .pwd_eye {
    top: 2px
}

.pwd_eye.eye_show:after {
    background-position: -597px -5px
}

.signup-box input[type='password'] {
    padding: 15px 45px 14px 12px
}

.mobile-container,
.za-rmobile-container {
    margin-top: 15px
}

.signupotpcontainer .otpmobile {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px
}

.otpAlert {
    margin-top: 15px
}

.signupotpcontainer .resendotp.otp_hide {
    display: none
}

.resendotp.nonclickelem {
    opacity: .3;
    pointer-events: none
}

.za-rmobile-container.za-arrow-inactive #countryCodeDiv::before {
    display: none
}

.za-rmobile-container.za-arrow-inactive .za-country_code-container select {
    visibility: hidden
}

.menu .dropdown-menu.solution-drpdwn {
    padding-right: 30px;
    width: 380px !important
}

.i18n-es-xl .menu .dropdown-menu.solution-drpdwn {
    width: 430px !important;
    padding-right: 0
}

.lang-en .menu .dropdown-menu.solution-drpdwn {
    width: 440px !important
}

.lang-en .menu .zmenu-features .dropdown-menu li.sub-level a {
    padding: 7px 55px 7px 30px
}

.lang-en .menu .zmenu-features .dropdown-menu .sub-level>a:after {
    right: 30px
}

.menu .dropdown-menu.resources-drpdwn {
    width: 420px !important
}

.dropdown-menu .sub-dropdown li a {
    font-size: 14px
}

.menu .dropdown-menu.resources-drpdwn .two-clmcont {
    padding: 20px !important
}

.menu .dropdown-menu.resources-drpdwn .two-clmbox {
    padding-right: 20px
}

.menu .dropdown-menu.resources-drpdwn .two-clmbox.rgtclm {
    border-right: 0;
    padding-right: 0;
    padding-left: 20px;
    border-left: 1px solid #e6e1db
}

.i18n-de .menu .dropdown-menu.solution-drpdwn {
    width: 580px !important;
    padding-right: 0
}

.i18n-de .menu .dropdown-menu.resources-drpdwn {
    width: 200px !important
}

.i18n-de .menu .dropdown-menu.resources-drpdwn .two-clmbox {
    border-right: unset;
    padding-right: 0;
    width: 100%
}

.menu .dropdown-menu.solution-drpdwn .two-clmbox.rgtclm li a,
.menu .dropdown-menu.solution-drpdwn .two-clmbox.rgtclm li span {
    padding: 7px 0 !important
}

.menu .dropdown-menu.resources-drpdwn .two-clmbox li a {
    padding: 7px 0 !important
}

.menu .dropdown-menu.resources-drpdwn .two-clmbox li.btm-divider-drpdwn a {
    border-bottom: 1px solid #e6e1db;
    padding-bottom: 20px !important
}

.menu .dropdown-menu.solution-drpdwn .two-clmbox li.btm-divider-drpdwn a {
    border-bottom: 1px solid #e6e1db;
    padding-bottom: 20px !important
}

.menu .dropdown-menu.resources-drpdwn .two-clmbox li.btm-divider-pad-drpdwn a {
    padding-top: 20px !important
}

.menu .dropdown-menu.solution-drpdwn .two-clmbox.rgtclm li.btm-divider-pad-drpdwn span {
    padding-top: 20px !important
}

.dropdown-menu.solution-drpdwn ul,
.dropdown-menu.resources-drpdwn ul {
    min-height: unset !important
}

.two-clmbox li:hover a {
    color: #0067ff !important;
    background: #fafafa
}

.case-cmb:hover a,
.case-cmb li:hover a {
    background: unset !important
}

.two-clmbox {
    width: 50%;
    display: inline-block;
    vertical-align: top
}

.menu .case-cmb {
    background: #f2f7ff;
    margin-top: 15px !important;
    padding-top: 13px !important
}

.menu .rgtclm li span,
.menu .rgtclm li a {
    padding: 7px 15px !important
}

.menu .case-cmb li a {
    color: #0067ff;
    font-size: 14px !important
}

.menu .rgtclm li .case-title {
    padding: 7px 15px 5px !important
}

.menu .rgtclm li .case-para {
    padding: 0 15px !important
}

.case-title {
    color: #000;
    line-height: 22px !important;
    display: inline-block;
    font-size: 16px !important;
    white-space: nowrap;
    font-family: var(--zf-primary-bold)
}

.case-para {
    color: #000;
    display: inline-block;
    font: 400 14px/1.5 var(--zf-primary-regular)
}

.node-type-zp-recorded-webinars .zpov-slider,
.node-type-zp-webinars .zpov-slider {
    opacity: 1;
    padding: 80px 0 0 0;
    margin: -80px auto 0;
    position: relative
}

.node-type-zp-webinars .zpov-banner .zpov-slider .zpov-content,
.node-type-zp-recorded-webinars .zpov-banner .zpov-slider .zpov-content {
    opacity: 1;
    top: 0
}

.node-type-zp-webinars .zpov-banner .zpov-slider .zpov-content>span,
.node-type-zp-webinars .zpov-banner .zpov-slider .zpov-content>h1,
.node-type-zp-webinars .zpov-banner .zpov-slider .zpov-content>h4,
.node-type-zp-webinars .zpov-banner .zpov-slider .zpov-content>p,
.node-type-zp-recorded-webinars .zpov-banner .zpov-slider .zpov-content>span,
.node-type-zp-recorded-webinars .zpov-banner .zpov-slider .zpov-content>h1,
.node-type-zp-recorded-webinars .zpov-banner .zpov-slider .zpov-content>h4,
.node-type-zp-recorded-webinars .zpov-banner .zpov-slider .zpov-content>p {
    visibility: visible;
    top: 0;
    opacity: 1
}

.node-type-zp-webinars .zpov-slider>div,
.node-type-zp-recorded-webinars .zpov-slider>div {
    padding: 30px 0 0 0
}

.zcrm-banner-strip {
    font: 16px/1 var(--zf-primary-bold);
    display: block;
    text-align: center;
    color: #032955;
    margin: 0;
    padding: 0 30px 0 0;
    max-width: 100%
}

.zcrm-banner-strip .zcrm-learnmore {
    padding: 0 5px;
    color: #0067ff;
    text-decoration: none;
    font: 15px/1.2 var(--zf-secondary-medium);
    display: inline-block;
    position: static;
    margin: 0;
    box-sizing: border-box
}

.ztopstrip-container {
    display: none;
    z-index: 8;
    position: relative
}

.zcrm-topstrip {
    background: #ffe274;
    padding: 12px
}

.zcrm-topstrip a {
    color: #0067ff
}

.zcrm-topstrip.eu-strip {
    background: #dbf2ff
}

.zwf_close_icn {
    font-size: 13px;
    cursor: pointer;
    font-family: var(--zf-primary-regular);
    position: absolute;
    top: 12px;
    color: #383838;
    right: 30px
}

.zcrm-banner-strip .zcrm-learnmore span:before {
    top: -2px;
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border: 2px solid #0067ff;
    transform: rotate(-45deg);
    border-left: 0;
    border-top: 0;
    right: 0
}

.zcrm-banner-strip .zcrm-learnmore span {
    background: #0067ff;
    width: 15px;
    height: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    transition: all ease .35s
}


.pt-br-whatsapp-link:hover .pt-br-whatsapp-link span {
    box-shadow: 1px 1px 8px -1px #aaa
}

.i18n-fr .menu .dropdown-menu.solution-drpdwn {
    padding-right: 25px;
    width: 420px !important
}

.i18n-fr .menu .case-cmb {
    padding: 12px !important
}

.i18n-fr .app-title {
    padding: 7px 25px !important;
    font-size: 15px !important
}

#\32 4147 .api-menu-search {
    display: none
}

#\32 4147 .api-menu-lists {
    margin-top: 0
}

.product-nav-links {
    display: flex;
    align-items: center;
    width: 85%;
    max-width: 850px;
    justify-content: flex-end
}

.zmenu-cta-cont {
    display: none;
    align-items: center
}



.zmenu-cta-cont .act-btn.cta-btn {
    opacity: 1;
    visibility: visible
}

.zwph-white .expanded.dropdown .caret::after {
    border-top: unset;
    background-position: -832px -149px
}


.other-lang .zau-location,
.other-lang .request-drop-wrap,
.other-lang .quick-connect-links-wrap {
    display: none !important
}

.bottom-promo .content-wrap a.promo-link {
    color: #00aeef;
    font-size: 22px;
    font-weight: 600;
    margin-top: 15px;
    text-decoration: underline
}

.customer-stories-box {
    padding: 20px 60px;
    background: #fff;
    margin-bottom: 10px
}

.customer-stories-box h2 {
    text-align: center;
    font-family: var(--zf-primary-black);
    text-transform: uppercase
}

.customer-stories-box h2 a {
    color: #000
}

.customer-stories p a span {
    display: inline-block;
    color: #00aeef
}



.zwf-new-footer .content-wrap {
    padding: 0;
    width: 100%;
    max-width: 1580px
}

.zwf-dark-footer,
.zwf-dark-footer.zwf-new-footer .zw-global-footer,
.zwf-dark-footer.zwf-new-footer .zw-only-copyright,
.zwf-dark-footer.zwf-new-footer .zwf-product-footer .footer-sec-wrap,
.zwf-dark-footer.zwf-new-footer .zwf-product-footer .footer-sec-wrap .content-wrap>div {
    background: #333;
    color: #fff;
    border-color: #535353
}

.zwf-dark-footer.zwf-new-footer .zwf-product-footer .footer-sec-wrap,
.zwf-dark-footer.zwf-new-footer .zwf-product-footer .footer-sec-wrap .content-wrap>div,
.zw-primary-wrap {
    background: #333;
    color: #fff;
    border-color: #535353
}

.zwf-dark-footer.zwf-new-footer .zwf-product-footer .footer-sec-wrap .product-links ul li a,
.zwf-dark-footer.zwf-new-footer .zw-common-footer .product-links ul li a {
    color: #ccc;
    font: 14px / 20px var(--zf-primary-regular);
    position: relative
}

.zwf-dark-footer.zwf-new-footer .zwf-product-footer .footer-sec-wrap .product-links h4 {
    color: #fff;
    font: 16px var(--zf-primary-bold);
    position: relative
}

.zwf-dark-footer.zwf-new-footer .zwf-product-footer .footer-sec-wrap .product-links h4:before,
.zau-location>h5:before {
    content: '';
    position: absolute;
    background-color: #ffc600;
    width: 24px;
    height: 2px;
    bottom: -5px;
    left: 0
}

.footer-sec-wrap .product-links ul li a:before {
    content: '';
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform-origin: left;
    -webkit-transform-origin: left;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    transition: all ease .45s
}

.lang-rtl .footer-sec-wrap h4:before,
.lang-rtl .zau-location>h5:before {
    left: unset;
    right: 0
}

.footer-sec-wrap .product-links ul li a:hover:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1)
}

.lang-rtl .footer-sec-wrap .product-links ul li a:before {
    transform-origin: right;
    -webkit-transform-origin: right
}

.zwf-new-footer .zwf-product-footer .footer-sec-wrap .product-links ul li a:hover,
.zwf-new-footer .zw-common-footer .product-links ul li a:hover {
    text-decoration: none;
    text-underline-offset: 0;
    color: #000
}

.zwf-new-footer .zw-common-footer .zw-footer-badge-block.zonecol h5 {
    margin-bottom: 20px
}

.zwf-dark-footer.zwf-new-footer .zw-common-footer .zw-support-mail-links a {
    text-decoration: none;
    color: #fdd402
}

.zwf-dark-footer.zwf-new-footer .zw-common-footer .zw-footer-badge-block {
    border-color: #535353
}

.zwf-dark-footer.zwf-new-footer .zw-common-footer .zw-support-links-wrap,
.zwf-dark-footer.zwf-new-footer .zw-common-footer .zw-footer-badge-block,
.zwf-dark-footer.zwf-new-footer .zw-footer-op-block,
.zwf-dark-footer.zwf-new-footer .zw-common-footer .content-wrap>div:first-child,
.zwf-dark-footer.zwf-new-footer .zwf-product-footer .footer-sec-wrap .content-wrap:last-child {
    border-color: #535353
}

.other-lang .footer-sec-wrap {
    border-top: 0;
    display: block
}

.other-lang .zwf-new-footer .zwf-product-footer .footer-sec-wrap .zw-primary-wrap:is(.zw-slide-promobnr-links) {
    grid-template-columns: unset;
    gap: 0
}

.other-lang .footer-sec-wrap .product-links {
    max-width: 900px
}

.other-lang .zwf-new-footer .zwf-product-footer .footer-sec-wrap .zw-primary-wrap:is(.zw-slide-promobnr-links) .zw-promo-banner-block {
    display: none
}

.other-lang .zwf-new-footer .zwf-product-footer .footer-sec-wrap .footer-links-wrap .product-links {
    padding: 0
}

.zwf-new-footer .zwf-product-footer .footer-sec-wrap .product-links.cx-footer-wrap:not(.zwf-col-one, .zwf-inline-links) {
    max-width: 700px
}

.i18n-he .zw-product-footer {
    display: none !important
}

.zslider-init {
    position: relative
}

.zcrm-slider-sec {
    overflow: hidden
}

.zcrm-slider-sec,
.zcrm-slider-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.zcrm-sldrs {
    display: block;
    float: left;
    text-align: center;
    height: 100%;
    min-height: 1px;
    margin: 0 10px;
    min-width: inherit
}

.zcrm-sldr-dots {
    padding: 0;
    margin: 0;
    margin-top: 0;
    text-align: center
}

.zcrm-sldr-dots li {
    padding: 0;
    margin-left: 10px;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background: #bbb;
    display: inline-block;
    cursor: pointer
}

@media only screen and (max-width: 1380px) {
    .zmenu-cta-cont {
        margin-left: 0
    }

    .zw-product-header .menu>li {
        margin-left: 25px
    }
}

@media only screen and (max-width: 1279px) {
    .guide_tour {
        display: none !important
    }
}

@media only screen and (max-width: 1200px) {
    .other-lang .social_icons {
        position: static
    }

    .product-header-top {
        display: block
    }
}


@media only screen and (max-width: 1140px) {
    .product-header-top {
        display: none
    }
}

@media screen and (max-width: 1023px) {
    .Nc_wrap {
        white-space: inherit
    }

    .btm-cta-txt-con,
    .i18n-pt-br .btm-cta-txt-con {
        width: 100%;
        text-align: center
    }

    .crm-hub-ctasec {
        padding: 65px 30px 70px
    }

    .btm-cta-img-con {
        display: none
    }

    .btm-cta-inner .btm-cta-para {
        font-size: 20px;
        line-height: 26px;
        padding: 4px 0 18px
    }

    .btm-cta-inner h3 {
        font-size: 38px;
        line-height: 42px;
        padding-bottom: 8px
    }

    .footer-sec-wrap.two-column .content-wrap .footer-links-wrap {
        padding: 60px 30px 0
    }

    .zwf-new-footer .zwf-product-footer .footer-sec-wrap .product-links:not(.zwf-col-one, .zwf-inline-links) {
        grid-template-columns: repeat(auto-fit, minmax(135px, 1fr))
    }

    .zwf-new-footer .zwf-product-footer .footer-sec-wrap .product-links ul li {
        width: 100%
    }
}

@media only screen and (max-width: 992px) {
    .zwf_side_form h2 {
        font-size: 24px
    }

    .zwf_side_form .zwf_top_sec {
        max-height: unset
    }

    .zwf_side_form .zwf_formgroup.fixed {
        position: relative
    }

    .i18n-ja .footer-sec-wrap.two-column .promo-section-wrap {
        width: 100% !important
    }

    .i18n-pt-br .crm-hub-sinup,
    .i18n-pt-br .btm-cta {
        padding: 12px 24px
    }


    .ft-menu-con {
        max-width: 450px
    }

    .product-nav-links .menu li.ft-list>span {
        font-size: 14px
    }

    .ft-menu-con-inner {
        padding: 25px
    }

    .ft-left-sec,
    .ft-right-sec {
        height: 390px
    }

    .product-nav-links .menu li.ft-list {
        line-height: 20px;
        padding: 3px 0 4px 8px
    }

    a.nav-go h4 {
        font-size: 12px;
        line-height: 20px
    }

    .product-header-top .menu li.sub-ftr-lt>a.nav-go,
    .menu li.sub-ftr-lt>a.nav-go {
        padding: 2px 12px 0 0
    }

    .ft-right-inner {
        height: 290px
    }

    .lang-rtl .btm-cta-inner h3,
    .lang-rtl .btm-cta-inner .btm-cta-para,
    .lang-rtl .btm-cta-inner .btm-cta-txt-con,
    .lang-rtl .inner_wrap {
        text-align: center
    }
}

.footer-sec-wrap .zen .product-links ul>li {
    float: none;
    margin: 0;
    display: block;
    position: relative
}

.zen .zfooter-submenu-header {
    font-size: 15px;
    cursor: pointer;
    padding-left: 0;
    position: relative;
    line-height: 30px;
    color: #333
}

.lang-rtl .zen .zfooter-submenu-header {
    padding: 0 20px 0 0
}

.footer-sec-wrap .zen .product-links ul li .zfooter-submenu {
    display: none;
    margin-bottom: 20px;
    padding-left: 40px
}

.lang-rtl .footer-sec-wrap .zen .product-links ul li .zfooter-submenu {
    padding: 0 40px 0 0
}

.footer-sec-wrap .zen .product-links .zfooter-submenu li {
    display: block !important
}

.footer-sec-wrap .zen .product-links .zfooter-submenu li a {
    font-size: 14px;
    line-height: 1.4
}

@media only screen and (max-width: 991px) {
    .lang-en .menu .zmenu-features.subdropdown-right .sub-level>a:after {
        right: auto;
        left: 15px
    }

    .helpful-wrap.crm input[type="text"],
    .helpful-wrap.crm select,
    .helpful-wrap.crm textarea,
    .helpful-wrap.crm div.zgdprform-opt-container,
    .helpful-wrap.crm .sign_agree {
        max-width: 400px
    }

    .helpful-wrap.crm .zgdprform-countrylist-container {
        max-width: 380px !important
    }

    .node-type-zp-webinars .zpov-slider {
        padding: 60px 0
    }

    .zgh-nav>ul>li:nth-last-child(3) {
        display: none
    }

    .node-type-zp-webinars .zpov-slider>div {
        padding: 30px 0
    }

    .zwf-new-footer .zw-common-footer .zw-support-links-block>div:last-child {
        text-align: left
    }
}

@media screen and (max-width: 900px) {
    .c-algn {
        padding: 2px 8px 1px;
        margin: 0 4px
    }

    .umb-body .menu {
        padding: 0 15px
    }

    .umb-body #mini-panel-product_menu .content-wrap>.product-nav-links li {
        margin: 0 6px 0 8px
    }
}

@media only screen and (max-width: 767px) {
    .zcrm-topstrip {
        padding: 10px
    }

    .zcrm-banner-strip {
        font-size: 14px;
        line-height: 1.2
    }

    .zcrm-banner-strip .zcrm-learnmore {
        font-size: 14px
    }

    .zw-only-copyright ul {
        margin-bottom: 0
    }

    .pt-br-whatsapp-link {
        bottom: 60px;
        right: 6px
    }

    .pt-br-whatsapp-link span {
        width: 40px;
        height: 40px;
        background-size: contain;
        background-repeat: no-repeat
    }

    .zwf_close_icn {
        top: 12px;
        right: 15px
    }

    .zw-product-header .content-wrap {
        padding: 10px 0 10px
    }

    .zw-product-header span.zprd-display-name {
        color: #000
    }

    .social_icons {
        position: static
    }

    .umb-body .product-title {
        margin-top: 0 !important
    }

    .umb-body .c-align-menu {
        margin: 0
    }

    .umb-body .field-body {
        padding-top: 65px
    }

    .umb-body .field-body .field-body {
        padding-top: 0;
        margin-top: -12px
    }

    .umb-body .c-algn {
        margin: 0 6px;
        padding: 3px 12px 2px
    }

    .umb-body .zcrm-home-banner-sec {
        padding: 65px 0 0
    }

    .body-umain .umb-body .c-align-menu {
        margin: 0;
        position: absolute;
        width: 100%;
        left: 10px;
        top: 65px
    }

    .body-umain .umb-body .zp-home-banner-wrap {
        padding: 35px 0 0
    }

    .body-umain .umb-body .zcrm-home-banner-sec {
        padding: 60px 0 0
    }

    .z-bottom-cta-menu.crm-two-col-btn a {
        display: inline-block;
        width: 50%;
        font-size: 14px;
        padding: 16px 0 14px;
        margin-left: 0
    }

    .z-bottom-cta-menu a.crm-callbck-btn {
        display: none;
        background: #00000000;
        color: #000;
        border-right: 2px solid #000;
        margin-left: 50px
    }

    .z-bottom-cta-menu.crm-two-col-btn a.crm-callbck-btn {
        display: inline-block
    }

    .z-bottom-cta-menu.crm-two-col-btn {
        display: flex;
        border: 1px solid #000
    }

    .ft-menu-con {
        display: none !important
    }

    .zcrm-pricingtoggle {
        display: none !important
    }

    .btm-cta-inner h3 {
        font-size: 32px
    }

    .crm-hub-sinup {
        font-size: 16px;
        padding: 12px 24px
    }

    .crm-hub-ctasec .zcrm-pricingtoggle {
        display: none !important
    }

    .zmobile-menu-new ul li a,
    .zmobile-menu-new ul li>span {
        padding: 8px 25px 8px 0 !important
    }

    .dropdown-menu .sub-dropdown li::before {
        display: none
    }

    .dropdown-menu .sub-dropdown li {
        background: #fff !important
    }

    .node-type-z-signup .signup-box .socl-signup {
        display: block
    }

    .act-btn.cta-btn {
        display: none !important
    }

    .z-bottom-cta-menu a {
        color: #fff;
        background: #f0483e
    }

    .lang-rtl .footer-sec-wrap .product-links>div,
    .lang-rtl .footer-sec-wrap .product-links.three-column>div:last-child {
        padding: 0
    }

    .lang-rtl h4.connect_us_title {
        text-align: right
    }

    body:not(.node-type-zp-home) .zgh-accounts .zgh-signup {
        display: none
    }

    .main-container-wrapper .product-nav-links .menu>li.featured-apps-part,
    .main-container-wrapper #mini-panel-product_menu .product-nav-links .menu>li.featured-apps-part {
        display: block
    }

    .product-nav-links .menu li:first-child .dropdown-menu>li:last-child a {
        background: transparent
    }

    .node-type-product-help-2-0-content-section .main-container-wrapper #mini-panel-product_menu .menu-icon-help-header+.product-nav-links li:nth-child(-n+5) {
        display: none
    }

    .node-type-product-help-2-0-content-section .main-container-wrapper #mini-panel-product_menu .menu-icon-help-header+.product-nav-links li:nth-child(n+6) {
        display: inline-block
    }

    .main-container-wrapper #mini-panel-product_menu .menu-icon-help-header+.product-nav-links li.featured-apps-part {
        display: block
    }

    #mini-panel-product_menu .menu-icon-help-header .product-title a {
        padding-top: 1px
    }

    .zmobile-menu-new .two-clmbox {
        padding: 0 0 0 15px
    }

    .zmobile-menu-new .case-cmb ul {
        padding: 0
    }

    .zmobile-menu-new ul li>span.case-para {
        padding: 7px 25px 0 12px !important
    }

    .case-cmb li a {
        color: #0067ff !important
    }

    .case-para {
        font-size: 13px !important
    }

    .zmenu-cta-cont {
        display: none
    }

    .product-nav-links {
        display: none
    }

    .zwf-new-footer .zwf-product-footer .footer-sec-wrap .product-links:not(.zwf-col-one, .zwf-inline-links) {
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr))
    }

    .lang-rtl .zwf-new-footer .zw-common-footer .zw-support-links-block>div:last-child {
        text-align: right
    }

    .zwf-new-footer .zwf-product-footer .footer-sec-wrap .product-links h4 {
        text-transform: uppercase;
        font: 16px var(--zf-primary-bold)
    }

    .zwf-new-footer .zwf-product-footer .footer-sec-wrap .product-links ul li {
        width: max-content
    }
}

@media screen and (max-width: 550px) {
    .btm-cta-inner .crm-hub-plansbtn {
        margin: 20px 0 0
    }

    .helpful-wrap.crm input[type="text"],
    .helpful-wrap.crm select,
    .helpful-wrap.crm textarea,
    .helpful-wrap.crm div.zgdprform-opt-container,
    .helpful-wrap.crm .sign_agree {
        max-width: 300px
    }

    .helpful-wrap.crm .zgdprform-countrylist-container {
        max-width: 280px !important
    }
}

@media screen and (max-width: 480px) {
    .zw-only-copyright p {
        padding: 10px 0 0
    }

    .footer-sec-wrap .product-links h4 {
        margin: 0;
        background: #333;
        border: 0;
        padding: 15px 0
    }

    .i18n-en .footer-sec-wrap.two-column .content-wrap .promo-section-wrap,
    .i18n-ja .footer-sec-wrap.two-column .content-wrap .promo-section-wrap {
        text-align: center;
        padding: 60px 0 30px
    }

    .footer-sec-wrap h4:before {
        display: none
    }

    .footer-sec-wrap .product-links.three-column>div>div:first-child,
    .footer-sec-wrap .product-links.three-column>div>div {
        padding-bottom: 0
    }

    .footer-sec-wrap .product-links h4:after {
        border-color: #fff;
        right: 20px
    }

    .footer-sec-wrap .zwc-general-single-menu a {
        padding: 15px 0;
        background: unset;
        color: #fff;
        font: 16px var(--zf-primary-bold);
        text-transform: uppercase;
        border-bottom: 0
    }

    .footer-sec-wrap .product-links h4.connect_us_title:after {
        display: none
    }

    .social_icons {
        padding: 0 0 30px
    }

    .social_icons>div {
        padding: 0;
        margin-top: 0;
        margin-bottom: 10px
    }

    h4.connect_us_title {
        font: 16px var(--zf-primary-bold);
        color: #fff;
        text-transform: uppercase;
        padding: 0 30px
    }

    .brand_icons {
        padding: 30px 0 30px 25px;
        margin-right: 0
    }

    .lang-rtl .brand_icons {
        margin-left: 0;
        margin-right: 0
    }

    .zen .zfooter-submenu-header {
        line-height: 35px
    }

    .helppage-socialsec li {
        display: block
    }

    .helppage-socialsec li:nth-child(-n+2) {
        border-right: 0;
        padding-right: 0
    }

    .zwf-dark-footer.zwf-new-footer .zw-common-footer .product-links h4 {
        color: #fff;
        font: 16px var(--zf-primary-bold);
        position: relative;
        text-transform: uppercase
    }

    .footer-sec-wrap .product-links h4 {
        padding: 15px 20px
    }
}

@media only screen and (max-width: 400px) {

    .helpful-wrap.crm input[type="text"],
    .helpful-wrap.crm select,
    .helpful-wrap.crm textarea,
    .helpful-wrap.crm div.zgdprform-opt-container,
    .helpful-wrap.crm .sign_agree {
        max-width: 240px
    }

    .helpful-wrap.crm .zgdprform-countrylist-container {
        max-width: 220px !important
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {

    .menu .dropdown-menu li a {
        padding: 7px 30px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-container-wrapper #mini-panel-product_menu .menu-icon-help-header+.product-nav-links li {
        margin-left: 22px
    }

    .main-container-wrapper #mini-panel-product_menu .menu-icon-help-header+.product-nav-links li:first-child {
        margin-left: 0
    }
}




embed,
img,
object,
video {
    max-width: 100%;
    height: auto
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    text-decoration: none;
    outline: 0;
    color: var(--primary-anchor-clr)
}

.region-sanctioned.zw-product-iot .zget-in-touch,
.region-sanctioned span.zlogin-menu,
.region-sanctioned a.getstart-plan,
.region-sanctioned a.trynow-plan,
.region-sanctioned .zwc_pdf_container,
.region-sanctioned .download-desktop,
.region-sanctioned a.logged-out,
.region-sanctioned a.logged-in,
.body-umain.region-sanctioned .loggedin-userinfo,
.body-umain.region-sanctioned .signup-form>h2,
.body-umain.region-sanctioned .signup-form>h3,
.body-umain.region-sanctioned .signup-form>h4,
.region-sanctioned .head-sign-in a.login,
.region-sanctioned .head-sign-in a.signUp,
.region-sanctioned .zh-access.zh-btn,
.region-sanctioned .zh-sign.zh-btn,
.region-sanctioned .zh-home-btn,
.region-sanctioned.zh-main .banner-products .learnMorebtn,
.region-sanctioned a.loggedout,
.region-sanctioned a.loggedin,
.region-sanctioned .act-btn.cta-btn,
.region-sanctioned a.zgh-signup,
.region-sanctioned .signup-box {
    display: none !important
}

.sanctioned-umain.zw-product-iot .zget-in-touch,
.sanctioned-umain .act-btn.cta-btn,
.sanctioned-umain .zgh-accounts .zgh-login {
    display: inline-block !important
}

.region-sanctioned .z-bottom-cta-menu {
    box-shadow: none
}

.region-sanctioned .zsc-note p {
    text-align: center;
    font-size: 22px
}

.zwph-white a#zw-product-header-skip[tabindex]:not([tabindex="-1"]):focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible,
.zwph-white .dropdown-menu [tabindex]:not([tabindex="-1"]):focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
button:focus-visible,
a:focus-visible,
.product-nav-links .nav>li>a:focus-visible,
.common-links ul li a:focus-visible,
.ZF-support ul li.zf-support-mail a:focus-visible {
    outline: 2px solid #0047ff;
    box-shadow: 0 0 15px rgb(255, 255, 255, 0.5)
}

.zwph-white .product-nav-links .nav>li>a:focus-visible,
.zwph-white .product-title a:focus-visible,
.zwph-white [tabindex]:not([tabindex="-1"]):focus-visible {
    outline-color: #fff
}

.zw-promo-top.zwc-dark-promo a:focus-visible {
    outline-color: #fff
}

.signup-box #terms-check:focus-visible+span.tcheck,
.signup-box #tos:focus-visible+span.unchecked,
.signup-box #newsletter:focus-visible+span.unchecked,
.signup-box #tos:focus-visible+span.checked,
.signup-box #newsletter:focus-visible+span.checked,
.signup-box input[type='email']:focus-visible,
.signup-box input[type='number']:focus-visible,
.signup-box input[type='password']:focus-visible,
.signup-box input[type='search']:focus-visible,
.signup-box input[type='tel']:focus-visible,
.signup-box input[type='text']:focus-visible,
.signup-box input[type='url']:focus-visible,
.signup-box textarea:focus-visible,
.signup-box .za-country-container .globalcountrycode-signup:focus-visible,
.signup-box .za-state-container .za-globalstate-signup:focus-visible,
.signup-box .wrap-elm .za-country_code-container select:focus-visible~.ccodelabel,
.signup-box .wrap-elm .za-ccountry_code-container select:focus-visible~.ccodelabel {
    outline: 1px solid #0047ff;
    border-color: transparent
}


.zw-template-zp_home video {
    width: 100%
}

.main {
    position: relative
}

.content-wrap {
    position: relative;
    width: 90%;
    max-width: 1280px;
    margin: 0 auto
}

.ismobileapp .signup-testimonial-wrap {
    display: none
}

.ismobileapp .login-text {
    display: none
}

.zshow-common {
    display: block !important
}

.zhide-common {
    display: none !important
}

.act-btn {
    display: inline-block;
    font-family: var(--zf-primary-semibold), sans-serif;
    padding: 13.5px 40px;
    margin: 0;
    border: 1px solid transparent;
    cursor: pointer;
    z-index: 1;
    font-size: 15px;
    text-transform: uppercase;
    position: relative;
    text-align: center
}

.cta-btn {
    background: red;
    color: #fff
}

.act-btn.cta-btn {
    visibility: hidden;
    opacity: 0
}

.button {
    position: relative;
    display: inline-block;
    font-size: 15px;
    padding: 18px 60px;
    background: var(--primary-btn-color);
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    cursor: pointer
}

#zprd_name_html {
    display: none
}

.lock,
.zw-body-lock {
    overflow: hidden
}

.zmenu-moreBtn {
    display: inline-block;
    font-family: var(--zf-primary-semibold);
    color: #03a9f5;
    padding: 2px 15px;
    font-size: 15px;
    margin: 20px 0 0;
    cursor: pointer;
    position: relative
}

.zmenu-moreBtn:after,
.zmenu-moreBtn:before {
    content: '';
    width: 7px;
    height: 2px;
    background: #03a9f5;
    position: absolute;
    top: -1px;
    bottom: 0;
    right: 0;
    margin: auto
}

.zmenu-moreBtn:after {
    transform: rotate(-45deg)
}

.zmenu-moreBtn:before {
    transform: rotate(45deg);
    right: 4px
}

.zmenu-moreBtn.active:after {
    transform: rotate(45deg)
}

.zmenu-moreBtn.active:before {
    transform: rotate(-45deg)
}

.zlang-container li.languageDropdown-it,
.zgh-localization li.languageDropdown-it {
    display: none
}

.product-header-top .zgh-accounts {
    padding: 0;
    margin-left: 15px;
    margin-right: 5px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.product-header-top .zgh-signup {
    font-size: 11px
}

.z-mobile-menu-v2 {
    position: relative;
    z-index: 999
}

.zoverflow-mobile {
    overflow: hidden
}

.z-bottom-cta-menu,
.zmobile-menu-new {
    display: none
}

.ztop-slide-mobile-menu {
    position: fixed;
    top: -100px;
    left: 0;
    width: 100%;
    background: #fff;
    transition: .75s ease all;
    box-shadow: 0 3px 13px 0 rgba(133, 133, 133, 0.2);
    z-index: 999;
    display: none
}

.ztop-slide-mobile-menu.onscroll {
    top: 0
}

.product-header-top {
    left: 0;
    background: #fff;
    max-width: 100%;
    margin: 0 auto;
    z-index: 100;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    position: fixed;
    width: 100%;
    top: 0;
    min-height: 65px;
    display: flex;
    align-items: center;
    display: none;
    transform: translateY(-100px)
}

.product-header-top .menu li:first-child {
    margin-left: 0
}

.product-header-top .menu li {
    margin-left: 40px
}

.product-header-top .product-title {
    display: flex;
    align-items: center;
    margin-top: 0;
    margin-right: auto;
    order: 1;
    padding-left: 15px
}

.menu>li {
    display: inline-flex
}

.zw-product-header .product-title {
    display: flex;
    align-items: center
}

.zw-product-header .menu>li>a {
    padding: 12px 0
}

.expanded.dropdown .caret {
    height: 7px;
    width: 10px;
    display: inline-block;
    margin-left: 5px;
    position: relative
}

span.caret:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1px;
    margin: auto
}

.zwph-white .menu li,
.zwph-white .menu>li>a,
.zwph-white .menu>li>.nolink {
    color: #fff
}

.zwph-white .expanded.dropdown .caret::after {
    border-top: 5px solid #fff
}


.zw-product-header .menu li {
    margin-left: 40px
}

.product-nav-links li .nolink {
    padding: 12px 0;
    cursor: pointer;
    display: block;
    font-size: 15px;
    color: #000;
    line-height: 30px;
    position: relative
}

.product-header-top .menu>li>a,
.product-header-top .product-nav-links li .nolink {
    line-height: 20px;
    padding: 22px 0
}

.product-nav-links li.sub-level .nolink {
    color: #000;
    line-height: 25px;
    display: inline-block;
    transition: background .25s ease;
    white-space: nowrap;
    box-shadow: none;
    width: 100%;
    padding: 7px 40px 7px 20px;
    height: auto;
    position: relative
}

.menu .expanded {
    position: relative
}

.menu .dropdown-menu li.sub-level span a {
    padding: 0
}

.product-nav-links li .nolink::after {
    content: none
}

.slide-active {
    animation: .3s ease-out forwards zwc-slide-down-animate;
    display: block
}

.product-header-top .content-wrap {
    max-width: 1310px;
    width: 100%;
    padding: 0
}

.product-header-top>div {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse
}




.zw-product-header span.zprd-display-name {
    padding-left: 10px;
    line-height: 1.4
}



.zw-product-82 .product-title .product-icon {
    width: 250px;
    height: 37px
}

.ptmenu .zw-product-header .product-title a {
    color: #fff
}

.product-title+.product-nav-links li.featured-apps-part,
.menu li.featured-apps-part {
    padding: 40px 0 15px;
    display: none;
    text-align: left;
    background: #f8f8f8
}

.product-title+.product-nav-links li .more-featured-apps,
.menu li .more-featured-apps {
    border: 0;
    padding: 0 20px;
    display: none
}

.product-title+.product-nav-links li .more-featured-apps h4,
.menu li .more-featured-apps h4 {
    color: #000;
    font-size: 11px;
    font-family: var(--zf-primary-semibold), sans-serif;
    letter-spacing: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
    text-align: center
}

.zw-product-header {
    min-height: 68px;
    display: flex;
    align-items: center;
    padding: 7px 0
}

.zw-product-header .content-wrap {
    max-width: 1280px;
    display: flex;
    justify-content: space-between
}

.zw-product-header+.product-header-top .content-wrap {
    width: 100%;
    max-width: inherit
}



.dropdown.active .dropdown-menu {
    overflow: visible;
    transform: translateY(-20px);
    opacity: 1;
    visibility: visible;
    width: auto
}

.menu li.last .dropdown-menu {
    right: 0;
    left: initial
}

.zw-product-header ul.dropdown-menu li {
    margin: 0
}


.dropdown-menu .sub-dropdown {
    position: absolute;
    top: 0;
    left: 98%;
    background: #fff;
    border-left: 1px solid #f1f1f1;
    border-bottom: 0;
    border-radius: 0 2px 2px;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, .1);
    height: fit-content;
    min-width: fit-content
}

.product-header-top .dropdown-menu .sub-dropdown {
    min-height: 100% !important
}

.dropdown-menu>.sub-level>a {
    padding: 7px 50px 7px 30px
}

.dropdown-menu .sub-dropdown.active {
    visibility: visible;
    opacity: 1
}

.dropdown-menu .sub-dropdown li a {
    padding: 7px 20px;
    font-size: 13px
}

.dropdown-menu .sub-level a {
    position: relative
}

.dropdown-menu .sub-level>a:after,
.zw-product-header .product-nav-links li.sub-level .nolink:after,
.product-header-top .product-nav-links li.sub-level .nolink:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #999;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto
}

.dropdown-menu .sub-level.active>a:after {
    border-left: 4px solid #03a9f5
}

.dropdown-menu li.active>a,
.dropdown-menu li.sub-level.active>a {
    color: #03a9f5;
    background: #fafafa
}

.dropdown-menu .sub-dropdown li {
    transition-duration: .2s;
    opacity: 0
}

.dropdown-menu .sub-dropdown.active li {
    opacity: 1
}

.dropdown-menu .sub-dropdown a:hover {
    color: #03a9f5
}

.subdropdown-right .sub-dropdown {
    left: auto;
    right: 98%;
    border-right: 1px solid #f1f1f1;
    border-left: 0;
    box-shadow: -4px 4px 10px rgba(0, 0, 0, .1)
}

.subdropdown-right .sub-level>a:after {
    right: auto;
    left: 25px;
    border-right: 4px solid #999;
    border-left: 0
}

.subdropdown-right .sub-level.active>a:after {
    border-right: 4px solid #03a9f5;
    border-left: 0
}

.subdropdown-right .dropdown-menu {
    box-shadow: -2px 4px 10px rgba(0, 0, 0, .1)
}

.subdropdown-right .dropdown-menu .sub-level>a {
    padding: 7px 30px 7px 40px
}

.subdropdown-right .dropdown-menu li a {
    padding: 7px 20px
}

.zsiq_custommain,
div.zsiq_floatmain {
    z-index: 90 !important
}

.z-bottom-cta-menu.z-disabled>a {
    background: #f1f1f1;
    pointer-events: none;
    color: #868686
}

.z-bottom-cta-menu:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    background: #fff;
    opacity: .01;
    left: 0;
    top: 0;
    display: none
}

.test-icon {
    width: 90px;
    height: 90px;
    display: block;
    margin: 40px auto 15px;
    background: #ccc;
    border-radius: 100%;
    overflow: hidden
}

.z-testimonial-item>div {
    position: relative;
    max-width: 720px;
    margin: 0 auto
}

.z-testimonial-item p {
    font-size: 11px;
    color: #000;
    margin: 0;
    line-height: 1.4
}

.z-testimonial-item p span {
    display: block;
    color: #3f51b6;
    font-size: 17px
}

.quick-connect-links-wrap {
    position: fixed;
    top: 50%;
    right: 0;
    margin-top: -100px;
    width: 220px;
    z-index: 90
}

.quick-connect-links-wrap .quick-connect-links {
    position: absolute;
    left: 100%;
    top: 0;
    width: 220px;
    background: #fff;
    box-shadow: 0 0 20px rgb(0 0 0 / 16%);
    border-radius: 5px;
    z-index: 10
}

.quick-connect-links-wrap>.show-links-btn {
    position: absolute;
    width: 45px;
    height: 45px;
    background: #03a9f5;
    z-index: 1;
    top: 0;
    right: 0;
    display: none;
    cursor: pointer;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    z-index: 1;
    border: 0
}

.quick-connect-links-wrap>.show-links-btn:after,
.quick-connect-links-wrap>.show-links-btn:before {
    content: '';
    position: absolute;
    left: 10px;
    width: 10px;
    height: 2px;
    background: #fff
}

.quick-connect-links-wrap>.show-links-btn:before {
    top: 42%;
    transform: translate(-50%, -50%) rotate(-45deg);
    left: 52%
}

.quick-connect-links-wrap>.show-links-btn:after {
    top: 55%;
    transform: translate(-50%, -50%) rotate(-135deg);
    left: 52%
}

.quick-connect-links>.hide-links-btn {
    display: inline-block;
    position: absolute;
    width: 32px;
    height: 32px;
    z-index: 1;
    top: 7px;
    right: 10px;
    cursor: pointer;
    border: 0;
    background: 0
}

.quick-connect-links>.hide-links-btn:after,
.quick-connect-links>.hide-links-btn:before {
    content: '';
    position: absolute;
    left: 8px;
    width: 15px;
    height: 2px;
    background: #000
}

.quick-connect-links>.hide-links-btn:before {
    top: 15px;
    transform: rotate(45deg)
}

.quick-connect-links>.hide-links-btn:after {
    top: 15px;
    transform: rotate(-45deg);
    left: 8px
}

.quick-connect-links h4 {
    position: relative;
    margin: 5px 40px 5px 22px;
    border-bottom: 1px solid #eceff1;
    font-size: 15px;
    font-family: var(--primaryfont-bold);
    padding: 9px 0
}

.quick-connect-links ul {
    margin: 0 20px 10px
}

.quick-connect-links ul li {
    position: relative;
    list-style: none;
    padding: 8px 0 8px 19px;
    font-size: 13px;
    margin: 0
}

.quick-connect-links ul li:before,
.quick-connect-links ul li:after {
    content: '';
    position: absolute;
    left: 5px;
    width: 1px;
    height: 5px;
    transition: .5s ease;
    background: #000
}

.quick-connect-links ul li:last-child {
    border-bottom: 0
}

.quick-connect-links ul li a {
    color: #000;
    cursor: pointer
}

.quick-connect-links ul li a:hover {
    color: var(--zwc-link-clr)
}

.quick-connect-links ul li:hover:before,
.quick-connect-links ul li:hover:after {
    background: var(--zwc-link-clr)
}

.quick-connect-links ul li:before {
    top: 14px;
    transform: rotate(-45deg)
}

.quick-connect-links ul li:after {
    top: 17px;
    transform: rotate(45deg)
}

.zw-template-zp_pricing_2_0 .quick-connect-links-wrap,
.zw-template-zp_pricing_comparison .quick-connect-links-wrap,
.zw-template-zp_pricing .quick-connect-links-wrap,
.zw-template-zp_signup .quick-connect-links-wrap,
.other-lang .quick-connect-links-wrap {
    display: none
}

.tls-infostrip {
    background: #e86960;
    padding: 30px 10px;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%
}

.tls-infostrip a {
    color: #fff;
    padding: 5px 10px;
    border: 1px solid #fff;
    margin-left: 15px;
    display: inline-block
}

.tls-infostrip p {
    font-size: 13px;
    display: inline;
    color: #fff
}

span.zclosestrip.tlsClose {
    display: inline-block;
    font-size: 13px;
    position: relative;
    width: 15px;
    height: 15px;
    overflow: hidden;
    text-indent: -999px;
    vertical-align: middle;
    margin-left: 25px;
    cursor: pointer
}

.tlsClose:after,
.tlsClose:before {
    content: "";
    position: absolute;
    background: #fff;
    width: 1px;
    height: 100%;
    left: 50%;
    top: 0
}

.tlsClose:after {
    transform: rotate(45deg)
}

.tlsClose:before {
    transform: rotate(-45deg)
}

.zhf-mobileapp-hide header,
.zhf-mobileapp-hide footer,
.zhf-mobileapp-hide footer.zwf-new-footer,
.zhf-mobileapp-hide .z-mobile-menu-v2 {
    display: none
}

.langstrip,
.lbanner {
    width: 100%;
    background-color: #000;
    text-align: center;
    color: #fff;
    padding: 15px 20px;
    font-size: 15px;
    display: none;
    position: relative;
    z-index: 999
}

.lbanner .langTxt {
    font-family: var(--zf-primary-semibold);
    padding-right: 0;
    cursor: pointer;
    display: inline-block;
    margin: 0 auto;
    direction: ltr
}

.lbanner span.langTxt span {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 3px
}

.i18n-ar .langstrip,
.i18n-ar .langstrip .langTxt,
.i18n-ar .lbanner {
    text-align: center;
    direction: ltr
}

.langBtn,
.langClose {
    display: inline-block;
    cursor: pointer
}

.langTxt {
    padding-right: 20px
}

.langBtn {
    background: #3ea36b;
    padding: 5px 15px;
    color: inherit;
    border-radius: 2px;
    border: 0
}

.langClose {
    margin-left: 30px;
    text-indent: -99999px;
    width: 28px;
    height: 28px;
    position: relative;
    vertical-align: middle;
    margin-top: -4px;
    background: #fff;
    border-radius: 100%;
    transform: scale(0.9);
    border: 0;
    overflow: hidden
}

.langClose:after,
.langClose:before {
    content: "";
    position: absolute;
    background: #000;
    width: 2px;
    height: 14px;
    transform-origin: center center
}

.langClose:after {
    transform: rotate(45deg);
    left: 13px;
    top: 7px
}

.langClose:before {
    transform: rotate(-45deg);
    left: 13px;
    top: 7px
}

.lang-rtl span.langTxt {
    text-align: center
}

.zDCnotif-container {
    position: relative;
    top: 0;
    left: 0;
    z-index: 999;
    text-align: center;
    width: 100%;
    padding: 12px 38px 12px 38px;
    background: #f4f4f4;
    color: #000;
    line-height: 1.2
}

.zDCnotif-container strong {
    font-family: var(--primaryfont-semibold)
}

.zDCnotif-container a {
    margin-left: 5px;
    border-bottom: 1px solid #01a9f5;
    font-family: var(--primaryfont-semibold);
    display: inline-block
}

.lang-rtl .zDCnotif-container P {
    text-align: center
}

.zDCnotifClose {
    position: absolute;
    right: 14px;
    top: 10px;
    font-size: 19px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 100%;
    text-indent: -9999999px
}

.zDCnotifClose:before,
.zDCnotifClose:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 10PX;
    background: #000;
    top: 7px;
    right: 6px;
    transform: rotate(45deg);
    transform-origin: top right
}

.zDCnotifClose:after {
    right: auto;
    left: 6px;
    top: 7px;
    transform: rotate(-45deg);
    transform-origin: top left
}

.zDCnotif-container p {
    margin: 0;
    font-size: 15px
}

.zDCnotif-container p span {
    color: red;
    font-family: var(--primaryfont-semibold);
    text-transform: capitalize
}

.z-bottom-cta-menu.z-disabled a {
    display: none !important
}

.product-notavail li.zgh-userAccess {
    display: none
}

.z-bottom-cta-menu.z-disabled .mobile-menu-icon1::after,
.z-bottom-cta-menu.z-disabled {
    background: 0;
    box-shadow: none
}

.z-disabled.onscroll .mobile-menu-icon1::after {
    background: 0
}

.br-ns-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9997;
    background: #000;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 25px 15px
}

.br-ns-fixed p,
.br-ns-outer p {
    font-size: 16px;
    margin-bottom: 0
}

.br-ns-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9998;
    background: rgba(0, 0, 0, 0.9)
}

.br-ns-outer {
    position: fixed;
    left: 50%;
    top: 50%;
    background: #fff;
    z-index: 9999;
    width: 95%;
    padding: 25px;
    text-align: center;
    margin-left: -240px;
    margin-top: -75px;
    max-width: 480px
}

.br-ns-close::after,
.br-ns-close::before {
    content: "";
    width: 12px;
    height: 1px;
    background: #fff;
    top: 50%;
    left: 50%;
    margin-top: -0.5px;
    margin-left: -6px;
    position: absolute;
    transform: rotate(45deg)
}

.br-ns-close::before {
    transform: rotate(-45deg)
}

.br-ns-close {
    position: absolute;
    right: -13px;
    top: -13px;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    background: #000;
    cursor: pointer;
    border: 1px solid #fff
}

.br-ns-fixed .br-ns-close {
    display: none
}

.lang-support {
    display: inline-block
}

.lang-support span {
    display: inline-block;
    width: 23px;
    height: 18px;
    margin: 5px 20px 5px 0;
    text-indent: -9999px;
    overflow: hidden;
    opacity: .6;
    transition: .5s ease;
    background-size: 260px;
    background-position: left top
}

.lang-support span:hover {
    opacity: 1
}

.lang-support span.english {
    background-position: 0 0
}

.lang-support span.spanish {
    background-position: -24px 0
}

.lang-support span.french {
    background-position: -47px 0
}

.lang-support span.german {
    background-position: -71px 0
}

.lang-support span.italian {
    background-position: -95px 0
}

.lang-support span.japanese {
    background-position: -118px 0
}

.lang-support span.portuguese {
    background-position: -142px 0
}

.lang-support span.brazil {
    background-position: -166px 0
}

.lang-support span.chinese {
    background-position: -189px 0
}

.lang-support span.dutch {
    background-position: -213px 0
}

.lang-support span.russia {
    background-position: -237px -23px
}

.lang-support span.hungary {
    background-position: -236px 0
}

.lang-support span.danish {
    background-position: 0 -23px
}

.lang-support span.polish {
    background-position: -24px -23px
}

.lang-support span.turkish {
    background-position: -48px -23px
}

.lang-support span.vietnamese {
    background-position: -71px -23px
}

.lang-support span.hindi {
    background-position: -95px -23px
}

.lang-support span.korean {
    background-position: -119px -23px
}

.lang-support span.thai {
    background-position: -142px -23px
}

.lang-support span.indonesia {
    background-position: -166px -23px
}

.lang-support span.arabic {
    background-position: -189px -23px
}

img[id^="imgid"] {
    border: 1px solid #e5e5e5;
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 10px
}

a.reload-img {
    font-size: 16px;
    height: 25px;
    width: 25px;
    text-indent: -9999px;
    display: inline-block;
    background-position: -616px 0;
    background-size: 1180px;
    margin: 0;
    vertical-align: middle
}

.plHr {
    border: 15px solid #fafafa;
    padding: 15px 15px 0;
    margin-bottom: 30px
}

.help-content-inner-wrap .plHr h2,
.plHr h2 {
    background: #fafafa;
    font-size: 18px;
    margin: -30px -15px 15px;
    padding: 10px 15px;
    border: 0
}

.plHr h2 a,
.plHr h2 a:hover {
    text-decoration: none
}

.feedback {
    width: 100%;
    max-width: 640px;
    padding: 40px 0;
    border-top: 2px solid #999;
    border-bottom: 1px solid #999
}

.helpful-wrap>div.feedback span a {
    transition: .5s all ease
}

.feedback a.thickbox {
    cursor: pointer
}

.help-docs-feedback-form {
    width: 100%;
    max-width: 500px
}

.feedback .success-mesg,
.feedback .yes-msg {
    color: #4f8a10;
    display: none;
    font-family: var(--zf-primary-semibold);
    font-size: 21px;
    margin-top: 10px;
    padding: 20px 0;
    width: 100%
}

.feedback .help-docs-feedback-form .input-container,
.feedback .help-docs-feedback-form .textarea-container {
    width: 100%;
    margin-top: 10px
}

.feedback .help-docs-feedback-form .input-container>input,
.feedback .help-docs-feedback-form .textarea-container>textarea {
    border: 1px solid #eee;
    padding: 10px;
    width: 100%;
    -moz-appearance: none;
    -webkit-appearance: none
}

.feedback .help-docs-feedback-form .textarea-container>textarea {
    height: 100px
}

.feedback .help-docs-feedback-form .input-container {
    margin-top: 10px
}

.feedback .help-docs-feedback-form .zbtn {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #737373;
    color: #fff;
    font-family: var(--zf-primary-semibold);
    font-size: 13px;
    margin-top: 25px;
    padding: 7px 25px;
    text-transform: uppercase;
    cursor: pointer;
    border: 0
}

.feedback .help-docs-feedback-form .radio-container label {
    color: #000;
    display: inline-block;
    font-size: 15px;
    margin: 5px 20px 5px 5px
}

.feedback .help-docs-feedback-form label {
    display: block;
    font-size: 13px;
    margin: 0 0 10px
}

.feedback label.error {
    clear: both;
    color: red;
    display: block;
    line-height: 20px
}

.ccode-ae .langstrip,
.ccode-sa .langstrip,
.ccode-ae .lbanner,
.ccode-sa .lbanner {
    direction: rtl;
    text-align: center
}

.ccode-ae .langTxt,
.ccode-sa .langTxt {
    padding: 0 0 0 20px
}

.ccode-ae .langClose,
.ccode-sa .langClose {
    margin: 0 30px 0 0
}

.ccode-ae .langClose,
.ccode-sa .langClose {
    right: auto;
    left: 10px
}

.cookiestrip {
    text-align: center
}

a.cookieManage {
    overflow: hidden
}

.cookiestrip a,
ul.zdomainlink li {
    font-family: var(--zf-primary-semibold)
}

#cookie-policy {
    display: none
}

.cookiestrip {
    text-align: center;
    border-top: 1px solid #ccc;
    font-size: 13px;
    padding: 25px;
    background: #273238;
    position: fixed;
    z-index: 999999999999;
    width: 100%;
    bottom: 0;
    color: #fff
}

.cookiestrip a {
    text-decoration: underline;
    color: #fff
}

a.cookieManage {
    display: inline-block;
    margin-left: 15px;
    font-size: 12px;
    cursor: pointer;
    padding: 4px 7px;
    line-height: 1;
    vertical-align: bottom;
    color: #fff;
    border: 1px solid #fff;
    text-decoration: none
}

.cookieClose {
    display: inline-block;
    margin-left: 15px;
    font-size: 12px;
    cursor: pointer;
    padding: 4px 7px;
    line-height: 1;
    vertical-align: bottom;
    color: #fff;
    background: #dc544c;
    text-decoration: none
}

.bottom-cta-wrap {
    position: relative;
    text-align: center
}

.bottom-cta-wrap .content-wrap {
    padding: 60px 0
}

.bottom-cta-wrap .content-wrap h2 {
    position: relative;
    z-index: 1;
    max-width: 980px;
    margin: 0 auto 15px
}

.bottom-cta-wrap .content-wrap a.cta-btn {
    margin-top: 20px
}

.body-umain.czone-iswallet-page .signup-box {
    display: none
}

#czone-wallet .socl-signup {
    display: none !important
}

.signup-box .sgfrm {
    margin: 15px 0 0;
    position: relative
}

.mobile-ccode .ccodelabel {
    border-right: 1px solid #d5d5d5
}

.rmobiledisabled #country_code,
.rmobiledisabled #country_code_rmobile {
    display: none
}

.rmobiledisabled #rmobile {
    position: relative
}

.signup-box .rmobiledisabled #countryCodeDiv:before {
    display: none
}

.signup-box h5 {
    font: 19px/1.4 Zoho_Puvi_SemiBold
}

.body-umain .signup-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

.signup-box {
    max-width: 350px;
    display: flex;
    flex-direction: column;
    margin: 0 0 0 auto
}

.signup-box span.portalink {
    font-size: 13px
}

.body-umain .signup-box {
    display: none
}

.signup-box h5 {
    text-align: left
}

.signup-box form>div {
    position: relative
}

.signup-box .za-newsletter-container {
    margin: 10px 0 0;
    position: relative;
    font-size: 11px
}

.czone-dc .za-newsletter-container {
    display: none !important
}

.czone-dc .za-newsletter-container.zshow {
    display: block !important
}

.signup-box input[type='email'],
.signup-box input[type='number'],
.signup-box input[type='password'],
.signup-box input[type='search'],
.signup-box input[type='tel'],
.signup-box input[type='text'],
.signup-box input[type='url'],
.signup-box textarea,
.signup-box .za-country-container .globalcountrycode-signup,
.signup-box .za-state-container .za-globalstate-signup,
.za-select-container select#customselect {
    color: #000;
    padding: 14px 12px;
    border: 1px solid #d5d5d5;
    display: block;
    width: 100%;
    font-size: 13px;
    background: #fff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    z-index: 1;
    border-radius: 0;
    height: 45px;
    font-family: var(--primaryfont-regular);
    line-height: 1
}

select::-ms-expand {
    display: none
}

.signup-box .za-country-container,
.signup-box .za-state-container,
.signup-box .za-select-container {
    position: relative;
    background: #fff
}

.signup-box .za-country-container.za-country-container-arrow::after,
.signup-box .za-state-container::after,
.signup-box .za-select-container::after {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #666;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    display: block;
    z-index: 9
}

.signup-box .za-select-container::after {
    top: 65%
}

.signup-box input[type='email']:focus,
.signup-box input[type='number']:focus,
.signup-box input[type='password']:focus,
.signup-box input[type='search']:focus,
.signup-box input[type='tel']:focus,
.signup-box input[type='text']:focus,
.signup-box input[type='url']:focus,
.signup-box textarea:focus,
.signup-box .za-country-container .globalcountrycode-signup:focus,
.signup-box .za-state-container .za-globalstate-signup:focus {
    border-color: transparent;
    outline: 1px solid #0047ff
}

.signup-box .za-tos-container {
    margin-bottom: 15px;
    margin-top: 8px;
    position: relative
}

.signup-box .za-tos-container .field-msg {
    margin: 12px 0 0 -15px
}

.signup-box .za-captcha-container .za-captcha {
    margin-top: 5px
}

.signup-box .two-col-input {
    display: flex;
    flex-wrap: wrap
}

.signup-box .two-col-input .sgfrm {
    width: 50%
}

.signup-box .two-col-input .sgfrm:first-child {
    padding-right: 10px
}

.signup-box .field-error .field-msg {
    display: block;
    text-align: left
}

.signup-box .sign_agree.field-error {
    margin-bottom: 5px
}

.signup-box .phone-field #country_code,
.signup-box .phone-field #country_code_rmobile,
.signup-box .phone-field .downarrow {
    position: absolute;
    top: 13px;
    left: 12px;
    pointer-events: none;
    font-size: 11px
}

.signup-box .phone-field .downarrow {
    top: 20px;
    left: 55px;
    width: 0;
    height: 0;
    border-top: 6px solid #000;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent
}

.signup-box .phone-field .za_country_code {
    width: 70px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 50px;
    z-index: 9999;
    cursor: pointer
}

.signup-box .phone-field input.phoneno-field {
    padding-left: 75px;
    margin-bottom: 10px
}

.signup-box .error,
.signup-box .za-email-suggestion .za-domain-error {
    color: red;
    font-size: 11px;
    line-height: 1.5;
    margin-top: 5px
}

.signup-box .za-email-container a {
    color: #000;
    text-decoration: underline;
    margin-left: 5px
}

.signup-box form>.field-msg {
    position: relative;
    bottom: auto;
    left: auto;
    margin-bottom: 10px
}

.signup-box .za-captcha-container+p {
    margin: 0
}

.signup-box .sign_agree,
.signup-box label {
    font-size: 11px;
    display: inline-block;
    line-height: 1.3;
    color: #333;
    cursor: pointer;
    margin-top: 5px;
    width: 100%;
    text-align: left;
    font-family: var(--zf-primary-semibold), sans-serif
}

.signup-box #terms-check,
.signup-box #newsletter,
.signup-box #tos {
    height: 5px;
    left: 3px;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 5px;
    width: 5px
}

.signup-box p.zcountry-info {
    font-size: 11px;
    margin: 10px 0 0;
    text-align: left
}

.signup-box p.zcountry-info #zip-countryname {
    font-weight: 700;
    text-transform: uppercase
}

.signup-box span#zip-countryname-change {
    color: #000;
    cursor: pointer;
    text-decoration: underline;
    margin-left: 3px
}

.signup-box .za-state-container {
    display: none
}

.signup-box .za-country-container.za-country-container-arrow {
    display: none
}

.signup-box .za-country-container.za-country-container-arrow.zshow {
    display: block;
    margin-top: 30px
}

.signup-box .za-country-container .placeholder,
.signup-box .za-country-container .placecountryregion {
    font-size: 11px;
    top: -20px;
    left: 0;
    position: absolute
}

.signup-box p.dc-info {
    font-size: 11px;
    margin: 6px 0 5px;
    text-align: left
}

.signup-box .za-country-container.za-country-container-arrow.zshow+.dc-info,
.signup-box .za-state-container.zshow+.dc-info {
    margin-top: 5px
}

.signup-box .dc-info span.dcset {
    text-transform: uppercase
}

.signup-box .terms-accept a,
.signup-box .sign_agree a {
    color: #333;
    text-decoration: underline
}

.signup-box .sgnbtn input[type='submit'],
.signup-box .sgnbtn input[type='button'] {
    font-size: 15px;
    height: 50px;
    padding: 0 60px;
    background: var(--primary-btn-color);
    text-align: center;
    text-transform: uppercase;
    border: 0;
    color: #fff;
    width: 100%;
    cursor: pointer;
    font-weight: 600;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.signup-box .password-strength {
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -7px
}

.signup-box .password-strength div {
    background: #fe0000;
    height: 5px;
    width: 0
}

span#mobile-error label,
span#emailmoile-error label,
span#email-error label {
    display: inline;
    color: #309ff4
}

.za-password-container .password-strengths p {
    font-size: 10px;
    margin: 0;
    line-height: 1.6
}

.za-password-container .password-strengths .strengths-bar {
    height: 10px;
    background: #d1d1d1;
    margin: 3px 0 1px 1px;
    max-width: 247px;
    position: relative
}

.za-password-container .password-strengths .strengths-bar span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: #d1d1d1;
    transition: .6s ease all
}

.za-password-container .password-strengths .strong-pass {
    display: none
}

.za-password-container .password-strengths .strengths-bar span.weak-bg {
    background: #e46e3f;
    background: -moz-linear-gradient(left, #e46e3f 0, #eda147 100%);
    background: -webkit-linear-gradient(left, #ff9800 0, #c76f07 100%);
    background: -webkit-linear-gradient(left, #ff9800 0, #c76f07 100%)
}

.za-password-container .password-strengths .strengths-bar span.strong-bg {
    _background: #8ace4e;
    background: -moz-linear-gradient(left, #8ace4e 0, #00c158 100%);
    background: -webkit-linear-gradient(left, #8ace4e 0, #00c158 100%);
    background: linear-gradient(to right, #8ace4e 0, #00c158 100%)
}

.signup-box .za-company-container .za-company-box {
    display: flex;
    margin: 15px 0 0;
    background: #fff;
    white-space: nowrap;
    border: 1px solid #d5d5d5
}

.signup-box .za-company-container .za-company-box.field-error {
    margin: 15px 0 35px
}

.signup-box .za-company-container .portal-id,
.signup-box .za-company-container .portal-input {
    position: static
}

.signup-box .za-company-container .portal-id {
    padding: 14px 12px;
    font-size: 13px;
    background: #f5f5f5;
    color: #000
}

.signup-box .za-company-container .portal-input {
    margin: 0;
    line-height: 18px;
    border: 0
}

.signup-box .za-company-container .za-company-box .field-msg {
    position: absolute;
    left: 0;
    bottom: -25px
}

.signup-box .za-country_code-container,
.signup-box .za-ccountry_code-container {
    position: relative
}

.signup-box .za-country_code-container select,
.signup-box .za-ccountry_code-container select {
    opacity: 0;
    width: 80px;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 10px;
    line-height: 25px;
    background: #fff;
    text-indent: -99999px;
    cursor: pointer;
    height: 45px;
    z-index: 1;
    position: relative
}

.signup-box #countryCodeDiv,
.signup-box #countryconfirmCodeDiv {
    background-color: #fff;
    width: 78px;
    position: absolute;
    left: 1px;
    top: 1px;
    line-height: 25px;
    padding: 10px 0 10px 10px;
    font-size: 13px;
    color: #666;
    pointer-events: none;
    height: 43px;
    z-index: 1;
    border-right: 1px solid #d5d5d5
}

.signup-box #countryCodeDiv:before,
.signup-box #countryconfirmCodeDiv:before {
    position: absolute;
    content: '';
    left: 55px;
    top: 18px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #666
}

.signup-box .za-country_code-container input[type='text'],
.signup-box .za-country_code-container input[type='tel'],
.signup-box .za-ccountry_code-container input[type='text'],
.signup-box .za-ccountry_code-container input[type='tel'] {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 0;
    pointer-events: auto;
    padding-right: 15px;
    padding-left: 90px;
    width: 100%;
    z-index: 0
}

.signup-box .get-signup-plan {
    margin: 10px 0;
    position: relative
}

.signup-box input[type=radio] {
    margin: 0 5px 0 2px;
    border: 0;
    position: relative;
    width: 16px;
    background: 0;
    padding: 0;
    top: 5px;
    height: 16px;
    display: inline-block;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #000;
    z-index: 1
}

.signup-box input[type=radio]:before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: #fff;
    border: 1px solid #666;
    left: -2px;
    top: -2px;
    border-radius: 100%;
    pointer-events: none
}

.signup-box input[type=radio]:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: #fff;
    left: 3px;
    top: 3px;
    border-radius: 100%;
    pointer-events: none
}

.signup-box input[type=radio].zactive:after,
.signup-box input[type=radio]:checked:after {
    background: #666
}

.signup-box .get-signup-plan label {
    margin: 0 20px 0 0;
    font-size: 13px;
    position: relative;
    top: -1px;
    cursor: pointer;
    width: inherit
}

.signup-box .get-signup-plan .optioncheck {
    margin-top: 10px
}

.signup-box .terms-accept label,
.signup-box .za-newsletter-container label,
.signup-box .za-tos-container label {
    position: relative;
    padding-left: 15px
}

.signup-box .terms-accept label .tcheck,
.signup-box .za-newsletter-container #signup-newsletter,
.signup-box .za-tos-container #signup-termservice {
    position: absolute;
    top: 2px;
    left: 0
}

.signup-box .terms-accept .tcheck,
.signup-box #signup-newsletter,
.signup-box #signup-termservice {
    border: 1px solid #333;
    display: inline-block;
    height: 10px;
    margin-right: 4px;
    width: 10px;
    position: relative;
    vertical-align: middle
}

.signup-box .tcheck::after,
.signup-box .tcheck::after,
.signup-box #signup-newsletter::after,
.signup-box #signup-termservice::after {
    background: #333;
    content: "";
    height: 1px;
    left: -1px;
    position: absolute;
    top: 4px;
    transform: rotate(45deg);
    width: 5px;
    display: none
}

.signup-box .tcheck::before,
.signup-box .tcheck::before,
.signup-box #signup-newsletter::before,
.signup-box #signup-termservice::before {
    background: #333;
    content: "";
    height: 1px;
    left: 1px;
    position: absolute;
    top: 1px;
    transform: rotate(-45deg);
    width: 15px;
    display: none
}

.signup-box .tcheck.checked::after,
.signup-box .tcheck.checked::after,
.signup-box .tcheck.checked::before,
.signup-box .tcheck.checked::before,
.signup-box #signup-newsletter.checked::after,
.signup-box #signup-termservice.checked::after,
.signup-box #signup-newsletter.checked::before,
.signup-box #signup-termservice.checked::before {
    display: block
}

.signup-box .socl-signup {
    color: #aaa;
    font-size: 14px;
    line-height: 24px;
    padding: 0;
    margin-top: 10px
}

.signup-box .socl-signup p {
    font-size: 13px
}

.signup-box h5,
.signup-box .dc-info,
.signup-box .sign_agree,
.signup-box .terms-accept a,
.signup-box label,
.signup-box .sign_agree a,
.signup-box p.zcountry-info,
.signup-box span#zip-countryname-change,
.signup-box .socl-signup p {
    color: #000
}

.signup-box .socl-signup a,
.signup-box .socl-signup span,
.signup-box .socl-signup .zwc-socl-signup-btn {
    background-size: 950px auto;
    font-size: 0;
    text-indent: -9999px;
    display: inline-block;
    color: #aaa;
    cursor: pointer;
    margin: 0 0 0 10px;
    overflow: hidden;
    width: 36px;
    height: 36px;
    line-height: 24px;
    vertical-align: middle;
    border: 0;
    background-color: transparent
}

.signup-box .socl-signup a.vi-google,
.signup-box .socl-signup span.vi-google,
.signup-box .socl-signup .zwc-socl-signup-btn.vi-google {
    background-size: 667px auto;
    background-position: 0 0;
    width: 29px;
    height: 28px;
    font-size: 0;
    text-indent: -9999px;
    transform: scale(1.1)
}

.signup-box .socl-signup a.vi-facebook,
.signup-box .socl-signup span.vi-facebook,
.signup-box .socl-signup .zwc-socl-signup-btn.vi-facebook {
    background-position: -215px 0;
    width: 30px;
    height: 30px
}

.signup-box .socl-signup a.vi-twitter,
.signup-box .socl-signup span.vi-twitter,
.signup-box .socl-signup .zwc-socl-signup-btn.vi-twitter {
    background-position: -250px 0;
    background-size: 950px auto;
    width: 30px;
    height: 30px
}

.signup-box .socl-signup a.vi-linkedin,
.signup-box .socl-signup span.vi-linkedin,
.signup-box .socl-signup .zwc-socl-signup-btn.vi-linkedin {
    background-position: -325px 0;
    background-size: 1080px auto;
    width: 35px;
    height: 29px
}

.signup-box .socl-signup a.vi-office365,
.signup-box .socl-signup span.vi-office365,
.signup-box .socl-signup .zwc-socl-signup-btn.vi-office365 {
    background-size: 1080px auto;
    background-position: -360px 0;
    width: 30px;
    height: 30px
}

.signup-box .socl-signup span.vi-apple,
.signup-box .socl-signup .zwc-socl-signup-btn.vi-apple,
.signup-box .socl-signup a.vi-apple {
    background: 0;
    background-color: #000;
    background-size: 600px auto;
    position: relative;
    border-radius: 4px;
    width: 35px
}

.signup-box .socl-signup span.vi-apple:after,
.signup-box .socl-signup .zwc-socl-signup-btn.vi-apple::after,
.signup-box .socl-signup a.vi-apple:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-position: -444px 0;
    background-size: 650px auto;
    width: 20px;
    height: 21px;
    filter: invert(1) brightness(100);
    top: 50%;
    transform: translateY(-50%)
}

.signup-box .socl-signup span.vi-github,
.signup-box .socl-signup .zwc-socl-signup-btn.vi-github {
    background-size: 910px auto;
    background-position: -704px -93px;
    height: 30px;
    width: 30px
}

.signup-box-dark .socl-signup span.vi-github,
.signup-box-dark .socl-signup .zwc-socl-signup-btn.vi-github {
    background-position: -736px -93px
}

.domain-in .socl-signup .vi-twitter,
.domain-eu .socl-signup .vi-twitter,
.domain-eu .socl-signup .vi-linkedin,
.ccode-eucountries .socl-signup .vi-linkedin {
    display: none
}

.signup-box-dark input[type='email'],
.signup-box-dark input[type='number'],
.signup-box-dark input[type='password'],
.signup-box-dark input[type='search'],
.signup-box-dark input[type='tel'],
.signup-box-dark input[type='text'],
.signup-box-dark input[type='url'],
.signup-box-dark textarea,
.signup-box-dark .za-country-container .globalcountrycode-signup,
.signup-box-dark .za-state-container .za-globalstate-signup,
.signup-box-dark #signup-newsletter,
.signup-box-dark #signup-termservice {
    border: 1px solid #fff
}

.signup-box-dark .za-email-container a,
.signup-box-dark h5,
.signup-box-dark .dc-info,
.signup-box-dark .sign_agree,
.signup-box-dark label,
.signup-box-dark .sign_agree a,
.signup-box-dark p.zcountry-info,
.signup-box-dark span#zip-countryname-change,
.signup-box-dark .socl-signup p {
    color: #fff
}

.signup-box-dark #signup-newsletter.checked::before,
.signup-box-dark #signup-termservice.checked::before,
.signup-box-dark #signup-newsletter.checked::after,
.signup-box-dark #signup-termservice.checked::after {
    background: #fff
}

.signup-box-dark .socl-signup a.vi-twitter,
.signup-box-dark .socl-signup span.vi-twitter,
.signup-box-dark .socl-signup .zwc-socl-signup-btn.vi-twitter {
    background-position: -314px -99px
}

.signup-box-dark .signupotpcontainer .change,
.signup-box-dark .signupotpcontainer .resendotp {
    color: #fff;
    border-color: #fff
}

div.zgdprform-countrylist-container {
    position: relative
}

div.zgdprform-state-container {
    margin-top: 15px;
    position: relative
}

div.zgdprform-state-container .globalstatecode,
div.zgdprform-countrylist-container .globalcountrycode {
    width: 100%;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid #e4e4e4;
    padding: 10px 10px;
    font-size: 13px;
    height: auto;
    border-radius: 0;
    background: #fff
}

.zgdprform-opt-container {
    font-size: 11px;
    margin-bottom: 5px
}

div.zgdprform-state-container::after,
div.zgdprform-countrylist-container::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #666;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -3px;
    border-radius: 6px
}

div.zgdprform-countrylist-container.czone_select_added::after {
    opacity: 1
}

.signup-box .field-msg {
    font-family: var(--primaryfont-regular)
}

.zgdprform-opt-container input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox
}

.signup-box .za-emailormobile-container.dialactive input {
    padding-left: 90px
}

.za-emailormobile-container .za-country_code-container {
    width: 80px;
    position: absolute;
    left: 1px;
    top: 0;
    margin: 0;
    z-index: 99
}

.za-org-container-namespace .za-org-namespace-box {
    display: table;
    width: 100%;
    margin: 15px 0 0;
    background: #fff;
    border: 1px solid #d5d5d5;
    position: relative
}

.za-org-container-namespace .za-org-namespace-box.field-error {
    margin: 15px 0 55px
}

.signup-box .za-org-container-namespace .portal-id,
.signup-box .za-org-container-namespace .portal-input {
    display: table-cell;
    vertical-align: middle;
    position: static
}

.signup-box .za-org-container-namespace .portal-id {
    padding: 14px 12px;
    font-size: 13px;
    background: #f5f5f5;
    color: #000
}

.signup-box .za-org-container-namespace .portal-input {
    margin: 0;
    line-height: 18px;
    border: 0
}

.signup-box .za-org-container-namespace .za-org-namespace-box.field-error #x_portal+.field-msg {
    position: absolute;
    left: 0;
    bottom: -25px
}

.zotp-container-show form>* {
    display: none
}

.za-otp-container .resendotp.nonclickelem {
    opacity: .4;
    pointer-events: none
}

.zotp-container-show form>.signupotpcontainer {
    display: block
}

.signupotpcontainer .verifytitle {
    font-family: var(--primaryfont-semibold);
    margin-bottom: 10px
}

.signupotpcontainer .change {
    font-family: var(--primaryfont-semibold);
    cursor: pointer;
    font-size: .9em;
    display: inline-block;
    line-height: 1;
    border: 0;
    background: no-repeat;
    border-bottom: 1px solid #000;
    padding: 0
}

.signupotpcontainer .otpmobile {
    margin-bottom: 15px
}

.signupotpcontainer .resendotp {
    font-family: var(--primaryfont-semibold);
    cursor: pointer;
    text-decoration: underline;
    font-size: .9em;
    margin-top: 8px;
    display: inline-block;
    background: no-repeat;
    border: 0;
    padding: 0
}

.signupotpcontainer .za-submitbtn-otp .signupbtn {
    background: var(--primary-btn-color);
    border-color: var(--primary-btn-color);
    font-size: 15px;
    color: #fff;
    font-family: var(--primaryfont-semibold);
    cursor: pointer;
    padding: 14px 12px;
    display: block;
    width: 100%;
    margin: 15px 0 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    z-index: 1;
    transition: .5s ease;
    border-radius: 0;
    border: 0
}

.dorpdown-field-container {
    margin-top: 20px
}

.dorpdown-field-container>select {
    padding: 14px 12px;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid rgba(0, 0, 0, .8);
    position: relative;
    font-size: 13px
}

.dorpdown-field-container::after {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #666;
    position: absolute;
    right: 12px;
    top: 30px;
    content: "";
    display: block;
    z-index: 0
}

.dorpdown-field-container.field-error::after {
    top: 20px
}

.zwc_sfield .col:first-child {
    width: 60%
}

.zwc_sfield {
    display: flex;
    flex-wrap: wrap
}

.zwc_sfield .col:last-child {
    width: 40%
}

.zwc_sfield input[type='text'] {
    height: 50px
}

.zwc_sfield .sgnbtn input[type='submit'],
.zwc_sfield .sgnbtn input[type='button'] {
    white-space: normal;
    padding: 0 35px
}

.zwc_sfield .sgnbtn input[type='submit'].zwc_creating_account,
.zwc_sfield .sgnbtn input[type='button'].zwc_creating_account {
    padding: 0 10px;
    font-size: 12px
}

.ccode-in .signup-box p.dc-info {
    display: none
}

.newuser-product-notavail .signup-box p.dc-info {
    display: block
}

.signup-box .za-password-container input {
    padding: 12px 80px 14px 12px
}

.za-password-container .pgen,
.za-password-container .pcopy,
.za-password-container .zpassword-show {
    position: absolute;
    inset-inline-end: 1px;
    top: 0;
    z-index: 10;
    cursor: pointer;
    width: 30px;
    height: 45px;
    font-size: 0;
    text-indent: -9999px;
    border: 0;
    background: 0
}

.za-password-container .pcopy {
    inset-inline-end: 55px;
    display: none
}


.za-password-container .pgen:before {
    background-position: -1708px -141px;
    background-size: 1800px auto
}

.za-password-container .zpassword-show:before {
    background-position: -1589px -84px;
    background-size: 1630px auto;
    opacity: .7;
    height: 12px
}

.za-password-container .zpassword-show.active:before {
    background-position: -1589px -71px
}

.za-password-container .gentext {
    font-size: 11px;
    line-height: 1.5;
    display: none;
    margin-top: 10px
}

.za-password-container .gentext a {
    color: #3942ff
}

.za-password-container .gentext a:hover {
    text-decoration: underline
}

.za-password-container .t-tip span {
    background: #000;
    color: #fff;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 99;
    font-size: 14px;
    min-width: 70px;
    text-indent: 0;
    text-align: center;
    padding: 5px 10px;
    opacity: 0;
    visibility: hidden;
    white-space: nowrap;
    transform: translateY(10px);
    transition: transform .3s ease-in-out, opacity .3s ease-in-out
}

.za-password-container .t-tip span:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #000;
    position: absolute;
    bottom: 100%;
    right: 10px
}

.za-password-container .t-tip.active span {
    opacity: 1;
    visibility: visible;
    transform: translateY(-0)
}

.za-password-container .pcopy:before {
    background-position: -1687px -142px;
    background-size: 1800px auto
}

.zshow-common.t-tip span {
    opacity: 1;
    visibility: visible
}

.za-password-container .pgen {
    inset-inline-end: 30px
}

.za-password-container .pgen.t-tip.pGen-active {
    inset-inline-end: 50px
}

.signup-field-dark .za-password-container .zpassword-show:before {
    filter: invert(1) brightness(100);
    opacity: 1
}

.za-password-container .pGen-active+.pcopy.t-tip {
    inset-inline-end: 25px
}

.cwf-loading {
    position: relative;
    min-height: 200px;
    border-radius: 3px
}

.cwf-loading::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(144, 144, 144, 0.168627451);
    z-index: 9;
    transition: all .5s;
    border-radius: 3px
}

.cwf-loading::after {
    content: "";
    width: 28px;
    height: 28px;
    border: 3px solid #bebebe;
    border-bottom-color: #ff3d00;
    border-radius: 50%;
    transform-origin: center;
    position: absolute;
    z-index: 99;
    left: 50%;
    top: 50%;
    animation: load-rotate-360 1s linear infinite
}

@keyframes load-rotate-360 {
    0% {
        transform: translate(-50%, -50%) rotate(0)
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

body.vimactive {
    overflow: hidden
}

.zg-iframe-popup-wrap,
.zg-vim-video-popup-wrap {
    position: fixed;
    inset: 0;
    background: #fffffff2;
    overflow: auto;
    z-index: 9999;
    padding: 20px 0
}

.zg-iframe-popup-inner,
.zg-vim-video-popup-inner {
    max-width: 70%;
    width: 100%;
    height: 100%;
    margin: auto
}

.zg-iframe-container,
.zg-vim-video-container {
    display: flex;
    align-items: center;
    height: 100%
}

.zg-iframe-wrap,
.zg-vim-video-iframe-wrap {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%
}

.zg-iframe,
.zg-vim-video-iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.zg-iframe-popup-close,
.zg-vim-video-popup-close {
    position: fixed;
    right: 20px;
    top: 20px;
    width: 30px;
    height: 30px;
    z-index: 1001;
    cursor: pointer;
    transition: opacity .5s ease;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none
}

.zg-iframe-popup-close::after,
.zg-iframe-popup-close::before,
.zg-vim-video-popup-close::after,
.zg-vim-video-popup-close::before {
    position: absolute;
    content: " ";
    height: 100%;
    width: 2px;
    background-color: #333;
    transform-origin: center;
    left: 50%;
    top: 50%;
    border-radius: 3px
}

.zg-iframe-popup-close::after,
.zg-vim-video-popup-close::after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.zg-iframe-popup-close::before,
.zg-vim-video-popup-close::before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.lang-rtl .zcurrency-symbol-common {
    direction: ltr
}

.other-lang .ztop-slide-mobile-menu {
    display: none
}

.other-lang .quick-connect-links-wrap {
    display: none
}

.other-lang .ztopstrip-container {
    display: none
}

.i18n-ar .menu .dropdown-menu,
.i18n-ar .dropdown-right .dropdown-menu,
.i18n-ar .menu li.last .dropdown-menu {
    left: 0;
    right: auto
}

.i18n-ar .dropdown-menu .sub-level>a:after,
.i18n-ar .zw-product-header .product-nav-links li.sub-level .nolink:after,
.i18n-ar .product-header-top .product-nav-links li.sub-level .nolink:after {
    right: auto;
    left: 20px;
    transform: scale(-1, 1)
}

.i18n-ar .product-nav-links li.sub-level .nolink {
    padding: 7px 20px 7px 40px
}

.i18n-ar .dropdown-menu .sub-dropdown {
    right: 100%
}

.lang-rtl .product-header-top .zgh-accounts {
    margin: 0
}

.i18n-ar .zw-product-header span.zprd-display-name {
    padding-left: 0;
    padding-right: 10px
}

.i18n-ar .zgh-search-box #zgh-search-action .zgh-search-field {
    padding: 11px 11px 11px 40px
}

.i18n-ar .zgh-localBox {
    right: unset;
    left: 0
}

.i18n-ar .zgh-localization ul:before {
    right: unset;
    left: 15px
}

.i18n-ar .zgh-localization ul:after {
    right: unset;
    left: 17px
}

.i18n-ar .zDCnotif-container {
    text-align: center
}

.i18n-ar .zDCnotifClose {
    right: unset;
    left: 14px
}

.i18n-ar .zdc-container a,
.i18n-ar .zlang-container a {
    direction: ltr;
    text-align: right
}

.i18n-ar .product-title>span.product-icon {
    left: auto;
    right: 0
}

.i18n-ar .product-header-top .menu li:first-child {
    margin-left: 40px
}

.i18n-ar .signup-box .two-col-input .sgfrm:first-child {
    padding-left: 10px;
    padding-right: 0
}

.i18n-ar .signup-box .za-country-container .placeholder,
.i18n-ar .signup-box .za-country-container .placecountryregion {
    left: auto
}

.i18n-ar .signup-box .za-password-container input {
    padding: 12px 12px 14px 80px
}

.i18n-ar .za-password-container .t-tip span {
    right: unset;
    left: 0
}

.i18n-ar .za-password-container .t-tip span:before {
    right: unset;
    left: 10px
}

.i18n-ja .signup-box span.dialphonenum.placeholder {
    padding: 0
}

.lang-rtl div#zsiq_float {
    left: 0;
    right: auto
}

.i18n-ar a,
.i18n-ar abbr,
.i18n-ar acronym,
.i18n-ar address,
.i18n-ar applet,
.i18n-ar article,
.i18n-ar aside,
.i18n-ar audio,
.i18n-ar b,
.i18n-ar big,
.i18n-ar blockquote,
.i18n-ar canvas,
.i18n-ar caption,
.i18n-ar center,
.i18n-ar cite,
.i18n-ar code,
.i18n-ar dd,
.i18n-ar del,
.i18n-ar details,
.i18n-ar dfn,
.i18n-ar div,
.i18n-ar dl,
.i18n-ar dt,
.i18n-ar em,
.i18n-ar embed,
.i18n-ar fieldset,
.i18n-ar figcaption,
.i18n-ar figure,
.i18n-ar form,
.i18n-ar h1,
.i18n-ar h2,
.i18n-ar h3,
.i18n-ar h4,
.i18n-ar h5,
.i18n-ar h6,
.i18n-ar header,
.i18n-ar hgroup,
.i18n-ar i,
.i18n-ar iframe,
.i18n-ar img,
.i18n-ar ins,
.i18n-ar kbd,
.i18n-ar label,
.i18n-ar legend,
.i18n-ar li,
.i18n-ar mark,
.i18n-ar menu,
.i18n-ar nav,
.i18n-ar object,
.i18n-ar ol,
.i18n-ar output,
.i18n-ar p,
.i18n-ar pre,
.i18n-ar q,
.i18n-ar ruby,
.i18n-ar s,
.i18n-ar samp,
.i18n-ar section,
.i18n-ar small,
.i18n-ar span,
.i18n-ar strike,
.i18n-ar strong,
.i18n-ar sub,
.i18n-ar summary,
.i18n-ar sup,
.i18n-ar table,
.i18n-ar tbody,
.i18n-ar td,
.i18n-ar tfoot,
.i18n-ar th,
.i18n-ar thead,
.i18n-ar time,
.i18n-ar tr,
.i18n-ar tt,
.i18n-ar u,
.i18n-ar ul,
.i18n-ar var,
.i18n-ar video,
body.i18n-ar {
    direction: rtl;
    text-align: right
}

.i18n-ar .product-header-top .product-title {
    margin: 0 10px 0 auto
}

.i18n-ar .cookiestrip,
.i18n-ar .cookiestrip>div {
    text-align: center
}

.i18n-ar a.cookieManage,
.i18n-ar span.cookieClose {
    margin: 0 15px 0 0
}

.i18n-ar #newsletter,
.i18n-ar #signup-newsletter,
.i18n-ar #tos {
    left: auto;
    right: 0
}

.i18n-ar #signup-newsletter,
.i18n-ar #signup-termservice {
    margin: 0 4px
}

.i18n-ar form .za-country-container.za-country-container-arrow::after,
.i18n-ar form .za-state-container::after {
    left: 12px;
    right: auto
}

.i18n-ar .category-wrap>ul li .addon-image,
.i18n-ar .category-wrap>ul li .addon-wrap {
    text-align: initial
}

.i18n-ar .learn-more {
    padding-right: 0
}

.i18n-ar .learn-more::before {
    border-color: transparent #03a9f5 transparent transparent;
    right: 88px
}

.i18n-ar .watch-btn {
    padding: 8px 38px 10px 0
}

.i18n-ar .watch-btn:before {
    right: 0
}

.i18n-ar .watch-btn:after {
    right: 9px
}

.i18n-ar .feature-box ul li {
    padding-right: 40px
}

.i18n-ar .feature-box ul li:before {
    right: 20px
}

.i18n-ar #userinfo-signout,
.i18n-ar .product-header-top #userinfo-signout,
.i18n-ar .product-header-top .userinfo-details,
.i18n-ar .userinfo-details {
    right: auto;
    left: 0
}

.i18n-ar .product-header-top .zoho-proinner-container,
.i18n-ar .zoho-proinner-container {
    padding: 10px 85px 5px 10px
}

.i18n-ar .expanded.dropdown .caret {
    margin-right: 5px
}

.i18n-ar.ccode-ae .langstrip,
.i18n-ar.ccode-sa .langstrip,
.i18n-ar.ccode-ae .lbanner,
.i18n-ar.ccode-sa .lbanner {
    direction: rtl;
    text-align: center
}

.lang-rtl .signup-box #newsletter,
.lang-rtl .signup-box #tos {
    left: auto;
    right: 5px
}

.i18n-ja .za-country_code-container #mobile {
    padding-left: 15px;
    width: 100%;
    position: relative;
    left: 0
}

.other-lang .signup-box .sgnbtn input[type='submit'],
.other-lang .signup-box .sgnbtn input[type='button'] {
    padding: 0 20px;
    font-size: 14px
}

.other-lang .signup-box .za-country-container .placeholder {
    display: none
}

.i18n-ar .signup-box .za-company-container .portal-id {
    direction: ltr;
    text-align: right
}

.i18n-ar .signup-box p.dc-info,
.i18n-ar .signup-box .sign_agree,
.i18n-ar .signup-box label,
.i18n-ar .signup-box p.zcountry-info,
.i18n-ar .signup-box .field-error .field-msg {
    text-align: right
}

.i18n-ar .signup-box .za-company-container .za-company-box .field-msg {
    left: inherit;
    right: 0
}

.i18n-ar .signup-box .za-tos-container .field-msg {
    margin: 12px -15px 0 0
}

.i18n-ar .signup-box input[type=radio] {
    margin: 0 2px 0 5px
}

.lang-rtl .portalName {
    direction: ltr
}

.lang-rtl .za-company-container .za-company-box {
    direction: ltr
}

.zw-other-lang .signup-box .get-signup-plan label {
    margin: 0 30px 0 0
}

.zw-other-lang .signup-box .get-signup-plan input[type=radio] {
    margin: 0 0 0 2px;
    top: 2px
}

.zw-other-lang .signup-box .get-signup-plan {
    display: grid;
    grid-auto-columns: 25px 1fr 25px 1fr
}

.zw-other-lang .get-signup-plan input[type=radio] {
    grid-area: 1/1/1/2
}

.zw-other-lang .get-signup-plan input[type=radio]+label {
    grid-area: 1/2/1/2
}

.zw-other-lang .get-signup-plan input[type=radio]+label+input[type=radio] {
    grid-area: 1/3/1/4
}

.zw-other-lang .get-signup-plan input[type=radio]+label+input[type=radio]+label {
    grid-area: 1/4/1/5
}

.i18n-ar .signup-box .get-signup-plan label {
    margin: 0 0 0 20px
}

.lang-rtl .signup-box .socl-signup a,
.lang-rtl .signup-box .socl-signup span,
.lang-rtl .signup-box .socl-signup .zwc-socl-signup-btn {
    margin: 0 10px 0 0
}

.i18n-ar .signup-box #country_code_rmobile,
.i18n-ar .signup-box #country_code,
.i18n-ar .signup-box #ccodediv {
    direction: ltr;
    text-align: right
}

.i18n-ar .signup-box #countryCodeDiv,
.i18n-ar .signup-box #countryconfirmCodeDiv {
    left: unset;
    right: 1px;
    padding: 10px 10px 10px 0;
    border-right: 0;
    border-left: 1px solid #d5d5d5
}

.i18n-ar .signup-box #countryCodeDiv:before,
.i18n-ar .signup-box #countryconfirmCodeDiv:before {
    left: inherit;
    right: 60px
}

.i18n-ar .signup-box .za-country_code-container input[type='text'],
.i18n-ar .signup-box .za-country_code-container input[type='tel'],
.i18n-ar .signup-box .za-ccountry_code-container input[type='text'],
.i18n-ar .signup-box .za-ccountry_code-container input[type='tel'] {
    padding-left: 15px;
    padding-right: 90px
}

.i18n-ar .signup-box .za-newsletter-container label,
.i18n-ar .signup-box .za-tos-container label {
    padding-left: 0;
    padding-right: 20px
}

.i18n-ar .signup-box .za-newsletter-container #signup-newsletter,
.i18n-ar .signup-box .za-tos-container #signup-termservice {
    position: absolute;
    top: 3px;
    left: inherit;
    right: 0
}

.i18n-ar .za-emailormobile-container .za-country_code-container {
    right: 0
}

.i18n-ar .signup-box .za-emailormobile-container.dialactive input {
    padding-right: 90px;
    padding-left: 10px
}

.i18n-ja #confirm_country_code,
.i18n-ja div#countryconfirmCodeDiv,
.i18n-ja .mobile-ccode #country_code_rmobile,
.i18n-ja .mobile-ccode select#country_code,
.i18n-ja .mobile-ccode div#countryCodeDiv {
    display: none
}

.i18n-ja .signup-box .za-ccountry_code-container input[type='text'],
.i18n-ja .signup-box .za-emailormobile-container.dialactive input {
    padding: 0 15px
}

.i18n-ja .signup-box .za-ccountry_code-container input[type='text'] {
    position: relative
}

@keyframes zwc-slide-down-animate {
    0% {
        transform: translateY(-100px)
    }

    100% {
        transform: translateY(0)
    }
}





@media only screen and (max-width: 1023px) {


    .zwph-white .product-title+.product-nav-links li a.active,
    .zwph-white .product-title+.product-nav-links li span.active {
        box-shadow: 0 -2px 0 #fff inset;
        font-family: var(--zf-primary-semibold)
    }

    .product-title+.product-nav-links li {
        margin-left: 30px
    }

    .bottom-cta-wrap .content-wrap {
        padding: 60px 0
    }

    .bottom-cta-wrap .content-wrap:after {
        display: none
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .content-wrap {
        width: 95%
    }

    h1,
    h1.center {
        font-size: 34px
    }

    h2 {
        font-size: 28px
    }

    h3 {
        font-size: 23px
    }

    h4 {
        font-size: 19px
    }

    h5 {
        font-size: 17px
    }

    h6 {
        font-size: 15px
    }

    .product-header-top .menu li {
        margin-left: 20px
    }

    .i18n-ar .product-title {
        margin: 0 10px 0 0
    }

    .product-header-top .menu>li>a {
        padding: 10px;
        margin-top: 5px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .content-wrap {
        width: 95%
    }

    .zw-product-header .content-wrap {
        width: 97%
    }

    .menu li .nolink {
        font-size: 13px
    }

    .zw-product-header .product-nav-links li,
    .product-title+.product-nav-links li {
        margin: 0 0 0 20px
    }

    .i18n-ar .product-title {
        margin: 0 10px 0 0
    }
}

@media only screen and (max-width: 991px) {
    .signup-box {
        display: none
    }

    .czone-iswallet-page .signup-box {
        display: block
    }
}

@media only screen and (max-width: 767px) {
    a.zwc_global_header_skip {
        padding: 12px 50px 12px 20px;
        font-size: 15px;
        width: auto
    }

    a.zwc_global_header_skip:after {
        right: 22px
    }

    .content-wrap {
        width: 90%
    }

    h1,
    h2 {
        font-family: var(--zf-primary-bold)
    }

    h1 {
        font-size: 27px
    }

    h2 {
        font-size: 25px
    }

    h3 {
        font-size: 21px
    }

    h4 {
        font-size: 19px
    }

    h5 {
        font-size: 17px
    }

    h6,
    p {
        font-size: 15px
    }

    p {
        line-height: 1.8
    }

    .langClose {
        position: absolute;
        right: 10px;
        top: 10px;
        margin-top: 0
    }

    .langTxt {
        padding: 0 30px;
        display: block;
        margin-bottom: 15px
    }

    .lbanner .langTxt {
        padding: 0 30px
    }

    .br-ns-outer {
        left: 5%;
        top: 80px;
        width: 90%;
        margin-left: 0;
        margin-top: 0
    }

    .product-title .product-icon {
        display: block;
        width: auto;
        height: 40px
    }

    .zw-product-header .content-wrap {
        width: 100%;
        text-align: center;
        padding: 8px 0
    }

    .product-nav-links .nav>li>a:focus,
    .product-nav-links .nav>li>a:hover {
        background: rgba(0, 0, 0, .2)
    }

    .product-title+.product-nav-links li:last-child {
        border-bottom: 0
    }

    .product-nav-links {
        display: none
    }

    .product-nav-links .menu {
        background: #fff;
        position: relative;
        top: 0;
        margin: 0
    }


    .product-title+.product-nav-links li.featured-apps-part,
    .menu li.featured-apps-part {
        display: block
    }

    .zw-product-header .product-title {
        margin: 0 auto
    }

    .body-umain .zw-product-header .product-title {
        margin: 0;
        padding-left: 5px
    }

    .product-title+.product-nav-links li,
    .menu li {
        display: block;
        margin: 0;
        text-align: left;
        width: 100%;
        z-index: 130;
        padding: 0;
        top: 0
    }

    .product-title+.product-nav-links li {
        margin-left: 0
    }


    .product-nav-links .menu {
        padding: 0;
        z-index: 130;
        overflow-y: scroll;
        border-top: 1px solid #eee;
        display: none;
        background: #f8f8f8
    }

    .dropdown:hover .dropdown-menu,
    .menu .dropdown-menu {
        transform: none;
        opacity: 1;
        visibility: visible
    }

    .menu .dropdown-menu {
        position: static;
        width: 100%;
        border: 0;
        left: 0;
        padding: 0 0 10px 65px;
        box-shadow: none;
        overflow: visible;
        display: none
    }

    .dropdown-menu li {
        display: block
    }

    .product-menu li:hover a {
        background: 0
    }

    .product-header .product-menu>li:last-child {
        display: block
    }

    .menu {
        min-height: initial
    }

    .zw-product-header .product-nav-links li .nolink {
        font-size: 19px;
        padding: 20px 0 0;
        line-height: 20px;
        cursor: default
    }

    .zw-product-header .menu li {
        margin-left: 0;
        background: #fff
    }

    .zw-product-header .menu .expanded>a {
        padding: 20px 0 0;
        line-height: 20px;
        font-family: var(--zf-primary-regular)
    }

    .dropdown-menu .sub-level>a:after {
        content: none
    }

    .dropdown-menu li.active>a,
    .dropdown-menu li.sub-level.active>a {
        color: #000;
        background: 0
    }

    .dropdown-menu .sub-dropdown a:hover {
        color: #000
    }

    .dropdown li a {
        display: block
    }

    .menu .expanded.active .sub-dropdown {
        background: #f7f7f7
    }

    .dropdown-menu .sub-dropdown {
        position: static;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        border-left: 0;
        border-radius: 0;
        padding: 0 0 0 30px;
        margin: 0
    }

    .dropdown-menu>.sub-level>a {
        padding: 0
    }

    .dropdown-menu .sub-dropdown li {
        transition-duration: 0s;
        transition-delay: 0s;
        opacity: 1;
        position: relative
    }

    .dropdown-menu .sub-dropdown li:before {
        content: '';
        width: 4px;
        height: 4px;
        border-radius: 3px;
        background: #000;
        position: absolute;
        top: 0;
        bottom: 0;
        left: -10px;
        margin: auto
    }

    .dropdown-menu .sub-dropdown li a {
        padding: 2px 0;
        font-size: 13px
    }

    .hamburger-box {
        width: 20px;
        height: 25px;
        display: block;
        position: relative;
        transform: rotate(0);
        transition: .5s ease-in-out;
        cursor: pointer;
        margin: 19px auto 0;
        pointer-events: none
    }

    .hamburger-box span {
        display: block;
        position: absolute;
        height: 2px;
        width: 50%;
        background: #000;
        opacity: 1;
        transform: rotate(0);
        transition: .25s ease-in-out
    }

    .hamburger-box span:nth-child(even) {
        left: 50%;
        border-radius: 0 9px 9px 0
    }

    .hamburger-box span:nth-child(odd) {
        left: 0;
        border-radius: 9px 0 0 9px
    }

    .hamburger-box span:nth-child(1),
    .hamburger-box span:nth-child(2) {
        top: 0
    }

    .hamburger-box span:nth-child(3),
    .hamburger-box span:nth-child(4) {
        top: 6px
    }

    .hamburger-box span:nth-child(5),
    .hamburger-box span:nth-child(6) {
        top: 12px
    }

    .hamburger-box.active span:nth-child(1),
    .hamburger-box.active span:nth-child(6) {
        transform: rotate(45deg)
    }

    .hamburger-box.active span:nth-child(2),
    .hamburger-box.active span:nth-child(5) {
        transform: rotate(-45deg)
    }

    .hamburger-box.active span:nth-child(1) {
        left: 1px;
        top: 5px
    }

    .hamburger-box.active span:nth-child(2) {
        left: calc(50% - 4px);
        top: 5px
    }

    .hamburger-box.active span:nth-child(3) {
        left: -50%;
        opacity: 0
    }

    .hamburger-box.active span:nth-child(4) {
        left: 100%;
        opacity: 0
    }

    .hamburger-box.active span:nth-child(5) {
        left: 1px;
        top: 10px
    }

    .hamburger-box.active span:nth-child(6) {
        left: calc(50% - 4px);
        top: 10px
    }

    .zw-product-header .zgh-accounts .zgh-login {
        display: none
    }

    .product-title>span.product-icon {
        display: none
    }

    .body-umain .zw-product-header .zgh-accounts {
        display: inline-block
    }

    .body-umain .zw-product-header .content-wrap {
        display: flex;
        flex-wrap: wrap;
        padding: 8px 10px;
        align-items: center;
        text-align: left
    }

    #header .menu.nav {
        display: none
    }

    .zwph-white.zw-product-header .product-title a,
    .zw-product-header .product-title a {
        background: 0
    }

    .mobile-menu-icon {
        display: none
    }

    .zw-product-header {
        position: relative;
        z-index: 99
    }

    .z-bottom-cta-menu {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 100;
        width: 100%;
        height: 50px;
        box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.1);
        display: block;
        background: #f8f8f8
    }

    .z-bottom-cta-menu.ziosSafari {
        padding-bottom: 44px
    }

    .z-bottom-cta-menu a {
        background: #f1f1f1;
        color: var(--primary-btn-color);
        padding: 14px 0;
        display: block;
        font-family: var(--zf-primary-semibold);
        width: calc(100% - 50px);
        text-align: center;
        transition: .4s ease-out all;
        height: 100%;
        text-transform: uppercase;
        margin-left: 50px;
        font-size: 15px
    }

    .z-bottom-cta-menu a.loggedin {
        display: none
    }

    .body-umain .z-bottom-cta-menu a.loggedin {
        display: block
    }

    .body-umain .z-bottom-cta-menu a.loggedout {
        display: none
    }

    .z-bottom-cta-menu.onscroll a {
        color: #fff;
        background: var(--primary-btn-color)
    }

    .z-bottom-cta-menu.onscroll_top a {
        color: #fff;
        background: var(--primary-btn-color);
        transition: .3s ease-out all
    }

    .mobile-menu-icon1 {
        background: #000;
        text-indent: 0;
        left: 0;
        position: absolute;
        top: 0;
        width: 50px;
        cursor: pointer;
        height: 50px;
        transition: all .3s ease;
        text-align: center;
        font-family: var(--zf-primary-semibold)
    }

    .mobile-menu-icon1.active {
        background: #fff
    }

    .mobile-menu-icon1.active em {
        color: #8c8c8c
    }

    .zhamburger {
        width: 26px;
        height: 15px;
        display: block;
        position: relative;
        transform: rotate(0);
        transition: .5s ease-in-out;
        cursor: pointer;
        margin: 18px auto 0;
        pointer-events: none;
        font-family: var(--zf-primary-bold)
    }

    .zhamburger span {
        display: block;
        position: absolute;
        height: 2px;
        width: 50%;
        background: #fff;
        opacity: 1;
        transform: rotate(0);
        transition: .25s ease-in-out
    }

    .zhamburger span:nth-child(2n+1) {
        left: 0;
        border-radius: 9px 0 0 9px
    }

    .zhamburger span:nth-child(1),
    .zhamburger span:nth-child(2) {
        top: 0
    }

    .zhamburger span:nth-child(2n) {
        left: 50%;
        border-radius: 0 9px 9px 0
    }

    .zhamburger span:nth-child(3),
    .zhamburger span:nth-child(4) {
        top: 6px
    }

    .zhamburger span:nth-child(5),
    .zhamburger span:nth-child(6) {
        top: 12px
    }

    .zhamburger.active span {
        background: #8c8c8c
    }

    .zhamburger.active {
        color: #757575
    }

    .zhamburger.active span:nth-child(1),
    .zhamburger.active span:nth-child(6) {
        transform: rotate(45deg)
    }

    .zhamburger.active span:nth-child(1) {
        left: 4px;
        top: 5px
    }

    .zhamburger.active span:nth-child(2),
    .zhamburger.active span:nth-child(5) {
        transform: rotate(-45deg)
    }

    .zhamburger.active span:nth-child(2) {
        left: calc(50% - 4px);
        top: 5px
    }

    .zhamburger.active span:nth-child(3) {
        left: -50%;
        opacity: 0
    }

    .zhamburger.active span:nth-child(4) {
        left: 100%;
        opacity: 0
    }

    .zhamburger.active span:nth-child(5) {
        left: 4px;
        top: 10px
    }

    .zhamburger.active span:nth-child(6) {
        left: calc(50% - 4px);
        top: 10px
    }

    .zmobile-menu-new {
        position: fixed;
        background: transparent;
        height: calc(100% - 50px);
        width: 100%;
        left: 0;
        top: 0;
        z-index: 99;
        display: none;
        transition: background .3s ease-in
    }

    .zmobile-menu-new.zbg {
        background: rgba(0, 0, 0, 0.75)
    }

    .zmobile-menu-new-inner {
        position: absolute;
        left: 5px;
        width: 300px;
        bottom: -70px;
        opacity: 0;
        transition: all .3s ease;
        max-height: calc(100% - 65px);
        overflow: hidden;
        background: #fff;
        box-shadow: 40px 40px 300px 100px rgba(0, 0, 0, 0.4);
        border-radius: 10px
    }

    .zmobile-menu-new-content {
        height: 100%
    }

    .zmobile-menu-new-inner.zshow {
        bottom: 5px;
        opacity: 1
    }

    .zmobile-menu-search {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        padding: 10px 15px;
        border-bottom: 1px solid #efefef;
        height: 50px;
        background: #f9f9f9;
        z-index: 9
    }

    .zmobile-menu-searchbox {
        position: relative
    }

    .zmobile-menu-searchinput {
        background: transparent;
        padding: 5px 50px 5px 10px;
        font-size: 15px;
        max-width: 100%;
        margin: 0;
        height: initial;
        line-height: initial;
        border: 0;
        text-indent: 0;
        width: 100%;
        font-family: var(--zf-primary-regular);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .zmobile-menu-searchinput::-webkit-input-placeholder {
        color: #878787
    }

    .zmobile-menu-searchinput::-moz-placeholder {
        color: #878787
    }

    .zmobile-menu-searchinput:-ms-input-placeholder {
        color: #878787
    }

    .zmobile-menu-searchinput:-moz-placeholder {
        color: #878787
    }

    .zmobile-menu-searchbtn {
        height: 28px;
        width: 40px;
        top: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        cursor: pointer;
        position: absolute;
        border: 0;
        background: #f7f7f7;
        padding: 0;
        outline: 0
    }

    .zmobile-menu-searchbtn span {
        text-indent: -9999999px
    }

    .zmobile-menu-searchbtn:before {
        content: '';
        height: 15px;
        width: 1px;
        background: #d4d4d4;
        position: absolute;
        left: -5px;
        top: 0;
        bottom: 0;
        margin: auto
    }

    .zmobile-menu-searchbtn span {
        background-color: #f7f7f7;
        background-size: 600px auto;
        background-position: -285px 1px;
        display: inline-block;
        width: 15px;
        height: 16px;
        vertical-align: middle;
        opacity: .7
    }

    .zmobile-menu-link {
        overflow: auto;
        max-height: calc(100vh - 180px)
    }

    .zmobile-menu-new ul {
        padding: 60px 20px 15px 25px;
        width: 100%
    }

    .zmobile-menu-new .ulempty {
        padding: 33px 20px 15px 25px
    }

    .zmobile-menu-new ul li.zlogin-menu a {
        border-top: 1px solid #efefef
    }

    .zmobile-menu-new ul li a,
    .zmobile-menu-new ul li>span {
        padding: 8px 25px 8px 0;
        display: block;
        color: #333;
        cursor: pointer
    }

    .zmobile-menu-new ul li .dropdown-menu span.dropdown-toggle {
        font-size: 13px;
        padding: 7px 0 7px 12px
    }

    .zmobile-menu-new ul ul li a {
        padding: 8px 13px 8px 0
    }

    .zw-product-header {
        min-height: 50px;
        padding: 0
    }

    .chat-widget {
        display: none
    }

    .zmobile-menu-new ul.dropdown-menu {
        padding: 0;
        display: none
    }

    .zmobile-menu-new ul li .dropdown-menu a {
        font-size: 13px;
        padding: 7px 0 7px 12px;
        white-space: initial
    }

    .dropdown-menu li.zmenu-dropdown-all a {
        margin: 15px 10px 20px
    }

    .zdropdown-container a,
    .zdropdown-container span {
        position: relative
    }

    .zdropdown-container .caret {
        height: 6px;
        width: 10px;
        display: inline-block;
        transition: .3s transform ease;
        transform: rotate(0);
        position: absolute;
        top: 19px;
        right: 10px
    }

    .zdropdown-container.active .caret {
        transform: rotate(180deg)
    }

    .zcommon-link-container {
        border-top: 1px solid #efefef;
        padding-bottom: 30px;
        padding-top: 5px;
        background: #fff
    }

    .zcommon-link-container>span {
        padding: 8px 20px 3px 25px;
        display: block
    }

    .zallprd-menu {
        text-align: left
    }

    .zcommon-link-container>span a {
        color: #333
    }

    .zcommon-link-container span.zlogin-menu a {
        color: var(--primary-btn-color);
        font-family: var(--zf-primary-semibold)
    }


    .ztop-slide-mobile-menu {
        display: block
    }

    .lang-support span {
        margin: 5px 10px 5px 0
    }

    .z-bottom-cta-menu.withCW {
        background: transparent
    }

    .z-bottom-cta-menu.withCW a {
        width: calc(100% - 100px)
    }

    .withCW .mobile-menu-icon1 {
        background: #f1f1f1;
        transition: .4s ease-out all
    }

    .withCW .mobile-menu-icon1::after {
        position: absolute;
        content: "";
        right: 0;
        top: 5%;
        width: 1px;
        height: 90%;
        background: #bebcbc;
        transition: .4s ease-out all
    }

    .withCW .zhamburger span {
        background: #bebcbc
    }

    .onscroll.withCW .mobile-menu-icon1::after,
    .onscroll.withCW .zhamburger span {
        background: #fff
    }

    .onscroll.withCW .mobile-menu-icon1 {
        background: var(--primary-btn-color)
    }

    .signup-box .sgnbtn input[type='submit'],
    .signup-box .sgnbtn input[type='button'] {
        padding: 0 20px;
        font-size: 12px
    }

    .z-testimonial-item p span {
        display: block;
        color: #03a9f5;
        font-size: 15px
    }

    .cookiestrip {
        padding: 15px 25px
    }

    a.cookieManage {
        margin: 15px 0 0 0
    }

    .cookieTxt {
        display: block;
        line-height: 1.4
    }

    .cookiestrip>div {
        max-width: 380px;
        margin: 0 auto
    }

    .popup-close {
        right: 0;
        top: 50px
    }

    body .zsiq_theme1.zsiq_floatmain {
        bottom: 20px;
        right: 20px;
        width: 30px;
        height: 30px !important
    }

    .zsiq_theme1 .zsiq_flt_rel {
        border-radius: 0
    }

    .zsiq_floatmain.zsiq_theme1 .zsiq_flt_rel {
        width: 50px;
        height: 50px;
        border-radius: 0
    }

    .zsiq_theme1 .zsiq_user.siqico-chat {
        border-radius: 0
    }


    .zsiq_floatmain .zsiq_flt_rel {
        background-color: #2d4993 !important
    }

    .zsiq_custommain,
    div.zsiq_floatmain {
        z-index: 999 !important
    }

    div#zsiq_float {
        border-radius: 0;
        bottom: 0;
        right: 0;
        transform: none !important;
        width: 50px;
        height: 50px
    }

    .i18n-ar .zw-product-header span.zprd-display-name {
        padding-left: 10px;
        padding-right: 0
    }

    .i18n-ar .zw-product-header .product-title {
        padding: 0 5px 0 0
    }

    .i18n-ar .more-links {
        text-align: center
    }

    .i18n-ar .zmobile-menu-new ul li a,
    .i18n-ar .zmobile-menu-new ul li>span {
        padding: 13px 0 13px 25px
    }

    .i18n-ar .mobile-menu-icon1 {
        left: unset;
        right: 0
    }

    .i18n-ar .z-bottom-cta-menu a {
        margin: 0 50px 0 0
    }

    .i18n-ar .zmobile-menu-new-inner {
        left: unset;
        right: 6px
    }

    .i18n-ar .zdropdown-container .caret {
        right: unset;
        left: 10px
    }
}

@media screen and (max-width: 480px) {
    .signup-box .za-company-container .za-company-box .field-msg {
        bottom: -7px;
        line-height: 1
    }

    .signup-box .za-company-container .za-company-box.field-error {
        margin: 0 0 30px
    }

    .apps-download-links-wrap {
        margin-bottom: 10px
    }

    .zw-common-footer .product-links h4:after {
        content: "";
        border: solid #000;
        border-width: 0 1px 1px 0;
        display: inline-block;
        padding: 3.5px;
        position: absolute;
        right: 30px;
        top: 18px;
        transform: rotate(45deg);
        transition: all .3s ease
    }

    .zw-common-footer .product-links h4 {
        cursor: pointer;
        position: relative;
        margin: 0;
        padding: 15px 20px;
        background: #fafafa;
        border-bottom: 1px solid #efefef;
        font-size: 13px
    }

    .zw-common-footer .product-links ul {
        padding: 0 20px
    }

    .zw-common-footer .product-links ul li {
        display: block;
        margin: 0
    }

    .zw-common-footer .product-links ul li a {
        color: #000;
        font-size: 14px;
        padding: 5px 0;
        display: inline-block
    }

    .zw-common-footer .product-links h4.active:after {
        transform: rotate(-135deg);
        top: 23px
    }

    .zw-common-footer .content-wrap {
        width: 100%
    }
}

@media screen and (max-width: 414px) {
    .cookiestrip>div {
        max-width: 300px
    }

    a.cookieManage {
        margin-top: 8px
    }

    .z-bottom-cta-menu a {
        font-size: 14px
    }

    .signup-box .za-company-container .portal-id {
        padding: 3px 6px;
        font-size: 12px;
        background: no-repeat;
        position: absolute;
        top: 0;
        z-index: 10
    }

    .signup-box .za-company-container .za-company-box {
        position: relative
    }

    .signup-box .za-company-container .portal-input {
        height: 50px;
        padding: 20px 6px 5px
    }
}

@media print {

    #header,
    .panel-region-sidebar-first,
    .pane-crm-help-banner,
    input[name=print] {
        display: none
    }

    .panel-region-content.crm-help-content {
        border: 0
    }
}

.hideproductheader .product-nav-links {
    display: none
}

.zw-product-endpoint-central .product-title .product-icon,
.zw-product-patchmanagerplus .product-title .product-icon,
.zw-product-remoteaccessplus .product-title .product-icon,
.zw-product-identity-management .product-title .product-icon {
    height: 55px;
    width: auto
}