.zw-product-header {
    display: none !important;
}


.disable-select {
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

h4 {
    font-size: 44px;
    letter-spacing: -1.5px
}

.txt-cen {
    text-align: center
}

.mar-cen {
    margin: 0 auto
}

.mar-bt-10 {
    margin-bottom: 10px !important
}

.dis-block {
    display: block
}

.dis-inblock {
    display: inline-block;
}

.zh-aboutbanner {
    margin-top: 60px;
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 660px
}

.main-bottom-container {
    background-color: #fff;
    z-index: 2;
    /*position: relative;
	top: 720px*/
}

.zh-main .wrapper {
    max-width: 1120px
}

.zh-aboutcontent {
    width: 70%;
    padding: 90px 0 120px;
    position: relative;
    z-index: 2
}

.zh-aboutusvideo {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    background-position: 50%;
    background-size: cover;
    z-index: 1
}

.zh-aboutusvideo:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(5, 55, 85, 0.82);
    position: absolute;
    top: 0;
    left: 0
}

.zh-aboutusvideo img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.zh-aboutusvideo img.js-cover-video-hidden {
    pointer-events: none
}

.zh-aboutusvideo video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 101%;
    min-height: 101%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block
}

video {
    -webkit-filter: initial
}

.zh-videocover {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    background-position: 50%;
    background-size: cover;
    z-index: 1
}

.zh-aboutbanner .zh-top-head {
    color: #fff;
    font-size: 24px
}

.zh-aboutbanner .zh-color span:last-child {
    width: 100%;
    background-color: #ffae0a
}

.zh-aboutbanner h1 {
    color: #fff;
    font-size: 50px;
    width: 100%;
    letter-spacing: -1.5px
}

.zh-aboutsoftware {
    padding: 130px 0 0;
    position: relative
}

.zh-aboutsoftware h3 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 24px;
    line-height: 1.6;
    padding-bottom: 90px;
    max-width: 930px;
    letter-spacing: -0.3px
}

.zh-cuttingedgesec .img-sec {
    overflow: hidden
}

.zh-cuttingedgesec .img-sec img {
    will-change: transform;
    transform-style: preserve-3d
}

.zh-cuttingedgeleft {
    width: 54%
}

.zh-cuttingedgeleft h4 {
    font-size: 50px;
    line-height: 1.2;
    margin-bottom: 20px
}

.zh-cuttingedgeleft p {
    width: 100%
}

.zh-cuttingedgeright {
    width: 42%;
    text-align: right;
    margin-left: 10%;
    margin-top: 10px
}

.zh-cuttingedgeright img {
    width: 100%
}

.zh-aboutsoftware .wrapper {
    max-width: 1100px
}

.zh-aboutsoftware .zh-color {
    margin: 0 auto 40px
}

.zh-aboutsoftware .zh-color span:last-child {
    background-color: #f60014;
    width: 100%
}

.zh-abouttimeless {
    padding: 90px 0;
    position: relative;
    background: #f5f5f5;
    z-index: 1
}

.zh-abouttimeless:after {
    content: "";
    width: 100%;
    height: 65%;
    background-color: #0a73c0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.zh-abouttimeless .wrapper {
    overflow: visible
}

.zh-abouttimeless .zh-meettitle {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    color: #fff
}

.zh-abouttimeless .zh-meettitle h4 {
    margin-bottom: 0;
    font-size: 50px;
    letter-spacing: -1.5px
}

.zh-abouttimeless .zh-meettitle p {
    font-size: 20px;
    color: #fff;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
    line-height: 1.6
}

.zh-abouttimeless-box {
    background-color: #fff;
    box-shadow: 0 27px 46px 0 rgba(35, 34, 34, 0.04);
    border: 1px solid #ececec;
    padding: 70px 100px 0 100px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    border-radius: 3px
}

.zh-abouttimelessleft p {
    width: 90%
}

.zh-abouttimelessleft,
.zh-abouttimelessright {
    width: 50%
}

.zh-abouttimelessright {
    padding-left: 10%
}

.zh-abouttimelessright p {
    width: 94%
}

.zh-abtBg {
    width: 90%
}

.zh-aboutbanner .zh-color {
    width: 40px;
    margin-bottom: 40px
}

.zh-aboutbanner .zh-color {
    margin-bottom: 0
}

.italicFnt {
    font-style: italic
}

.title-name {
    display: block;
    text-align: center;
    font-size: 110px;
    letter-spacing: -4px;
    position: relative;
    line-height: 1;
    width: 85%;
    max-width: 756px;
    margin: 20px auto 0;
    display: flex;
    justify-content: center
}

.slideUpText {
    overflow: hidden;
    display: inline-block;
    height: 110px;
    position: absolute;
    left: 18px;
    width: 100%
}

.parentSlider {
    width: 390px;
    position: relative
}

.slideUpText::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background-color: #5dbb5a
}

.text-slide {
    opacity: 0
}

.text-slide {
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0;
    opacity: 0
}

.text-slide.is-visible {
    opacity: 1
}

.zh-arw {
    background: url(/sites/zweb/images/commonroot/zp-global-icon-sprite-2x.png) left top no-repeat;
    width: 39px;
    height: 50px;
    position: absolute;
    left: -70px;
    top: calc(50% - 25px);
    background-size: 850px auto;
    background-position: -815px -208px;
    cursor: pointer
}

.zh-arw.disabled {
    opacity: .3
}

.zh-arw.next {
    left: auto;
    right: -70px;
    transform: rotate(180deg)
}

.our-journey {
    padding: 100px 0;
    display: none
}

.our-journey .wrapper {
    overflow: visible
}

.our-journey-header {
    text-align: center
}

.our-journey-header::after {
    content: "";
    width: 95%;
    display: inline-block;
    border-bottom: 1px solid #e8e8e8
}

.our-journey-header h4 {
    width: 100%;
    margin: 0 0 50px
}

.our-journey-header ul {
    padding-bottom: 5px;
    display: inline-block;
    vertical-align: middle
}

.our-journey-header ul li {
    float: left;
    padding: 0 20px;
    color: var(--secondary-color)
}

.our-journey-header ul li.active a {
    color: #056cb8;
    font-size: 26px;
    font-family: var(--zf-primary-regular);
    margin-top: -10px;
    letter-spacing: -0.6px
}

.our-journey-header ul li a {
    font-size: 14px;
    color: var(--secondary-color);
    display: inline-block;
    vertical-align: middle;
    transition: all .05s ease;
    letter-spacing: 0
}

.our-journey-header ul li:first-child {
    padding-left: 0
}

.our-journey-header ul li:last-child {
    padding-right: 0
}

.years-content {
    padding: 70px 0 15px;
    float: left;
    position: relative
}

.years-content .month-wrapper {
    max-width: 640px;
    border-right: 1px solid #f3f3f3;
    padding: 0 30px;
    height: 610px;
    float: left
}

.years-content .month-cntn {
    height: 100%;
    flex-flow: column;
    justify-content: flex-end;
    display: flex;
    border-radius: 10px;
    overflow: hidden
}

.years-content.year2015 .month-wrapper:last-child .month-cntn,
.years-content.year2013 .month-wrapper:last-child .month-cntn,
.years-content.year2012 .month-wrapper:last-child .month-cntn,
.years-content.year2006 .month-wrapper:last-child .month-cntn,
.years-content.year2020 .month-wrapper:last-child .month-cntn,
.years-content .month-cntn.sin_colum {
    justify-content: flex-start
}

.years-content.year2015 .month-wrapper:last-child .month-cntn .month-col,
.years-content.year2013 .month-wrapper:last-child .month-cntn .month-col,
.years-content.year2012 .month-wrapper:last-child .month-cntn .month-col,
.years-content.year2006 .month-wrapper:last-child .month-cntn .month-col,
.years-content.year2020 .month-wrapper:last-child .month-cntn .month-col {
    height: calc(50% - 5px)
}

.years-content.year2015 .month-cntn .years-content .extension .month-cntn {
    justify-content: center
}

.years-content .month-cntn ul {
    display: flex;
    flex-direction: column;
    max-width: 290px;
    padding: 0 20px
}

.years-content ul li {
    margin-bottom: 50px
}

.years-content ul li:first-child {
    padding-left: 0
}

.years-content ul li:last-child {
    border-right: 0
}

.years-content .month {
    font-size: 13px;
    color: var(--secondary-color);
    display: block;
    margin-bottom: 25px;
    position: relative;
    margin-left: 35px;
    text-transform: uppercase;
    letter-spacing: .5px
}

.evnt-txt {
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: -0.2px;
    color: var(--primary-color)
}

.years-content .evnt-img.dummy-img,
.years-content .evnt-img.dummy-img2 {
    background-color: #fff3e6;
    border: 1px solid #f6dec5;
    height: 141px;
    min-width: 250px
}

.years-content .evnt-img.dummy-img2 {
    background-color: #e8e8e8;
    border: 1px solid #e8e8e8
}

.evnt-inner-bg.books-bg {
    background: #e0f4fd;
    border: 1px solid #c0e1f2;
    padding: 0 0 10px
}

.evnt-inner-bg.accad-bg {
    background: #e4f9ed;
    border: 1px solid #b6e3ca
}

.year2001 p.evnt-txt.text21,
.year2000 p.evnt-txt.text21,
.year1998 p.evnt-txt.text21,
.year1996 p.evnt-txt.text21 {
    color: var(--primary-color);
    width: 85%;
    margin: 0 auto
}

.evnt-inner-bg.books-bg.zu-img {
    padding: 40px
}

.evnt-inner-bg.wiki-img {
    padding: 45px
}

.evnt-inner-bg.zia-img,
.evnt-inner-bg.accad-img {
    padding: 40px
}

.evnt-inner-bg .logo-txt {
    position: relative;
    top: 3px;
    left: 5px
}

.our-journey .slider-for {
    width: 35000px;
    left: 0;
    position: relative;
    -webkit-transition: 500ms left cubic-bezier(0.65, 0.01, 0.26, 1.13);
    transition: 500ms left cubic-bezier(0.65, 0.01, 0.26, 1.13);
    -webkit-transition-duration: 2300ms;
    transition-duration: 2300ms
}

.our-journey .slider-for.scrolling {
    -webkit-transition: all 30ms linear;
    -moz-transition: all 30ms linear;
    transition: all 30ms linear
}

.years-content h3 {
    line-height: 1;
    margin-bottom: 0;
    font-size: 15px;
    background-color: #0262a9;
    color: #fff;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 22px;
    padding: 4px 15px
}

.years-content::before {
    content: "";
    position: absolute;
    top: 23px;
    left: 0;
    width: 1px;
    height: 95%;
    background: #acceed
}

.years-content .month-wrapper:last-child {
    border-right: 0
}

.removeTransition.slider-for {
    -webkit-transition: 500ms left cubic-bezier(0.65, 0.01, 0.24, 0.92);
    transition: 500ms left cubic-bezier(0.65, 0.01, 0.24, 0.92);
    transition-duration: 500ms;
    -webkit-transition-duration: 2300ms;
    transition-duration: 2300ms
}

.our-journey .year-inner-wrapper {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    max-width: 1069px;
    margin: 0 auto
}

.our-journey .scroll-left,
.our-journey .scroll-right {
    width: 150px;
    height: 650px;
    display: block;
    position: absolute;
    top: 198px;
    z-index: 1;
    transition: all 500ms ease;
    left: -50px;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%)
}

.our-journey .scroll-left.active {
    left: -50px;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%)
}

.our-journey .scroll-right {
    left: auto;
    right: -50px;
    background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%)
}

.our-journey .scroll-left::after,
.our-journey .scroll-right::after {
    content: "";
    background: url(/sites/zweb/images/commonroot/zp-global-icon-sprite-2x.png) left top no-repeat;
    width: 39px;
    height: 50px;
    position: absolute;
    left: -10px;
    top: calc(50% - 25px);
    background-size: 850px auto;
    background-position: -815px -208px;
    cursor: pointer
}

.our-journey .scroll-right::after {
    left: auto;
    right: 0;
    transform: rotate(180deg)
}

.our-journey .aus .evnt-txt {
    font-size: 31px
}

.zh-our-journey__right .year2000 .month-col.aus .evnt-txt,
.zh-our-journey__right .year2001 .month-col.aus .evnt-txt,
.zh-our-journey__right .year1998 .month-col.aus .evnt-txt {
    font-size: 22px;
    margin: 30px auto 40px;
    width: 70%;
    line-height: 1.5
}

.zh-our-journey__right .month-col.col_off {
    height: 50%
}

.zh-our-journey__right .year2000 .month-col.aus .evnt-txt {
    margin-bottom: 147px
}

.zh-our-journey__right .year1998 .month-col.aus .evnt-txt {
    margin-bottom: 62px
}

.zh-our-journey__right .year2001 .month-col.aus .evnt-txt {
    margin-top: 5px;
    margin-bottom: 60px
}

.zh-our-journey__right .month-col.aus {
    justify-content: flex-end;
    padding: 0;
    margin: 0
}

.zh-our-journey__right .month-col.aus img {
    width: 86%;
    margin: 0 auto 40px
}

.hundred-million-user-2023-img {
    background: url(/sites/zweb/images/zh-hans/zoho_general_pages/zh-our-journey-100million-img.png);
    background-size: 115%;
    width: 100%;
    height: 170px;
    position: absolute;
    bottom: -20px;
    left: 0;
}

.zh-our-journey__right .year2000 .month-col.aus img,
.zh-our-journey__right .year1998 .month-col.aus img {
    margin-bottom: 0
}

.zh-our-journey__right .year2000 .month-col.ofcstarted,
.zh-our-journey__right .year1998 .month-col.ofcstarted {
    justify-content: flex-end
}

.zh-our-journey__right .month-col.aus.japan img {
    margin-bottom: 0
}

.zh-our-journey__right .month-col.aus .evnt-inner-bg {
    margin-bottom: 80px
}

.zh-our-journey__right .year2023 .month-col.aus .evnt-inner-bg {
    margin-bottom: 128px;
}

.zh-our-journey__right .year2023 .month-col.aus .hundred-million.evnt-inner-bg {
    margin-bottom: 328px;
}

.zh-our-journey {
    overflow: hidden;
    padding: 80px 0 100px;
    position: relative
}

.zh-our-journey h4 {
    text-align: center;
    margin-bottom: 100px;
    font-size: 50px;
    letter-spacing: -1.5px
}

.zh-our-journey h4 span {
    font-size: 30px;
    color: var(--secondary-color);
    font-weight: normal;
    letter-spacing: -0.5px
}

.zh-our-journey__wrapper {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative
}

.zh-our-journey__left {
    padding: 80px 40px;
    width: 170px;
    position: relative
}

.zh-our-journey__left .yeartitle {
    position: absolute;
    right: -100px;
    top: -8px;
    font-size: 32px
}

.moveyear {
    font-size: 0
}

.moveyear:before {
    content: "";
    width: 13px;
    height: 10px;
    display: inline-table;
    background: url(/sites/zweb/images/zh-hans/zoho_general_pages/zh-newhome-sprite.png) left top no-repeat;
    background-size: 450px auto;
    background-position: -135px -69px;
    transition: all .3s ease;
    vertical-align: middle;
    margin: 10px 39px;
    cursor: pointer
}

.moveyear.top:before {
    transform: rotate(180deg);
    margin-top: 0
}

.skipbtn {
    width: 90px;
    padding: 20px 20px;
    color: var(--highlight-color);
    border-left: 1px solid #e2e2e2;
    display: none;
    cursor: pointer
}

.zh-our-journey__left .zh-journeyyear {
    position: relative;
    overflow: hidden;
    width: 90px;
    transition: transform .9s ease
}

.zh-our-journey__left .zhyearcontainer {
    overflow: hidden;
    height: 380px
}

.zh-our-journey__left h4 {
    color: #fff;
    line-height: 1;
    font-family: var(--zf-secondary-light);
    font-size: 25px;
    letter-spacing: -0.5px;
    margin-bottom: 30px;
    text-align: center
}

.zh-our-journey__left ul {
    text-align: center
}

.zh-our-journey__left ul li {
    margin-bottom: 20px;
    position: relative
}

.zh-our-journey__left ul li a {
    font-size: 16px;
    color: var(--secondary-color);
    opacity: .8;
    line-height: 1;
    cursor: pointer;
    transition: height .5s ease, transform .2s ease, font-size .5s ease, padding .3s ease;
    display: inline-block;
    height: auto;
    position: relative;
    cursor: pointer !important;
    font-family: var(--zf-secondary-medium)
}

.years-content .yeartitle {
    color: #0991b8
}

.years-content .yeartitle.clrgr {
    color: #31a831
}

.years-content .yeartitle.clrbr {
    color: #e6822f
}

.years-content .yeartitle.clryw {
    color: #dfa900
}

.years-content .yeartitle.clrvio {
    color: #795ef4
}

.zh-our-journey__left ul li a:before {
    content: "";
    width: 0;
    height: 6px;
    background-color: #f60014;
    position: absolute;
    left: 16px;
    top: 5px;
    transition: width .3s ease;
    border-radius: 50%
}

.zh-our-journey__left ul li.active a:before {
    width: 6px
}

.zh-our-journey__left ul li.active a {
    opacity: 1;
    color: #f60014;
    font-family: var(--zf-secondary-medium);
    padding-left: 28px
}

.zh-our-journey__left ul li a span.duplicate {
    position: absolute;
    font-size: 140px;
    left: 0;
    opacity: 0;
    transition: opacity 1s ease;
    top: 0
}

.zh-our-journey__left ul li.active a span.duplicate {
    opacity: 1
}

.zh-our-journey__left ul li.active a span.orginal {
    opacity: 0
}

.zh-our-journey__right {
    width: calc(100% - 170px);
    overflow-x: scroll;
    position: relative
}

.zh-our-journey__sliderfor {
    width: 39090px;
    left: 0;
    position: relative;
    -webkit-transition: 500ms left cubic-bezier(0.65, 0.01, 0.26, 1.13), 500ms transform cubic-bezier(0.65, 0.01, 0.26, 1.13);
    transition: 500ms left cubic-bezier(0.65, 0.01, 0.26, 1.13), 500ms transform cubic-bezier(0.65, 0.01, 0.26, 1.13);
    transition-duration: 500ms;
    -webkit-transition-duration: 2300ms;
    transition-duration: 2300ms
}

.zh-our-journey__sliderfor.dragtransition {
    transition: all .3s linear
}

.zh-our-journey__right .years-content {
    padding: 0;
    height: 100%;
    overflow: hidden;
    width: auto;
    margin-right: 30px
}

.zh-our-journey__right .years-content .month-wrapper.bggreen {
    background-color: #def4e9 !important
}

.month-container {
    height: 540px
}

.years-content .yeartitle {
    font-size: 32px;
    position: relative;
    display: inline-block
}

.zh-our-journey__right .month-wrapper.launchWork {
    border-right: 1px solid #f5f5f5
}

.zh-our-journey__right .years-content .event-im {
    margin-top: 30px
}

.zh-our-journey__right .years-content .event-im.custservice {
    width: 80%;
    margin: 30px auto 0
}

.zh-our-journey__right .years-content .month-wrapper {
    width: 400px;
    border: 0;
    float: left;
    height: 100%;
    border-radius: 10px;
    padding: 5px
}

.zh-our-journey__right .years-content .month-wrapper.startPoint {
    font-size: 90px;
    font-family: var(--zf-secondary-light);
    width: 280px;
    text-align: center;
    background-color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.zh-our-journey__right .years-content .month-wrapper.startPoint .month-cntn {
    display: inline-flex;
    align-items: center;
    transform: rotate(-90deg);
    flex-flow: row
}

.zh-our-journey__right .years-content.year2020 .month-wrapper.startPoint {
    background-color: #fff
}

.zh-our-journey__right .years-content.year2020 .month-wrapper.startPoint .month-cntn {
    color: #0d70ae
}

.zh-our-journey__right .years-content.year2019 .month-wrapper.startPoint .month-cntn {
    color: #d0842b
}

.zh-our-journey__right .years-content.year2018 .month-wrapper.startPoint .month-cntn,
.zh-our-journey__right .years-content.year2012 .month-wrapper.startPoint .month-cntn {
    color: #d16f48
}

.zh-our-journey__right .years-content.year2016 .month-wrapper.startPoint .month-cntn,
.zh-our-journey__right .years-content.year2008 .month-wrapper.startPoint .month-cntn {
    color: #2d996a
}

.zh-our-journey__right .years-content.year2015 .month-wrapper.startPoint .month-cntn {
    color: #0d70ae
}

.zh-our-journey__right .years-content.year2013 .month-wrapper.startPoint .month-cntn {
    color: #d0842b
}

.zh-our-journey__right .years-content.year2018 .month,
.zh-our-journey__right .years-content.year2012 .month {
    color: #d16f48
}

.zh-our-journey__right .years-content.year2015 .month {
    color: #0d70ae
}

.zh-our-journey__right .years-content.year2013 .month {
    color: #d0842b
}

.zh-our-journey__right .years-content .month {
    font-size: 12px;
    color: var(--secondary-color);
    display: inline-block;
    padding: 0;
    margin: 0;
    position: relative;
    letter-spacing: .5px;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #419409;
    font-family: var(--zf-secondary-medium)
}

.zh-our-journey__right .years-content.year2019 .month-wrapper.startPoint,
.zh-our-journey__right .years-content.year2018 .month-wrapper.startPoint,
.zh-our-journey__right .years-content.year2016 .month-wrapper.startPoint,
.zh-our-journey__right .years-content.year2015 .month-wrapper.startPoint,
.zh-our-journey__right .years-content.year2013 .month-wrapper.startPoint,
.zh-our-journey__right .years-content.year2012 .month-wrapper.startPoint,
.zh-our-journey__right .years-content.year2008 .month-wrapper.startPoint {
    background-color: #fff
}

.zh-our-journey__right .years-content.year2018 .month-wrapper.coverBg {
    background-color: #fff7f4
}

.zh-our-journey__right .years-content.year2016 .month-wrapper.coverBg {
    background-color: #f0fdf7
}

.zh-our-journey__right .years-content.year2015 .month-wrapper.coverBg {
    background-color: #f3faff
}

.zh-our-journey__right .years-content.year2013 .month-wrapper.coverBg {
    background-color: #fffbf7
}

.zh-our-journey__right .years-content .month-cntn ul {
    display: block;
    width: 390px;
    max-width: 400px;
    padding: 0 20px;
    font-family: var(--zf-secondary-extralight);
    margin: 60px auto
}

.zh-our-journey__right .years-content .month-wrapper.bgadded .month-cntn ul p {
    font-size: 75px;
    line-height: 1;
    width: 100%;
    letter-spacing: -1.5px
}

.zh-our-journey__right .years-content::before {
    content: "";
    position: absolute;
    top: 23px;
    left: 0;
    width: 1px;
    height: 95%;
    background: #acceed;
    display: none
}

.zh-our-journey__right .years-content .month-wrapper.bgadded .month-cntn ul {
    width: 410px;
    margin-top: 130px
}

.zh-our-journey__right .evnt-txt {
    font-size: 16px;
    font-family: var(--zf-primary-regular);
    line-height: 1.7;
    width: 80%;
    margin-bottom: 0;
    letter-spacing: 0
}

.zh-our-journey__right .illus_img_sec .evnt-txt {
    font-family: var(--zf-secondary-medium)
}

.zh-our-journey__right p {
    font-family: var(--zf-primary-regular);
    color: var(--primary-color);
    font-size: 16px
}

.zh-our-journey__right .evnt-txt.wid90 {
    width: 90%
}

.zh-our-journey__right .evnt-txt.wid100 {
    width: 100%
}

.zh-our-journey__right .evnt-txt.zulg_ctn {
    width: 100%
}

.zh-our-journey__right .beststart .evnt-txt {
    width: 100%
}

.zh-our-journey__right .evnt-txt.mar30 {
    margin: 30px 0 20px
}

.zh-our-journey__right .evnt-txt span {
    font-family: var(--zf-secondary-medium)
}

.hilight-txt {
    font-family: var(--zf-secondary-medium)
}

.zh-our-journey__right .ofcstarted .evnt-txt {
    font-size: 17px;
    font-family: var(--zf-primary-regular);
    line-height: 1.5;
    width: 80%;
    letter-spacing: 0
}

.zh-our-journey__right .ofcstarted.advent .evnt-txt {
    margin: 0 auto;
    font-size: 21px
}

.zh-our-journey__right .ofcstarted.advent .nytime {
    margin: 100px auto 0;
    width: 50%
}

.zh-our-journey__right .year2019 .txt-cen .evnt-txt {
    width: 100%
}

.zh-our-journey__right .btw .evnt-txt {
    width: 100%
}

.zh-our-journey__right .constellation .event-img {
    width: 100%;
    text-align: right;
    align-items: center;
    z-index: 2
}

.zh-our-journey__right .constellation p,
.zh-journey-logo.remotly p,
.zh-our-journey__right .month-col.ofcstarted.zh_meet p,
.zh-journey-logo.biginapp p,
.zh-journey-logo.biginapp p {
    width: 95%;
    font-size: 16px;
    margin-bottom: 0
}

.zh-journey-logo.zhmeeting p {
    margin-bottom: 0
}

.zh-our-journey__right .entrepreneur {
    position: relative
}

.zh-our-journey__right .entrepreneur .event-img,
.zh-our-journey__right .zhapi .event-img {
    position: absolute;
    right: 20px;
    width: 130px;
    bottom: 0
}

.zh-our-journey__right .zhapi .event-img {
    right: 0
}

.zh-our-journey__right .entrepreneur .event-img img {
    display: block
}

.zhlogo-one span::before {
    content: "";
    display: block;
    background: url(/sites/zweb/images/commonroot/zp-global-icon-sprite-2x.png) left top no-repeat;
    width: 81px;
    height: 95px;
    background-position: -1129px -211px;
    background-size: 1300px auto;
    margin: 0 auto;
    transform: scale(0.9)
}

.kickstart .event-img {
    position: absolute;
    bottom: 0;
    width: 70%;
    right: 0
}

.zh-our-journey__right .month-col.ofcstarted.zhone .pri-ttl {
    font-size: 30px
}

.zhlogo-one {
    font-size: 0
}

.single_box.first_clmn .month-col.ofcstarted.zhone img {
    width: 100%;
    margin: 41px -40px 0
}

.zh-our-journey__right .constellation .event-img img,
.zh-our-journey__right .remotely .event-img img {
    width: 150px;
    margin-right: 10px;
    display: block;
    float: right
}

.zh-our-journey__right .constellation .event-img img {
    width: 70%;
    margin-right: 0
}

.zhyearinnercontainer {
    position: relative;
    transition: transform .9s ease
}

.zh-our-journey__right .remotely .event-img img,
.zh-our-journey__right .bigin .event-img img {
    width: 200px;
    margin-right: 0
}

.zh-our-journey__right .remotely .event-img img {
    width: 270px
}

.zh-our-journey__right .bigin .event-img img {
    width: 300px
}

.event-img {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    z-index: 2
}

.zh-our-journey__right .gartnersec .evnt-inner-bg {
    display: block
}

.zh-our-journey__right .btw .event-img img {
    width: 270px;
    margin-right: 0;
    position: relative;
    top: 0;
    right: -15px
}

.zh-our-journey__right .event-sprite {
    width: 100px;
    margin-bottom: 30px
}

.zh-our-journey__right .years-content .month-wrapper.extension {
    text-align: center
}

.zh-our-journey__right .years-content .month-wrapper.extension .event-sprite {
    margin: 0 auto 0
}

.zh-our-journey__right .evnt-txt a,
.linksep {
    font-family: var(--zf-secondary-medium);
    color: var(--primary-color);
    border-bottom: 1px dashed rgba(0, 0, 0, 0.5);
    transition: all .2s ease
}

.zh-our-journey__right .evnt-txt a:hover,
.linksep:hover {
    color: var(--highlight-color) !important;
    border-color: var(--highlight-color)
}

.zh-our-journey__right .entrepreneur .evnt-txt a,
.ziaai .evnt-txt a {
    margin-top: 10px;
    border-bottom: 0
}

.ziaai .evnt-txt a.calendar.linksep,
.ziaai.qntrl_wrap .evnt-txt a {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.5)
}

.zh-our-journey__right .zh-marketing .evnt-txt a {
    display: inline;
    font-size: 16px;
    padding: 0
}

.zh-our-journey__right .zh-marketing .zh-app {
    position: relative;
    margin: 0 0 10px
}

.zh-our-journey__right .zh-marketing p,
.zh-our-journey__right .zh-expense p {
    width: 95%
}

.creator6 .zh-journey-logo.creatorapp {
    margin: 0 auto 10px
}

.zh-expense a {
    margin-top: 10px
}

.zh-our-journey__right .mexican .ofcstarted .evnt-txt {
    width: 80%
}

.zh-our-journey__right .month-col {
    padding: 0 30px;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    background-color: #f3fafd;
    margin-bottom: 10px;
    border-radius: 10px;
    position: relative
}

.zh-our-journey__right .month-col.illus_img_sec {
    justify-content: flex-end;
    align-items: center;
    display: flex
}

.zh-our-journey__right .month-col.pcm.txt-cen .evnt-txt {
    font-size: 18px
}

.year2018 .month-col,
.year2013 .month-col,
.year2013 .month-col,
.year2013 .single_box,
.year2008 .single_box,
.year2008 .month-col,
.year2003 .single_box,
.year2003 .month-col,
.year2008 .single_box {
    background-color: #fff7f0;
    border: 1px solid #f5e5d7
}

.year2017 .month-col,
.year2022 .month-col,
.year2012 .month-col,
.year2012 .single_box,
.year2007 .single_box,
.year2007 .month-col,
.year2001 .single_box,
.year2001 .month-col {
    background-color: #fffaec;
    border: 1px solid #f2e9d0
}

/*.year2017 .first_clmn .month-col {
	background-color: #fed600
}*/

.year2016 .month-col,
.year2016 .single_box,
.year2011 .single_box,
.year2011 .month-col,
.year2006 .single_box,
.year2006 .month-col,
.year2000 .single_box,
.year2000 .month-col,
.year2021 .month-col {
    background-color: #f8f6ff;
    border: 1px solid #e6e1f7
}

.year2020 .single_box,
.year2015 .single_box,
.zh-our-journey__right .year2015 .month-col,
.year2010 .single_box,
.year2005 .single_box,
.year2005 .month-col,
.year1998 .month-col,
.year2020 .month-col,
.year2010 .month-col,
.year2024 .month-col {
    background-color: #f3fafd;
    border: 1px solid #dcedf5
}

.year2017 .single_box {
    background-color: #fed600
}

.year2019 .single_box,
.year2014 .single_box,
.zh-our-journey__right .year2014 .month-col,
.year2009 .single_box,
.zh-our-journey__right .year2009 .month-col,
.year2004 .single_box,
.zh-our-journey__right .year2004 .month-col,
.year1996 .single_box,
.zh-our-journey__right .year1996 .month-col,
.year2019 .month-col,
.zh-our-journey__right .year2023 .month-col {
    background-color: #f6fdf4;
    border: 1px solid #d4f0d4
}

.year2013 .single_box .month-col,
.year2012 .single_box .month-col,
.year2007 .single_box .month-col,
.year2001 .single_box .month-col,
.year2014 .single_box .month-col,
.year2015 .single_box .month-col,
.year2016 .single_box .month-col,
.year2020 .single_box .month-col,
.year2019 .single_box .month-col,
.year2017 .single_box,
.year2015 .single_box .month-col,
.year2011 .single_box .month-col,
.year2010 .single_box .month-col,
.year2009 .single_box .month-col,
.year2008 .single_box .month-col,
.year2006 .single_box .month-col,
.year2005 .single_box .month-col,
.year2004 .single_box .month-col,
.year2003 .single_box .month-col,
.year2000 .single_box .month-col,
.year1996 .single_box .month-col {
    border: 0
}

.zh-our-journey__right .month-col.txt-cen.cele15 .evnt-txt {
    width: 90%;
    margin: 20px auto 0
}

.zh-our-journey__right .month-col.txt-cen .evnt-txt {
    width: 100%
}

.zh-our-journey__right .month-col .num-ttl {
    font-size: 57px;
    font-family: var(--zf-secondary-medium)
}

.zh-our-journey__right .month-col .pri-ttl {
    font-size: 24px;
    font-family: var(--zf-secondary-medium);
    margin-bottom: 5px;
    letter-spacing: -0.4px;
    line-height: 1.2
}

.zh-our-journey__right .month-col .pri-ttl em {
    line-height: 1.2;
    margin-bottom: 10px;
    display: block
}

.nytime {
    margin-top: 40px
}

.nassc .nytime {
    width: 40%;
    margin: 20px auto 20px;
    border-radius: 12px
}

.year2001 .nassc .nytime {
    width: 35%
}

.nassc .evnt-txt {
    margin: 0 auto
}

.years-content .month-cntn.bgadded .month-col {
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
    margin-bottom: 0
}

.zhone .zhlogo {
    margin: 0 auto 10px;
    position: relative;
    left: -18px
}

.zh-our-journey__right .month-col.ofcstarted.zhone {
    justify-content: flex-start;
    padding-top: 50px
}

.zh-our-journey__right .evnt-txt.text21 {
    font-size: 21px
}

.zh-our-journey__right .year2003 .evnt-txt {
    width: 100%
}

.zh-our-journey__right .pri-ttl.text60 {
    font-size: 60px;
    letter-spacing: -1.5px
}

.zh-our-journey__right .pri-ttl.text40 {
    font-size: 40px
}

.zh-our-journey__right .pri-ttl.text32 {
    font-size: 32px;
    line-height: 1.2
}

.zh-our-journey__right .pri-ttl.text30 {
    font-size: 30px
}

.zh-our-journey__right .month-col .sec-ttl {
    font-size: 40px;
    letter-spacing: -1px
}

.zh-our-journey__right .month-col.btm {
    margin-bottom: 0
}

.zh-our-journey__right .month-col.nyt.btm {
    justify-content: flex-end
}

.zh-our-journey__right .month-col.nyt .nytime {
    width: 70%;
    margin: 14px auto 0
}

.zh-our-journey__right .evnt-txt a.zhlogo {
    border-bottom: 0
}

.zh-our-journey__right .year2020 .month-col {
    padding-bottom: 0
}

.zh-our-journey__right .month-col.ofcstarted {
    justify-content: center
}

.zh-our-journey__right .month-col.ofcstarted.japan {
    justify-content: flex-end
}

.zh-our-journey__right .month-col.ofcstarted.zh_meet {
    justify-content: flex-start;
    margin-top: 40px
}

.zh-our-journey__right .month-col.ofcstarted.zh_meet .nytime {
    position: absolute;
    bottom: -10px;
    width: 80%
}

.zh-our-journey__right .month-col.ofcstarted.zhstatus .nytime {
    border-radius: 15px
}

.zh-our-journey__right .extension .month-col.ofcstarted {
    justify-content: center
}

.zh-our-journey__right .year2004 .evnt-txt {
    width: 100%;
    margin: 20px auto 0
}

.zh-our-journey__right .month-wrapper.bggr {
    border-bottom: 1px solid #d2e8f5
}

.zh-our-journey__right .years-content.year2019 .month-wrapper .month-col.bggr:not(:last-child) {
    border-bottom-color: #f4e7d7
}

.zh-our-journey__right .years-content.year2019 .month-wrapper.bgwhite .month-col.bggr:not(:last-child) {
    border-bottom-color: #f4e7d7
}

.zh-our-journey__right .years-content.year2013 .month-wrapper .month-col.bggr:not(:last-child) {
    border-bottom: 1px solid #f4e7d7
}

.zh-our-journey__right .mtbt .pri-ttl {
    margin: 15px 0 10px;
    line-height: 1.2;
    letter-spacing: -0.5px
}

.zh-our-journey__right .month-wrapper .month-col.coverBg.netherland {
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 55%
}

.zh-our-journey__right .month-col.aus .evnt-txt {
    width: 80%;
    letter-spacing: -0.6px
}

.zh-our-journey__right .month-col.complus .pri-ttl {
    margin-bottom: 100px;
    letter-spacing: -0.6px
}

.zh-our-journey__right .month-col.aus .evnt-txt,
.zh-our-journey__right .month-col.complus .pri-ttl,
.zh-our-journey__right .month-col.zh_virtual .pri-ttl {
    font-size: 30px;
    line-height: 1.4 !important;
    letter-spacing: -0.6px
}

.zh-our-journey__right .month-col.txt-cen.bstcrm .evnt-txt {
    font-size: 22px;
    text-align: left
}

.zh-our-journey__right .evnt-txt.whitetxt {
    color: #fff
}

.twomany {
    transform: scale(0.8);
    margin-bottom: 15px
}

.zh-our-journey__right .evnt-inner-bg.books-bg {
    background: transparent;
    border: 0;
    padding: 0;
    width: 100%;
    height: auto;
    margin-bottom: 0;
    position: relative
}

.zh-our-journey__right .zhanl .evnt-txt {
    width: 80%
}

.zh-our-journey__right .zhanl {
    align-items: flex-start
}

.year2020 .month-wrapper:first-child .month-cntn {
    position: relative
}

.year2020 .month-wrapper:first-child .month-col {
    position: relative;
    z-index: 2;
    background-color: transparent;
    justify-content: flex-start
}

.zh-our-journey__right .year2020 .month-wrapper:first-child .event-img {
    position: absolute;
    z-index: 0;
    bottom: 0
}

.zh-our-journey__right .year2020 .month-wrapper:first-child .event-img img {
    width: 75%;
    margin-bottom: 0
}

.month-wrapper.constellation .single_box {
    padding-top: 60px
}

.month-wrapper.constellation .single_box a,
.month-wrapper.btwork a,
.month-wrapper.bigin a,
.zh_meet a {
    margin-top: 15px;
    color: var(--primary-color)
}

.zh-our-journey__right .evnt-txt.wid70 {
    width: 70%
}

.zh-journey-logo {
    background: url(/sites/zweb/images/zh-hans/zoho_general_pages/zoho-ourjourney-sprite.png) left top no-repeat;
    background-size: 990px auto;
    width: 50px;
    height: 48px;
    margin-top: 0;
    display: inline-block;
    margin-bottom: 20px
}

.zh-journey-logo.zpcontracts,
.zh-journey-logo.dataprep,
.zh-journey-logo.zh-expense {
    background: url(/sites/zweb/images/commonroot/zp-global-icon-sprite-2x.png) left top no-repeat;
    background-position: 0 -212px;
    background-size: 700px auto;
    margin: 0 auto 15px
}

.zh-journey-logo.zh-expense {
    background-position: -280px -97px;
    width: 42px;
    height: 43px;
    background-size: 600px auto;
}

.zh-journey-logo.dataprep {
    background-position: -51px -212px
}

.zh-journey-logo.calapp {
    background-position: -212px -215px
}

.zh-journey-logo.calapp.intro {
    margin: 0 auto 15px
}

.zh-journey-logo.zhclasses {
    background-position: -238px -182px;
    margin-top: 0;
    width: 43px;
    height: 43px
}

.zh-journey-logo.aw_padma {
    width: 150px;
    background-position: -505px -157px;
    height: 120px;
    margin: 0 auto 20px
}

.zh-journey-logo.svgsprite {
    background: url(/sites/zweb/images/zh-hans/zoho_general_pages/zh-our-journey-sprite-img.png) left top no-repeat;
    background-size: 610px auto;
    background-position: 0 0;
    width: 160px;
    height: 144px;
    margin: 0 auto
}

.zh-journey-logo.svgsprite.sixtym {
    background-position: -6px -380px
}

.svgsprite.austinofc {
    background-position: -12px -185px;
    width: 140px;
    height: 150px;
    background-size: 1850px auto;
    margin-bottom: 10px
}

.zh-journey-logo.svgsprite.fiftym,
.zh-journey-logo.svgsprite.thirtym,
.zh-journey-logo.svgsprite.twentym,
.zh-journey-logo.svgsprite.fifteenm,
.zh-journey-logo.svgsprite.fifteenm1,
.zh-journey-logo.svgsprite.twentyfivem {
    background-position: -423px -316px;
    background-size: 740px auto;
    width: 200px;
    height: 160px
}

.zh-journey-logo.svgsprite.fiftym {
    width: 190px
}

.zh-journey-logo.svgsprite.thirtym {
    background-position: -210px -311px;
    width: 210px
}

.zh-journey-logo.svgsprite.twentym {
    background-position: -1px -320px
}

.zh-journey-logo.svgsprite.fifteenm {
    background-position: -521px -150px;
    height: 150px
}

.zh-journey-logo.svgsprite.twentyfivem {
    background-position: -231px -799px;
    height: 145px;
    margin-bottom: 20px
}

.zh-journey-logo.svgsprite.twentyfivem.routeiq {
    background: url(/sites/zweb/images/zh-hans/zoho_general_pages/zh-newhome-sprite.png) left top no-repeat;
    background-size: 400px auto;
    background-position: -220px -69px;
    width: 50px;
    height: 50px;
    margin-bottom: 15px
}

.zh-journey-logo.svgsprite.fifteenm1 {
    background-position: -325px -146px;
    height: 150px
}

.zh-journey-logo.svgsprite.threem {
    background-position: -147px -135px;
    background-size: 660px auto;
    width: 130px;
    height: 130px
}

.zh-journey-logo.svgsprite.zhfluence,
.zh-journey-logo.svgsprite.zhesp,
.zh-journey-logo.svgsprite.zhtcs,
.zh-journey-logo.fivemega,
.zh-journey-logo.ziavoice,
.zh-journey-logo.zhbaihui,
.zh-journey-logo.zhaustfarm,
.zh-journey-logo.zhdatacent,
.zh-journey-logo.zhdatacentneth,
.zh-journey-logo.zh2013launch,
.zh-journey-logo.zh2006launch,
.zh-journey-logo.zhgrowing,
.zh-journey-logo.zh2011launch,
.zh-journey-logo.zh2012launch,
.zh-journey-logo.zh2014launch,
.zh-journey-logo.zhsinglesign,
.zh-journey-logo.zhgdpi {
    background-size: 1390px auto;
    background-position: -230px -155px;
    height: 100px;
    width: 170px
}

.zh-journey-logo.zhpuvift {
    background-position: -501px -336px;
    width: 75px;
    background-size: 1070px auto;
    height: 100px;
    margin: 5px auto
}

.zh-journey-logo.zhgrowing {
    background-position: -335px -45px
}

.zh-journey-logo.zhaustfarm {
    background-position: -2px -181px;
    background-size: 1690px auto;
    height: 114px
}

.zh-journey-logo.svgsprite.zhesp {
    background-position: -139px -185px;
    background-size: 1600px auto;
    height: 100px
}

.zh-journey-logo.svgsprite.tcs {
    background-position: -355px -152px;
    background-size: 1400px auto;
    height: 114px
}

.zh-journey-logo.svgsprite.zhtcs {
    background-position: -475px -148px
}

.zh-journey-logo.zhdatacent {
    background-position: -739px -153px;
    width: 130px
}

.zh-journey-logo.zhdatacentneth {
    background-position: -479px -33px;
    width: 130px
}

.zh-our-journey__right .month-col.padrt {
    padding-right: 10px
}

.zh-journey-logo.zhbaihui,
.zh-journey-logo.zhbstent,
.zh-journey-logo.zhapilg,
.zh-journey-logo.zhphonebridge {
    background-position: -239px -39px;
    height: 106px;
    width: 190px;
    background-size: 1600px auto
}

.zh-journey-logo.zhbaihui {
    background-position: -204px -336px;
    width: 260px;
    background-size: 1070px auto;
    height: 56px;
    margin: 5px auto
}

.zh-journey-logo.zhgdpi {
    background-position: -549px -949px;
    background-size: 1040px auto;
    height: 120px;
    transform: scale(1.4)
}

.zh-journey-logo.zhphonebridge {
    background-position: -690px -43px;
    height: 110px
}

.zh-journey-logo.zhapilg {
    background-position: -13px -45px;
    width: 180px
}

.zh-journey-logo.zhbstent {
    background-position: -130px -44px;
    height: 106px;
    width: 170px
}

.zh-journey-logo.fivemega {
    background-position: -889px -27px;
    width: 95px;
    height: 95px;
    margin: 0 auto 20px
}

.zh-journey-logo.svgsprite.onem {
    background-position: -1px -204px;
    background-size: 1020px auto;
    width: 200px;
    height: 220px
}

.zh-journey-logo.zhsinglesign {
    background-position: -590px -1306px;
    height: 130px;
    background-size: 1400px auto
}

.zh-journey-logo.zh2013launch {
    background-position: -1166px -84px;
    height: 170px
}

.zh-journey-logo.zh2012launch {
    background-position: -45px -1262px;
    height: 170px
}

.zh-journey-logo.zh2011launch {
    background-position: -212px -1261px;
    height: 175px
}

.zh-journey-logo.zh2014launch {
    background-position: -394px -1271px;
    height: 170px
}

.zh-journey-logo.zh2006launch {
    background-position: -999px -82px;
    height: 170px
}

.zh-journey-logo.svgsprite.fivemega1 {
    background-position: -485px -402px;
    width: 131px;
    height: 106px;
    margin: 0 auto 20px
}

.zh-journey-logo.ziavoice {
    background-position: -623px -148px;
    width: 122px;
    height: 103px;
    margin-bottom: 0;
    margin-top: 0
}

.zh-journey-logo.svgsprite.thousandm {
    background-position: -173px -364px;
    width: 250px;
    background-size: 564px auto;
    height: 120px
}

.zh-journey-logo.svgsprite.tenyr {
    background-position: -12px -653px;
    width: 180px;
    height: 130px;
    margin-bottom: 10px;
}

.zh-journey-logo.svgsprite.threeyr {
    background-position: -492px -247px;
    width: 130px;
    height: 130px;
}

.zh-journey-logo.crmWatchlist {

    width: 250px;
    height: 200px;
    background-size: 70%;
    background-position: 38px 10px;
    margin: 0 auto 20px;
}

.zh-our-journey__right .month-wrapper.coverBg.launchWork {
   
}

.zh-journey-spriteimg {
    margin-top: 5px
}

.zh-journey-logo.workdrive {
    background-position: -292px -3px;
    width: 52px;
    height: 45px;
    margin-right: 25px
}

.year2022 .zh-journey-logo.workdrive {
    margin: 0 auto 10px;
}

.zh-journey-logo.campaign {
    background-position: -208px -1px;
    width: 50px;
    height: 47px;
    margin: 0 auto 10px;
}

.zh-journey-logo.commerce {
    background-position: -345px -5px;
    width: 52px;
    height: 45px
}

.zh-journey-logo.partnership {
    background-position: -24px 5px;
    width: 30px;
    height: 30px;
    background-size: 140px auto;
    position: absolute;
    right: 30px
}

.zh-journey-logo.forbeslogo {
    background-position: -932px -352px;
    width: 59px;
    height: 22px
}

.zh-journey-logo.gdpr {
    background-position: -11px -169px;
    width: 75px;
    height: 85px;
    margin: 0 auto 15px
}

.zh-journey-logo.constellation {
    width: 100px;
    height: 60px;
    background-position: -716px 0
}

.zh-journey-logo.iso {
    width: 105px;
    height: 103px;
    background-position: 1px -53px
}

.zh-journey-logo.iso7701 {
    width: 105px;
    height: 103px;
    background-position: -68px -303px;
    margin-top: 0
}

.zh-journey-logo.dialog-en {
    width: 210px;
    height: 60px;
    background-position: -565px -318px;
    margin-top: 10px;
    margin-bottom: 0
}

.zh-journey-logo.isoiec {
    width: 105px;
    height: 83px;
    background-position: -428px -1px
}

.zh-journey-logo.zhsch {
    width: 43px;
    height: 45px;
    background-position: 0 0
}

.zh-journey-logo.zhgst {
    width: 93px;
    height: 45px;
    background-position: -103px -232px
}

.zh-journey-logo.pcmag {
    width: 105px;
    height: 107px;
    background-position: -120px -53px;
    margin: 0 auto 15px
}

.month-col.mexicoofc {
    overflow: hidden;
    display: inline-block
}

.month-col.mexicoofc .evnt-inner-bg,
.zh-our-journey__right .txt-cen.month-col.netland .evnt-inner-bg {
    margin-top: 30px
}

.zh-our-journey__right .txt-cen.month-col.netland .evnt-inner-bg {
    margin-top: 10px
}

.month-col.datact.cele15 img {
    width: 50%
}

.month-col.datact img {
    margin: 20px auto 0;
    width: 34%
}

.month-col.mexicoofc img,
.month-col.netland img,
.month-col.dubai img,
.month-col.chennai img {
    width: 90%;
    display: block;
    margin: 20px auto 0
}

.month-col.dubai.tenkasi img {
    width: 100%;
    margin-top: 40px
}

.zh-our-journey__right .month-col.btm.chennai {
    justify-content: flex-end
}

.month-col.chennai img {
    width: 60%
}

.zh-journey-logo.cnn {
    width: 73px;
    height: 36px;
    background-position: -396px -88px
}

.zh-journey-logo.techrep {
    width: 155px;
    height: 35px;
    background-position: -483px -90px
}

.zh-journey-logo.manageengine {
    width: 209px;
    height: 38px;
    background-position: -652px -85px;
    margin: 0 auto 20px
}

.zh-journey-logo.readwrite {
    width: 137px;
    height: 25px;
    background-position: -827px -27px
}

.zh-journey-logo.zulogo {
    width: 163px;
    height: 67px;
    background-position: -317px -169px;
    margin: 10px auto
}

.hsbc_wrap .zh-journey-logo.zulogo {
    background-position: -567px -386px;
    width: 250px;
    height: 40px
}

.zh-journey-logo.trainercentral {
    background-position: -662px -189px;
    width: 140px;
    height: 60px;
    margin: 0 auto 10px
}

.zh-journey-logo.adventlg {
    width: 158px;
    height: 48px;
    background-position: -549px -3px;
    margin: 10px auto
}

.zhulogo .zh-journey-logo.zulogo {
    margin: 0
}

.zh-journey-logo.time {
    width: 108px;
    height: 32px;
    background-position: -103px -193px;
    margin: 0 auto 15px
}

.zh-journey-logo.gartnerlg {
    width: 166px;
    height: 126px;
    background-position: -829px -162px;
    margin: 0 auto 15px;
    display: block
}

.month-col.datact.sixtym img {
    width: 45%;
    margin: 0 auto 10px
}

.year2007 .pri-ttl a {
    font-family: var(--zf-secondary-medium);
    color: var(--primary-color)
}

.zh-journey-logo.zpglobwhole {
    background: url(/sites/zweb/images/commonroot/zp-global-icon-sprite-2x.png) left top no-repeat;
    background-size: 1440px auto
}

.zh-journey-logo.zpsuite {
    width: 52px;
    height: 60px;
    background: url(/sites/zweb/images/zoho_general_pages/zgh-icon-sprite.png);
    background-size: 820px auto;
    background-position: -489px -53px
}

.zh-journey-logo.projects {
    background-position: -511px -7px;
    background-size: 1100px auto;
    width: 80px;
    height: 60px;
    margin: 0 auto 20px
}

.zh-journey-logo.peoplepls {
    width: 52px;
    height: 60px;
    background-size: 800px auto;
    background-position: -642px -131px
}

.zh-journey-logo.crmplus {
    width: 52px;
    height: 57px;
    background-size: 820px auto;
    background-position: -440px -136px
}

.zh-journey-logo.transmail {
    background-position: -262px -182px;
    width: 51px;
    height: 52px;
    background-size: 780px auto
}

.zh-journey-logo.zhonelogo {
    background-position: -675px -130px;
    width: 51px;
    height: 52px;
    background-size: 780px auto
}

.zh-journey-logo.zhonelogo.zh-expense {
    background-position: -280px -97px;
    width: 48px;
    height: 43px;
    background-size: 600px auto;
}

.zh-bundle-apps.zh-marketing.bundle-m .zh-mar-app,
.zh-journey-logo.zhonelogo.zh-mar-app {
    background: url(/sites/zweb/images/commonroot/zh-sprite-2x-new.png);
    background-position: -651px 1px;
    height: 54px;
    width: 57px;
    background-size: 700px auto;
    background-repeat: no-repeat;
}

.zh-journey-logo.zhonelogo.zh-mar-app {
    background-position: -651px 1px;
    height: 54px;
    width: 51px;
    margin: 0 auto 20px;
}

.zh-journey-logo.catalystlg {
    background-position: -428px 1px;
    background-size: 800px auto;
    width: 50px;
    height: 55px
}

.zh-journey-logo.workplace {
    background-position: -451px -123px;
    width: 48px;
    height: 54px;
    background-size: 750px auto
}

.zh-journey-logo.financeplus {
    background-position: -532px -131px;
    width: 55px;
    height: 58px;
    background-size: 800px auto
}

.zh-journey-logo.backtowork {
    background-size: 700px auto;
    background-position: 0 -162px;
    width: 45px
}

.zh-journey-logo.marketapp {
    background-size: 680px auto;
    width: 45px;
    height: 50px;
    background-position: -137px -158px
}

.zh-journey-logo.marketapp.voice {
    background-position: -545px -161px
}

.zh-journey-logo.marketapp.shifts {
    background-position: -157px -208px
}

.zh-journey-logo.devapp {
    background-size: auto 191px;
    width: 55px;
    height: 40px;
    background-position: -762px -84px;
    background-image: url(/sites/zweb/images/commonroot/zh-sprite-2x-new.png)
}

.zh-journey-logo.zpglob {
    background-image: url("/sites/zweb/images/commonroot/zglobal-icon-sprite-2x.png");
    background-size: 750px auto
}

.zh-journey-logo.learn {
    background-size: 680px auto;
    width: 48px;
    height: 50px;
    background-position: -47px -187px
}

.zh-journey-logo.zillum {

    background-size: 45px auto;
    background-position: 5px 2px;
}

.zh-journey-logo.zhanalytics {
    background-position: -261px -157px;
    width: 51px;
    background-size: 750px auto
}

.zh-journey-logo.zhconnect {
    background-position: -406px -116px;
    width: 57px
}

.zh-journey-logo.zhsurvey {
    background-position: -346px -2px;
    width: 57px
}

.zh-journey-logo.zhvault {
    background-position: -519px -117px;
    width: 57px
}

.zh-journey-logo.zhctmang {
    background-position: -173px -1px;
    width: 57px;
    height: 56px
}

.zh-journey-logo.zhcampaign {
    background-position: -232px 0;
    width: 57px;
    height: 56px
}

.zh-journey-logo.zhmeeting {
    background-position: -53px -53px;
    width: 50px;
    height: 50px
}

.zh-journey-logo.zhsites {
    background-position: -572px -2px;
    width: 57px;
    height: 56px
}

.zh-journey-logo.zhbooks {
    background-position: -116px -60px;
    width: 57px;
    height: 56px
}

.zh-journey-logo.zhbugs {
    background-position: -342px -116px;
    width: 57px;
    height: 56px
}

.zh-journey-logo.sign {
    background-position: -571px 0;
    width: 50px
}

.zh-journey-logo.zhcliq {
    background-position: -359px -105px;
    width: 57px;
    margin-top: 0
}

.zh-journey-logo.zhsprint {
    background-position: -259px -104px;
    width: 51px;
    margin-top: 0
}

.zh-journey-logo.chkout {
    background-position: -364px -51px;
    width: 50px;
    background-size: 750px auto
}

.zh-journey-logo.commercelg {
    background-position: -719px -143px;
    margin-top: 0
}

.zh-journey-logo.orchestlylg {
    background-position: -627px -155px;
    width: 50px;
    height: 50px;
    margin: 0 auto 20px
}

.zh-journey-logo.zhwriter {
    background-position: -647px -51px;
    width: 51px;
    height: 45px;
    background-size: 720px auto
}

.year2005 .zh-journey-logo.zhwriter {
    background-position: -674px -52px;
    width: 56px;
    height: 50px;
    background-size: 750px auto;
}

.zh-journey-logo.zhteaminbox {
    background-position: -376px -187px;
    background-size: 1410px auto;
    width: 47px;
    height: 48px
}

.zh-journey-logo.creatorapp {
    background-position: -517px -107px;
    width: 50px;
    height: 44px
}

.zh-journey-logo.cliqapp {
    background-position: -363px -107px;
    width: 50px;
    height: 44px;
    margin: 0 auto 10px
}

.zh-journey-logo.zhsheet {
    background-position: -1px -104px;
    width: 50px;
    height: 50px
}

.zh-journey-logo.zhshow {
    background-position: -53px -105px;
    width: 50px;
    height: 46px
}

.zh-journey-logo.zhproject {
    background-position: -209px -106px;
    width: 52px;
    height: 50px
}

.zh-journey-logo.zhcrm {
    background-position: -2px -2px;
    width: 50px;
    height: 41px
}

.zh-journey-logo.zhsubscr {
    background-position: -286px -57px;
    width: 55px;
    height: 55px
}

.zh-journey-logo.zhsalesiq {
    background-position: -60px -2px;
    width: 55px;
    height: 57px
}

.twomany .zh-journey-logo.zhcrm {
    margin-left: 10px
}

.twomany .zh-journey-logo {
    margin-bottom: 0
}

.zh-journey-logo.maillogo {
    background-position: -609px -59px;
    background-size: 800px auto;
    width: 53px;
    height: 48px
}

.zh-journey-logo.workerlylogo {
    background-position: -395px -166px;
    background-size: 800px auto;
    width: 40px;
    height: 55px
}

.zh-journey-logo.workdrive {
    background-position: 2px -159px;
    background-size: 750px auto;
    width: 54px;
    height: 44px;
    margin-right: 0
}

.zh-journey-logo.booking {
    background-position: -676px -158px;
    width: 50px;
    height: 53px;
    background-size: 750px auto
}

.zh-journey-logo.remotly {
    background-position: -597px 0;
    background-size: 740px auto;
    width: 38px;
    height: 48px
}

.zh-journey-logo.biginapp {
    background-position: -253px -199px;
    background-size: 720px auto;
    width: 46px;
    height: 48px
}

.zh-journey-logo.backstageapp {
    background-position: -415px 0;
    width: 49px;
    height: 53px
}

.zh-journey-logo.pagesenseapp {
    background-position: -361px -2px;
    width: 54px;
    height: 48px
}

.zh-journey-logo.deskapp {
    background-position: -677px 2px;
    width: 46px;
    height: 54px;
    margin-top: 0
}

.zh-journey-logo.salesboxapp {
    background-position: -600px -4px;
    background-size: 720px auto;
    width: 46px;
    height: 48px;
    margin-top: 0
}

.zh-journey-logo.assistapp {
    background-position: -503px -49px;
    background-size: 720px auto;
    width: 46px;
    height: 48px;
    margin-top: 0
}

.zh-journey-logo.invoiceapp {
    background-position: -200px -50px;
    background-size: 720px auto;
    width: 46px;
    height: 48px;
    margin-top: 0;
}

.zh-journey-logo.social {
    background-position: -260px 0;
    width: 48px;
    height: 50px;
}

.zh-journey-logo.expense {
    background-position: -313px -52px;
    width: 48px;
    height: 50px;
}

.zh-journey-logo.showtime {
    background-position: -104px -105px;
    width: 51px;
    height: 48px;
}

.zh-journey-logo.forms {
    background-position: -468px 2px;
    width: 48px;
    height: 50px;
}

.zh-journey-logo.subscriptions {
    background-position: -264px -52px;
    width: 40px;
    height: 50px;
}

.zh-journey-logo.salesiq {
    background-position: -54px -2px;
    width: 47px;
    height: 50px;
}

.zh-journey-logo.connect {
    background-position: -416px -104px;
    width: 48px;
    height: 50px;
}

.zh-journey-logo.survey {
    background-position: -310px -2px;
    width: 52px;
}

.zh-journey-logo.vault {
    background-position: -470px -104px;
    width: 48px;
    height: 50px;
}

.zh-journey-logo.campaigns {
    background-position: -206px 0px;
    width: 56px;
    height: 50px;
}

.zh-journey-logo.sites {
    background-position: -518px 0px;
    width: 56px;
    height: 50px;
}

.zh-journey-logo.invoice {
    background-position: -210px -52px;
    width: 48px;
    height: 53px;
}

.mgb15 {
    margin-bottom: 15px;
}


.first_clmn .zh-journey-logo.invoiceapp {
    margin: 0 auto 20px;
}

.zh-journey-logo.peopleapp {
    background-position: -449px -50px;
    background-size: 720px auto;
    width: 46px;
    height: 48px;
    margin-top: 0
}

.zh-journey-logo.calapp {
    background-position: -212px -212px
}

.zh-journey-logo.docs {
    background-position: -600px -50px;
    background-size: 720px auto;
    width: 46px;
    height: 48px;
    margin-top: 0
}

.zh-journey-logo.crmlg {
    background-position: 2px 0;
    width: 54px;
    height: 42px
}

.zh-journey-logo.recruitapp {
    background-position: -401px -50px;
    background-size: 720px auto;
    width: 46px;
    height: 48px;
    margin-top: 0
}

.zh-journey-logo.notebookapp {
    background-position: -153px -105px;
    width: 56px;
    height: 50px;
    margin-top: 0
}

.zh-journey-logo.zpflow {
    background-position: -573px -105px;
    width: 51px;
    height: 48px
}

.zh-journey-logo.zhlics {
    background-position: -208px -1px;
    width: 143px;
    height: 24px;
    margin-bottom: 15px
}

.zh-journey-logo.ziavoicelogo {
    background-position: -762px -67px;
    width: 64px;
    height: 48px;
    background-size: 860px auto
}

.zh-journey-logo.zulg {
    width: 180px;
    margin-top: 15px;
    background-size: 890px auto;
    height: 39px;
    margin-bottom: 15px
}

.zhlogo {
    display: flex
}

.zhlogo:before {
    content: "";
    display: inline-block;
    background: url(/sites/zweb/images/commonroot/zgheader-footer-sprite.png) no-repeat 0 0/640px auto;
    width: 64px;
    height: 26px;
    margin-bottom: 10px
}

.zhlogo .zohoteambox {
    margin-left: 10px;
    color: var(--primary-color);
    font-family: var(--primaryfont-semibold);
    font-size: 20px;
    line-height: 1.2
}

.btwork .event-img {
    text-align: right;
    display: flex;
    justify-content: flex-end
}

.zh-journey-logo.advertisement {
    background-position: -142px -37px;
    width: 100px;
    height: 120px;
    background-size: 250px auto;
    position: absolute;
    right: 0;
    cursor: pointer;
    top: -15px
}

.zh-journey-logo.zudesign {
    background-position: -65px -86px;
    width: 70px;
    height: 70px;
    background-size: 400px auto
}

.zh-journey-logo.zh_logo {
    background-position: -100px -116px;
    width: 70px;
    height: 25px;
    background-size: 650px auto;
    display: block;
    margin-top: 10px;
    position: absolute;
    top: -30px;
    right: 13px
}

.yearfixed {
    position: absolute;
    left: 170px;
    background-color: #fff;
    top: 0;
    display: inline-block;
    font-size: 32px;
    padding: 0;
    z-index: 2;
    color: #dfa900;
    padding-right: 30px
}

.zh-journey-logo.zh_logo.icicibank {
    background-position: -233px -105px;
    top: 12px;
    width: 110px;
    right: -13px;
    height: 30px;
    background-size: 590px auto
}

.evnt-inner-bg.books-bg.icici-img {
    align-items: flex-start;
    position: relative
}

.evnt-inner-bg.books-bg.icici-img.qntrl_wrap {
    flex-flow: column
}

.evnt-inner-bg.books-bg.icici-img.qntrl_wrap .zh-journey-logo {
    margin-bottom: 10px;
    background-position: -1108px -481px;
    background-size: 1400px auto;
    height: 29px;
    width: 70px;
    background-image: url(/sites/zweb/images/zh-hans/zoho_general_pages/zoho-ourjourney-sprite.png)
}

.evnt-inner-bg.books-bg.icici-img.qntrl_wrap .evnt-txt {
    width: 100%;
    margin: 0
}

.mexicoofc .evnt-inner-bg.books-bg.icici-img,
.netland .evnt-inner-bg.books-bg {
    text-align: center
}

.mexicoofc .evnt-inner-bg.books-bg.icici-img .evnt-txt,
.netland .evnt-inner-bg.books-bg .evnt-txt,
.month-col.dubai .evnt-txt {
    margin: 0 auto
}

.month-wrapper.bggr.custex .evnt-inner-bg.books-bg.icici-img {
    align-items: center;
    flex-flow: row
}

.mexicoofc .evnt-inner-bg.books-bg.icici-img .evnt-txt,
.month-col.dubai .evnt-txt {
    width: 70%;
    text-align: center;
    line-height: 1.5
}

.zh-our-journey__right .month-col.txt-cen .evnt-txt,
.zh-our-journey__right .illus_img_sec .evnt-txt {
    line-height: 1.5
}

.zh-our-journey__right .bookapp .ofcstarted .evnt-txt {
    width: 75%
}

.zh-our-journey__right .year2019 .single_box.first_clmn .top p {
    width: 90%;
    margin: 0 auto
}

.zh-our-journey__right .orchest .txt-cen .evnt-inner-bg {
    width: 80%;
    margin: 0 auto
}

.zh-our-journey__right .evnt-inner-bg {
    padding: 0;
    width: 100%
}

.zh-our-journey__right .txt-cen .evnt-inner-bg {
    width: 100%
}

.zh-our-journey__right .years-content ul li {
    margin-bottom: 80px
}

.zh-our-journey__right .years-content ul li:last-child {
    margin-bottom: 0
}

.evnt-inner-bg.books-bg {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.evnt-inner-bg.pro_icon {
    flex-flow: row-reverse;
    align-items: flex-start
}

.zh-our-journey__right .pro_icon .evnt-txt {
    margin-left: 20px
}

.zh-our-journey__right .hsbc_wrap .pro_icon .evnt-txt {
    margin: 0;
    width: 100%
}

.zh-our-journey__right .mdin .zu-img.pro_icon .evnt-txt {
    width: calc(100% - 60px);
    margin-left: 20px
}

.zh-our-journey__right .forbes .evnt-inner-bg .forbessec {
    width: 70%
}

.zh-our-journey__right .forbes .evnt-inner-bg .forbessec p,
.zh-our-journey__right .classes .evnt-inner-bg p {
    margin-bottom: 10px
}

.zh-our-journey__right .forbes .evnt-inner-bg img {
    width: 28%;
    border-radius: 12px
}

.zh-our-journey__right .month-wrapper.launchWork {
    background-color: #f3faff !important
}

.zh-our-journey__right .year2020 .month-wrapper,
.zh-our-journey__right .year2019 .month-wrapper {
    border-radius: 10px;
    padding: 5px
}

.zh-our-journey__right .month-wrapper.bgwhite.launchWork {
    border-right: 1px solid #f5f5f5
}

.zh-our-journey__right .month-wrapper.launchWork .month-cntn {
    display: flex
}

.zh-our-journey__right .years-content .month-wrapper.wikiaward .month-col {
    width: 100%
}

.zh-our-journey__right .month-wrapper.launchWork .evnt-txt span {
    font-size: 30px;
    font-family: var(--zf-secondary-extralight)
}

.zh-our-journey__right .evnt-inner-bg.books-bg.wiki-img img {
    width: 55px;
    margin-top: 10px;
    margin-bottom: 12px
}

.evnt-inner-bg.zu-img img {
    width: 17%
}

.evnt-inner-bg.zu-img a.med_img_size,
.evnt-inner-bg.zu-img span.mad_in.med_img_size {
    width: 28%;
    margin-left: 20px;
    display: block;
    cursor: pointer
}

.evnt-inner-bg.zu-img a.med_img_size.mar-cen {
    margin: 0 auto
}

.txt-cen .evnt-inner-bg.zu-img a.med_img_size {
    margin-bottom: 15px
}

.evnt-inner-bg.zu-img a.med_img_size.one_auth {
    width: 20%
}

.evnt-inner-bg.zu-img.threemill a.med_img_size,
.evnt-inner-bg.zu-img.beststart a.med_img_size {
    width: 60%
}

.zh-our-journey__right .mdin .zu-img .evnt-txt {
    width: 60%
}

.zh-our-journey__right .zhpuvi .zu-img .evnt-txt {
    width: 70%
}

.zh-our-journey__right .writer .zu-img .evnt-txt {
    width: 80%
}

.evnt-inner-bg.zu-img a.med_img_size img,
.evnt-inner-bg.zu-img span.med_img_size img {
    width: 100%;
    border-radius: 12px
}

.zh-our-journey__right .years-content .evnt-img {
    width: 92%
}

.range-slider {
    height: 20px;
    position: absolute;
    width: 50%;
    bottom: 70px;
    left: calc(30%);
    z-index: 22
}

.range-slider:before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    width: 100%;
    height: 2px;
    background-color: transparent;
    border-radius: 0;
    left: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.range-slider span.dragBall {
    display: block;
    height: 10px;
    position: relative;
    z-index: 2;
    background-color: var(--highlight-color);
    cursor: inherit;
    width: 40px;
    left: 0;
    border-radius: 15px;
    top: 4px;
    cursor: move
}

.range-slider span.dragBall.addTransition,
.range-slider .progressBar.addTransition {
    transition: all .2s ease
}

.ranger {
    width: 65%;
    position: relative;
    top: 40px;
    left: 50%;
    transform: translateX(-50%)
}

.slider,
.duplicateslide {
    -webkit-appearance: none;
    width: 100%;
    height: 10px;
    background-color: #fff;
    color: #fff;
    border-radius: 10px;
    outline: 0;
    opacity: 1;
    -webkit-transition: .2s;
    transition: opacity .2s;
    z-index: 0;
    position: relative
}

.slider {
    z-index: 22;
    position: absolute;
    top: 21px;
    left: 0;
    opacity: 1;
    background-color: #333
}

.bg-score {
    position: absolute;
    background-color: #fff;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    border-radius: 10px;
    transition: width .3s ease
}

.rangelabel-dup {
    display: block;
    height: 8px;
    position: relative;
    z-index: 2;
    background-color: var(--highlight-color);
    cursor: inherit;
    width: 36px;
    left: 0;
    border-radius: 15px;
    top: -3px;
    cursor: move
}

.rangelabel-dup::after {
    content: "";
    position: absolute;
    top: -14px;
    right: 2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 4px 7px 5px;
    border-color: #fff transparent transparent transparent;
    background: transparent
}

.duplicateslide {
    height: 2px;
    background-color: rgba(0, 0, 0, 0.1)
}

.range-slider .progressBar {
    width: 0;
    display: block;
    background-color: #fff;
    height: 2px;
    position: absolute;
    top: 8px;
    left: 2px;
    border-bottom: 1px solid var(--highlight-color)
}

.single_box.first_clmn .top img {
    width: 200px;
    margin: 0 auto 30px
}

.single_box.first_clmn .top .innr-ttl img {
    margin-bottom: 10px
}

.single_box.first_clmn .top .innr-ttl {
    margin-bottom: 20px
}

.single_box.first_clmn .top img.com-plus {
    margin: 0 auto 0;
    position: absolute;
    bottom: 0;
    right: auto;
    left: 5%;
    width: 90%
}

.zh-aboutus-approach .rightside .rightside-cntn:last-child {
    border: 0
}

.zh-aboutus-approach {
    background: var(--bg-color);
    padding: 100px 0 80px
}

.zh-aboutus-approach .wrapper {
    overflow: visible
}

.zh-aboutus-approach .leftside {
    position: absolute;
    left: 0;
    width: 310px;
    top: 50px;
    height: 100%;
    padding-bottom: 120px
}

.zh-aboutus-approach .leftside .leftNav {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 130px
}

.zh-aboutus-approach .leftside .leftNav .livespan {
    position: relative;
    top: 20px
}

.zh-aboutus-approach .leftside .leftNav .movLine {
    background-color: var(--redclr);
    height: 58px;
    width: 2px;
    position: absolute;
    left: -0.5px;
    z-index: 1;
    transition: all 1s ease;
    top: 0;
    border-radius: 10px
}

.zh-aboutus-approach .leftside .leftNav ul {
    border-left: 1px solid #ccc;
    margin-bottom: 60px;
    position: relative
}

.zh-aboutus-approach .leftside .leftNav li {
    font-size: 16px;
    padding: 5px 10px 5px 28px;
    transition: color 1s ease;
    cursor: pointer;
    position: relative;
    text-align: left;
    letter-spacing: -0.2px;
    margin: 12px 0 12px;
    color: var(--secondary-color)
}

.zh-aboutus-approach .leftside .leftNav li.selected {
    color: var(--highlight-color);
    font-family: var(--zf-secondary-medium)
}

.zh-aboutus-approach .rightside {
    margin-left: 460px;
    width: calc(100% - 500px)
}

.zh-aboutus-approach .rightside .rightside-cntn {
    padding: 60px 0;
    border-bottom: 1px solid #e5e5e5
}

.rightside-cntn .img-sec {
    margin: 30px 0 25px
}

.zh-aboutus-approach .sec-sub-ttl h6 {
    font-size: 40px;
    letter-spacing: -1px;
    line-height: 1.3;
    position: relative;
    margin-bottom: 30px;
    width: 100%
}

.rightside-cntn .cntn-box .img-sec {
    width: 44%;
    margin: 7px 0 30px
}

.zh-cuttingedgeleft .img-sec.mob_ver {
    display: none
}

.rightside-cntn .cntn-box .left-sec,
.rightside-cntn .cntn-box .inner-story {
    width: 60%
}

.rightside-cntn .cntn-box.newway .left-sec {
    width: 60%;
    padding-right: 4%
}

.rightside-cntn .cntn-box.newway .img-sec {
    width: 40%
}

.rightside-cntn .cntn-box p {
    padding-right: 20px
}

.rightside-cntn .img-sec.mob_ver {
    display: none
}

.companysep .img-sec {
    width: 40%;
    margin: 7px 0 0
}

.companysep .seccont {
    width: 60%;
    padding-left: 5%
}

.companysep .img-sec {
    margin: 7px 0 0
}

.rightside-cntn .img-sec {
    margin: 7px 0 20px
}

.zh-cuttingedgeleft {
    width: 100%;
    display: flex;
    align-items: flex-start
}

.zh-cuttingrightinner {
    display: flex;
    width: calc(100% - 460px);
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 60px;
    margin-top: 190px
}

.zh-main .zh-cuttingedgesec .wrapper {
    max-width: 1240px;
    margin-top: -130px;
    margin-bottom: 130px
}

.zh-cuttingrightinner .zh-content {
    width: 45%
}

.zh-cuttingrightinner .zh-content:first-child {
    width: 49%
}

.zh-cuttingedgeleft h4 {
    font-size: 40px;
    width: 400px;
    background-color: var(--bg-color);
    letter-spacing: -1px
}

.zh-cuttingedgeleft .zh-color {
    margin: 30px 0 50px
}

.zh-cuttingedgeleft .zh-color span:last-child {
    width: 100%
}

.italic {
    font-style: italic
}

.zh-cuttingedgeleft h4 .title {
    padding: 40px 50px;
    display: block
}

.zh-cuttingedgeleft h4 ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    margin-top: -20px;
    margin-bottom: 20px
}

.zh-cuttingedgeleft h4 li {
    width: 80px;
    height: 80px;
    position: relative;
    overflow: hidden;
    background-color: transparent
}

.zh-cuttingedgeleft .img-sec.mob_ver {
    display: none
}

.zh-cuttingedgeleft h4 ul li .innr-box {
    width: 100%;
    height: 100%
}

.zh-cuttingedgeleft h4 ul li span {
    position: absolute
}

.zh-cuttingedgeleft h4 ul li span.top-right,
.zh-cuttingedgeleft h4 ul li span.bot-left,
.zh-cuttingedgeleft h4 ul li span.top-left,
.zh-cuttingedgeleft h4 ul li span.bot-right {
    width: 0;
    height: 0
}

.zh-cuttingedgeleft h4 ul li span.top-right {
    border-top: 80px solid transparent;
    border-left: 80px solid transparent
}

.zh-cuttingedgeleft h4 ul li span.bot-left {
    border-bottom: 80px solid transparent;
    border-right: 80px solid transparent
}

.zh-cuttingedgeleft h4 ul li span.top-left {
    border-top: 80px solid transparent;
    border-right: 80px solid transparent
}

.zh-cuttingedgeleft h4 ul li span.bot-right {
    border-bottom: 80px solid transparent;
    border-left: 80px solid transparent
}

.zh-cuttingedgeleft h4 ul li:nth-child(3) span.bot-left {
    border-bottom-color: #efa95a
}

.zh-cuttingedgeleft h4 ul li:nth-child(1) span.bot-left,
.zh-cuttingedgeleft h4 ul li:nth-child(5) span.bot-left {
    border-bottom-color: #21b1a0
}

.zh-cuttingedgeleft h4 ul li:nth-child(2) span.bot-right {
    border-bottom-color: #0a7ed3
}

.zh-cuttingedgeleft h4 ul li:nth-child(4) span.top-left {
    border-top-color: #f0665a
}

.zh-cuttingedgeleft h4 ul li:nth-child(6) span.bot-left {
    border-bottom-color: #f0665a
}

.zh-cuttingedgeleft h4 ul li:nth-child(7) span.top-left {
    border-top-color: #efa95a
}

.zh-cuttingedgeleft h4 ul li:nth-child(8) span.bot-right {
    border-bottom-color: #21b1a0
}

.zh-cuttingedgeleft h4 ul li:nth-child(9) span.top-right {
    border-top-color: #0a7ed3
}

.zh-cuttingedgeleft h4 ul li:nth-child(10) span.top-left {
    border-top-color: #efa95a
}

.zh-aboutusvideo video {
    max-width: unset;
    max-height: unset
}

@media only screen and (max-width:1280px) {
    .zh-main .wrapper {
        max-width: 1100px
    }

    .zh-main .zh-cuttingedgesec .wrapper {
        max-width: 95%
    }
}

@media only screen and (max-width:1180px) {
    .zh-main .wrapper {
        max-width: 1000px
    }

    .zh-aboutcontent {
        width: 80%
    }

    .zh-aboutus-approach .rightside {
        margin-left: 400px;
        width: calc(100% - 400px)
    }
}

@media only screen and (max-width:1080px) {
    .zh-aboutcontent {
        width: 90%
    }

    .zh-main .wrapper {
        max-width: 950px
    }

    .zh-aboutbanner h1 {
        font-size: 33px;
        width: 60%
    }

    .zh-aboutsoftware h3 {
        width: 90%;
        font-size: 22px
    }

    .zh-cuttingedgeleft p {
        font-size: 18px
    }

    .zh-aboutus-approach .sec-sub-ttl h6 {
        font-size: 36px;
        width: 78%;
        line-height: 1.2
    }

    .zh-cuttingedgeleft h4 {
        font-size: 36px;
        line-height: 1.2;
        width: 360px
    }

    .zh-cuttingrightinner {
        width: calc(100% - 420px)
    }

    .zh-cuttingedgeleft h4 li {
        width: 72px;
        height: 72px
    }

    .zh-cuttingedgeleft h4 ul li span.top-right {
        border-top: 72px solid transparent;
        border-left: 72px solid transparent
    }

    .zh-cuttingedgeleft h4 ul li span.bot-left {
        border-bottom: 72px solid transparent;
        border-right: 72px solid transparent
    }

    .zh-cuttingedgeleft h4 ul li span.top-left {
        border-top: 72px solid transparent;
        border-right: 72px solid transparent
    }

    .zh-cuttingedgeleft h4 ul li span.bot-right {
        border-bottom: 72px solid transparent;
        border-left: 72px solid transparent
    }

    .rightside-cntn .cntn-box p:nth-child(2) {
        padding-right: 20px
    }

    p {
        font-size: 18px
    }

    .zh-aboutbanner {
        height: 500px
    }

    .main-bottom-container {
        top: 560px
    }

    .zh-aboutbanner .wrapper {
        max-width: 90%
    }

    .zh-aboutcontent {
        width: 90%;
        margin-left: 5%
    }
}

@media only screen and (max-width:1023px) {
    .zh-aboutus-approach .rightside .rightside-cntn {
        padding: 40px 0 20px
    }

    .cntn-box.flx.str_com {
        padding-bottom: 15px
    }

    .zh-cuttingedgesec .img-sec img {
        transform: translateY(0) !important
    }

    .zh-cuttingedgeright {
        display: none
    }

    .zh-cuttingedgesec .img-sec {
        display: block
    }

    .zh-cuttingedgeleft .img-sec.mob_ver {
        display: block
    }

    .zh-cuttingedgeleft h4 {
        font-size: 40px
    }

    .zh-cuttingedgesec {
        padding-bottom: 0
    }

    .zh-aboutus-approach .rightside {
        margin-left: 0;
        width: 80%;
        margin: 0 auto
    }

    .zh-aboutus-approach .sec-sub-ttl h6 {
        width: 80%
    }

    .zh-main .wrapper {
        max-width: 90%
    }

    .zh-aboutbanner h1 {
        font-size: 33px;
        width: 80%
    }

    .zh-cuttingedgeleft {
        width: 100%;
        margin: 0 auto;
        flex-flow: column
    }

    .zh-aboutus-approach .leftside {
        display: none
    }

    .zh-aboutus-approach .rightside {
        margin: 0 auto;
        width: 80%
    }

    .zh-aboutus-approach {
        padding-top: 80px
    }

    .zh-aboutus-approach .rightside .rightside-cntn {
        padding: 40px 0
    }

    .zh-aboutus-approach .rightside p:last-child {
        margin-bottom: 0
    }

    .zh-cuttingedgeleft h4 {
        width: 100%;
        background-color: transparent
    }

    .zh-cuttingedgeleft h4 ul {
        display: none
    }

    .zh-cuttingedgeleft h4 .title {
        width: 700px;
        margin: 0 auto 0;
        text-align: center;
        padding: 60px 50px 0
    }

    .zh-main .zh-cuttingedgesec .wrapper {
        margin: 0;
        max-width: 100%
    }

    .zh-cuttingrightinner {
        width: 90%;
        margin: 0 auto 90px
    }

    .zh-cuttingedgeleft h4 .zh-color {
        display: none
    }

    .zh-aboutcontent {
        width: 100%
    }

    .title-name {
        font-size: 60px
    }

    .parentSlider {
        width: 200px
    }

    .rightside-cntn .cntn-box .left-sec,
    .rightside-cntn .cntn-box .inner-story {
        width: 100%
    }

    .rightside-cntn .cntn-box .img-sec {
        width: 80%
    }

    .companysep .img-sec,
    .rightside-cntn .cntn-box.newway .img-sec {
        width: 80%
    }

    .companysep .seccont,
    .rightside-cntn .cntn-box.newway .left-sec {
        width: 100%
    }

    h4,
    .zh-aboutus-approach .sec-sub-ttl h6 {
        font-size: 36px
    }

    .companysep .img-sec.sys_ver,
    .rightside-cntn .cntn-box .img-sec.sys_ver {
        display: none
    }

    .companysep .img-sec.mob_ver,
    .rightside-cntn .cntn-box .img-sec.mob_ver {
        display: block;
        width: 100%
    }

    .zh-cuttingedgesec {
        display: block
    }

    .zh-cuttingedgeleft.fl {
        float: unset
    }

    .zh-cuttingedgeright {
        width: 100%;
        text-align: center;
        margin-top: 60px
    }

    .zh-cuttingedgeright img {
        width: 50%
    }

    .zh-aboutsoftware h3,
    .zh-aboutsoftware,
    .zh-aboutus-approach,
    .zh-our-journey {
        padding: 80px 0
    }

    .zh-aboutsoftware {
        padding: 0 0 20px
    }

    .slideUpText {
        height: 60px
    }

    .companysep .img-sec {
        margin-bottom: 20px
    }

    .rightside-cntn .cntn-box.str_com .img-sec {
        margin: 20px 0
    }

    .rightside-cntn .cntn-box.newway .img-sec {
        margin: 20px 0 0
    }

    .zh-aboutus-approach .companysep,
    .cntn-box.flx.str_com {
        display: block
    }

    .companysep .seccont {
        padding-left: 0
    }
}

@media only screen and (max-width:767px) {
    .zh-main .wrapper {
        max-width: 90%;
        overflow: hidden
    }

    .zh-our-journey__right .year2000 .month-col.aus .evnt-txt,
    .zh-our-journey__right .year1998 .month-col.aus .evnt-txt {
        margin-bottom: 40px
    }

    /* .zh-journey-logo.svgsprite.threeyr {
		background-position: -492px -275px;
		height: 170px;
	} */
    .zh-journey-logo.zhonelogo.zh-expense {
        width: 42px;
    }

    .zh-bundle-apps.zh-marketing.bundle-m .zh-mar-app,
    .zh-journey-logo.zhonelogo.zh-mar-app {
        width: 47px;
    }

    .zh-our-journey__right .month-col.col_off {
        height: 60%;
    }

    .zh-our-journey__right .month-col.complus .pri-ttl {
        margin-bottom: 0
    }

    .zh-our-journey__right .evnt-txt {
        width: 100%
    }

    .zh-aboutus-approach .rightside {
        margin: 0 auto;
        width: 100%
    }

    .zh-cuttingedgeright {
        display: none
    }

    .zh-cuttingedgeleft p:last-child {
        margin-bottom:
    }

    .zh-aboutbanner {
        margin-top: 60px;
        position: relative;
        overflow: hidden;
        width: 100%;
        transform: unset !important;
        height: auto
    }

    .main-bottom-container {
        top: 0
    }

    .zh-aboutcontent {
        padding-bottom: 70px
    }

    .zh-main .wrapper {
        max-width: 80%
    }

    .zh-aboutsoftware .wrapper {
        max-width: 90%
    }

    .zh-aboutbanner h1 {
        width: 95%
    }

    .zh-aboutbanner .wrapper {
        max-width: 90%
    }

    .zh-aboutcontent {
        margin-left: 0
    }

    .zh-cuttingedgesec {
        padding-bottom: 0
    }

    .zh-our-journey h4 {
        font-size: 48px;
        margin-bottom: 40px
    }

    .zh-our-journey h4 span {
        font-size: 24px;
        letter-spacing: -0.6px
    }

    .zh-our-journey__wrapper {
        flex-flow: column-reverse
    }

    .zh-our-journey__left {
        display: flex;
        padding: 0
    }

    .zh-our-journey__left,
    .zh-our-journey__right {
        width: 100%
    }

    .yearfixed {
        display: block;
        position: fixed;
        width: 100%;
        z-index: 22;
        padding: 15px 16px;
        font-size: 22px;
        top: -100px;
        background-color: #fff;
        transition: top .6s ease;
        left: 0
    }

    .yearfixed.fix {
        top: 60px
    }

    .zh-our-journey__left {
        position: fixed;
        bottom: -70px;
        z-index: 24;
        transition: all .8s ease;
        background-color: #fff;
        height: 60px;
        border-top: 1px solid #e2e2e2
    }

    .zh-our-journey__left.active {
        bottom: 50px
    }

    .zh-our-journey__left .zh-journeyyear {
        width: auto;
        display: inline-flex;
        position: initial
    }

    .zhyearinnercontainer {
        display: flex;
        transform: translateY(0) !important;
        margin-bottom: 15px
    }

    .zh-our-journey__left ul li {
        margin-right: 40px;
        margin-bottom: 0
    }

    .zh-our-journey__left .zhyearcontainer {
        height: 80px;
        border: 0;
        align-items: center;
        display: flex;
        overflow-x: scroll
    }

    .skipbtn {
        display: block
    }

    .moveyear {
        padding-top: 10px;
        width: 60px
    }

    .moveyear::before {
        margin: 11px 20px 0
    }

    .zh-our-journey__left ul:last-child li:last-child {
        margin-right: 0
    }

    .years-content .yeartitle {
        display: block;
        text-align: left;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        background-color: transparent;
        z-index: 4;
        padding: 10px;
        font-size: 22px
    }

    .years-content.year2004 .yeartitle,
    .years-content.year2003 .yeartitle,
    .years-content.year1998 .yeartitle,
    .years-content.year1996 .yeartitle,
    .years-content.year2001 .yeartitle {
        position: absolute !important;
        top: 0 !important
    }

    .years-content.fix .yeartitle {
        position: fixed;
        top: 60px;
        background-color: #fff;
        padding-left: 16px
    }

    .years-content {
        float: none
    }

    .month-container {
        height: auto;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: center;
    }

    .zh-our-journey__left ul li.active a {
        padding: 0
    }

    .zh-our-journey__left ul li.active a::before {
        width: 0
    }

    .moveyear:before {
        transform: rotate(-90deg);
        margin-top: 18px
    }

    .moveyear.top::before {
        transform: rotate(90deg);
        margin-top: 18px
    }

    .zh-our-journey__sliderfor {
        width: auto !important
    }

    .zh-our-journey__right .years-content .month-wrapper {
        width: 50%;
        height: 500px
    }

    .zh-our-journey__right .years-content {
        margin: 0 auto;
        width: 96%;
        text-align: center;
        padding-top: 60px;
        margin-top: 30px
    }

    .zh-our-journey__right .years-content:last-child {
        margin-bottom: 0
    }

    .zh-our-journey__right .years-content.year2020 .month-wrapper:last-child,
    .zh-our-journey__right .years-content.year2019 .month-wrapper:last-child,
    .zh-our-journey__right .years-content.year2014 .month-wrapper:last-child,
    .zh-our-journey__right .years-content.year2013 .month-wrapper:last-child,
    .zh-our-journey__right .years-content.year2009 .month-wrapper:last-child,
    .zh-our-journey__right .years-content.year2007 .month-wrapper:last-child,
    .zh-our-journey__right .years-content.year2006 .month-wrapper:last-child {
        width: 100%;
        max-width: 100%;
        height: 250px
    }

    .zh-our-journey__right .years-content.year2020 .month-wrapper:last-child .month-cntn,
    .zh-our-journey__right .years-content.year2019 .month-wrapper:last-child .month-cntn,
    .zh-our-journey__right .years-content.year2014 .month-wrapper:last-child .month-cntn,
    .zh-our-journey__right .years-content.year2007 .month-wrapper:last-child .month-cntn {
        width: 100%;
        max-width: none;
        flex-flow: row;
        justify-content: space-between
    }

    .zh-our-journey__right .years-content.year2020 .month-wrapper:last-child .month-col,
    .zh-our-journey__right .years-content.year2019 .month-wrapper:last-child .month-col,
    .zh-our-journey__right .years-content.year2014 .month-wrapper:last-child .month-col,
    .zh-our-journey__right .years-content.year2013 .month-wrapper:last-child .month-col,
    .zh-our-journey__right .years-content.year2009 .month-wrapper:last-child .month-col,
    .zh-our-journey__right .years-content.year2007 .month-wrapper:last-child .month-col,
    .zh-our-journey__right .years-content.year2006 .month-wrapper:last-child .month-col {
        width: calc(50% - 5px);
        height: 100%
    }

    .zh-our-journey__right .years-content.year2004 .month-container,
    .zh-our-journey__right .years-content.year2003 .month-container,
    .zh-our-journey__right .years-content.year2001 .month-container,
    .zh-our-journey__right .years-content.year2000 .month-container,
    .zh-our-journey__right .years-content.year1998 .month-container,
    .zh-our-journey__right .years-content.year1996 .month-container {
        justify-content: center
    }

    .zh-our-journey__right .ofcstarted .evnt-txt,
    .zh-our-journey__right .month-col {
        text-align: left
    }

    .zh-our-journey__right .month-col.txt-cen,
    .zh-our-journey__right .ofcstarted .evnt-txt {
        text-align: center
    }

    .zh-our-journey__right .ofcstarted.zh_meet .evnt-txt {
        text-align: center
    }

    .zh-our-journey__right .year2019 .single_box.first_clmn .top p {
        width: 100%
    }

    .zh-our-journey__right .evnt-inner-bg {
        width: 100%
    }

    .zh-journey-logo.svgsprite.thousandm {
        background-position: -180px -380px;
        width: 330px;
        background-size: 630px auto;
        height: 190px
    }

    .zh-our-journey__right .evnt-txt.mar30 {
        margin: 10px 0
    }

    .zh-journey-logo.svgsprite.zhfluence,
    .zh-journey-logo.svgsprite.zhesp,
    .zh-journey-logo.svgsprite.zhtcs,
    .zh-journey-logo.fivemega,
    .zh-journey-logo.ziavoice,
    .zh-journey-logo.zhbaihui,
    .zh-journey-logo.zhaustfarm,
    .zh-journey-logo.zhdatacent,
    .zh-journey-logo.zhdatacentneth,
    .zh-journey-logo.zh2013launch,
    .zh-journey-logo.zh2006launch,
    .zh-journey-logo.zhgrowing,
    .zh-journey-logo.zhapilg,
    .zh-journey-logo.zhphonebridge,
    .zh-journey-logo.zhsinglesign,
    .zh-journey-logo.zhpuvift {
        display: none
    }

    .zh-journey-logo.zh2013launch,
    .zh-journey-logo.zh2006launch,
    .zh-journey-logo.zh2012launch,
    .zh-journey-logo.zh2011launch,
    .zh-journey-logo.zh2014launch {
        display: block
    }

    .zh-our-journey__right .evnt-txt.text21 {
        font-size: 18px
    }

    .zh-our-journey__right .threemill .evnt-txt {
        width: 100%
    }

    .zh-our-journey__right .month-col {
        height: 500px
    }

    .zh-journey-logo.zhphonebridge {
        width: 150px
    }

    .zh-our-journey__right .pro_icon .evnt-txt {
        margin-left: 10px;
        width: 75%
    }

    .zh-our-journey__right .mdin .zu-img.pro_icon .evnt-txt {
        width: calc(75% - 0px);
        margin-left: 10px
    }

    .twomany {
        margin-bottom: 10px;
        transform: scale(0.7)
    }

    .zh-journey-logo.biginapp,
    .zh-journey-logo.zulg,
    .zh-journey-logo.pcmag {
        margin: 10px auto 10px
    }

    .zh-our-journey__right .forbes .evnt-inner-bg .forbessec {
        width: 90%;
        margin-top: 15px
    }

    .zh-our-journey__right .mdin .zu-img.pro_icon .evnt-txt {
        width: calc(100% - 0px);
        margin-left: 0
    }

    .zh-our-journey__right .month-col {
        height: auto
    }

    h4,
    .zh-aboutus-approach .sec-sub-ttl h6 {
        font-size: 32px
    }

    .zh-journey-logo.fivemega {
        background-position: -885px -27px
    }

    .zh-our-journey__right .year2000 .month-col.aus .evnt-txt,
    .zh-our-journey__right .year2001 .month-col.aus .evnt-txt {
        margin: 30px auto 20px;
        width: 100%
    }

    .zh-our-journey__right .month-col.nyt .nytime.adver,
    .nytime.economic,
    .nytime.zhstatus-img,
    .zh-journey-logo.adventlg {
        display: none;
    }

    .zh-journey-logo.zhgdpi {
        background-position: -545px -959px;
        width: 150px
    }

    .zh-journey-logo.zhgrowing {
        background-position: -350px -45px
    }

    .zh-our-journey__right .ofcstarted.advent .nytime {
        margin: 20px auto 0
    }

    .zh-cuttingedgeleft h4 {
        font-size: 32px;
        line-height: 1.3;
        letter-spacing: -0.5px;
        margin-bottom: 0
    }

    .zh-main .zh-cuttingedgesec .wrapper {
        position: initial;
        overflow: visible
    }

    .zh-cuttingedgesec {
        position: relative;
        margin-top: 110px
    }

    .zh-cuttingedgesec .img-sec {
        display: block
    }

    .zh-cuttingedgeleft .img-sec.mob_ver {
        display: none
    }

    .zh-cuttingrightinner {
        width: 80%;
        margin: 30px auto 50px;
        flex-flow: column
    }

    .zh-cuttingrightinner .zh-content:first-child,
    .zh-cuttingrightinner .zh-content {
        width: 100%
    }

    .zh-cuttingedgeleft h4 ul {
        display: flex;
        position: absolute;
        margin: 0;
        top: -9.8vw
    }

    .zh-cuttingedgeleft h4 li {
        width: 10vw;
        height: 10vw
    }

    .zh-cuttingedgeleft h4 ul li span.top-right {
        border-top: 10vw solid transparent;
        border-left: 10vw solid transparent
    }

    .zh-cuttingedgeleft h4 ul li span.bot-left {
        border-bottom: 10vw solid transparent;
        border-right: 10vw solid transparent
    }

    .zh-cuttingedgeleft h4 ul li span.top-left {
        border-top: 10vw solid transparent;
        border-right: 10vw solid transparent
    }

    .zh-cuttingedgeleft h4 ul li span.bot-right {
        border-bottom: 10vw solid transparent;
        border-left: 10vw solid transparent
    }

    .zh-cuttingedgeleft h4 ul li:nth-child(9) span.bot-left {
        border-bottom-color: #0a7ed3
    }

    .zh-cuttingedgeleft h4 ul li:nth-child(9) span.top-right {
        border-top-color: transparent
    }

    .zh-cuttingedgeleft h4 ul li:nth-child(10) span.top-left {
        border-right-color: #efa95a
    }

    .zh-cuttingedgeleft h4 ul li:nth-child(10) span.top-left {
        border-top-color: transparent
    }

    .zh-cuttingedgeleft h4 .title {
        width: 80%;
        padding: 40px 0 0;
        font-size: 30px;
        text-align: left
    }

    .companysep .img-sec,
    .rightside-cntn .cntn-box.newway .img-sec,
    .rightside-cntn .cntn-box .img-sec {
        width: 100%
    }

    .rightside-cntn:nth-child(2) .cntn-box.str_com .img-sec {
        margin-bottom: 0
    }

    .zh-aboutcontent {
        padding-top: 80px
    }

    .zh-aboutus-approach .companysep,
    .cntn-box.flx.str_com {
        display: block
    }

    .zh-aboutbanner h1 {
        font-size: 28px;
        width: 100%;
        letter-spacing: -0.75px
    }

    .zh-aboutus-approach .sec-sub-ttl h6 {
        width: 100%;
        font-size: 24px;
        letter-spacing: -0.5px
    }

    .zh-aboutsoftware h3 {
        padding-bottom: 40px
    }

    h4,
    .zh-aboutus-approach .sec-sub-ttl h6 {
        font-size: 22px
    }

    .zh-aboutus-approach .sec-sub-ttl h6 {
        font-size: 30px
    }

    .title-name {
        letter-spacing: -2px;
        font-size: 46px
    }

    .zh-aboutsoftware h3 {
        font-size: 18px
    }

    .rightside-cntn .cntn-box p:first-child,
    .rightside-cntn .cntn-box p:nth-child(2) {
        padding-right: 0
    }

    .footer-nav .zh-scl-share {
        margin-bottom: 0
    }

    .zh-aboutcontent {
        text-align: center
    }

    .zh-aboutbanner .zh-color {
        margin: 14px auto
    }

    .slideUpText {
        left: 12px
    }

    .slideUpText::after {
        height: 84%
    }

    .title-name {
        width: 100%
    }

    .parentSlider {
        width: 180px
    }

    .zh-our-journey h4 {
        font-size: 30px;
        letter-spacing: -0.5px
    }

    .zh-our-journey h4 span {
        font-size: 20px;
        letter-spacing: -0.5px
    }

    .zh-our-journey__right .years-content .month-wrapper,
    .zh-our-journey__right .years-content.year2020 .month-wrapper:last-child,
    .zh-our-journey__right .years-content.year2019 .month-wrapper:last-child,
    .zh-our-journey__right .years-content.year2014 .month-wrapper:last-child,
    .zh-our-journey__right .years-content.year2013 .month-wrapper:last-child,
    .zh-our-journey__right .years-content.year2009 .month-wrapper:last-child,
    .zh-our-journey__right .years-content.year2007 .month-wrapper:last-child,
    .zh-our-journey__right .years-content.year2006 .month-wrapper:last-child {
        width: 90%;
        height: auto;
    }

    .years-content.year2015 .month-wrapper:last-child .month-cntn .month-col,
    .years-content.year2013 .month-wrapper:last-child .month-cntn .month-col,
    .years-content.year2012 .month-wrapper:last-child .month-cntn .month-col,
    .years-content.year2009 .month-wrapper:last-child .month-cntn .month-col,
    .years-content.year2006 .month-wrapper:last-child .month-cntn .month-col {
        height: 100%
    }

    .zh-our-journey__right .month-col.txt-cen .evnt-txt {
        width: 80%;
        margin: 0 auto;
        text-align: center
    }

    .zh-our-journey__right .years-content.year2020 .month-wrapper:last-child .month-cntn,
    .zh-our-journey__right .years-content.year2019 .month-wrapper:last-child .month-cntn,
    .zh-our-journey__right .years-content.year2014 .month-wrapper:last-child .month-cntn,
    .zh-our-journey__right .years-content.year2007 .month-wrapper:last-child .month-cntn {
        flex-flow: column
    }

    .zh-our-journey__right .years-content.year2020 .month-wrapper:last-child .month-col,
    .zh-our-journey__right .years-content.year2019 .month-wrapper:last-child .month-col,
    .zh-our-journey__right .years-content.year2014 .month-wrapper:last-child .month-col,
    .zh-our-journey__right .years-content.year2013 .month-wrapper:last-child .month-col,
    .zh-our-journey__right .years-content.year2009 .month-wrapper:last-child .month-col,
    .zh-our-journey__right .years-content.year2007 .month-wrapper:last-child .month-col,
    .zh-our-journey__right .years-content.year2006 .month-wrapper:last-child .month-col,
    .mexicoofc .evnt-inner-bg.books-bg.icici-img .evnt-txt,
    .month-col.dubai .evnt-txt {
        width: 100%
    }

    .month-wrapper.constellation .single_box {
        padding: 0
    }

    .zh-our-journey__right .constellation .event-img,
    .btwork .event-img,
    .event-im,
    .event-img,
    .single_box.first_clmn .top img.com-plus,
    .single_box.first_clmn .month-col.ofcstarted.zhone img {
        display: none
    }

    .nytime,
    .zh-journey-logo.gartnerlg {
        margin-top: 20px
    }

    .month-col.mexicoofc .evnt-inner-bg,
    .zh-journey-logo.zhsprint,
    .zh-journey-logo.deskapp,
    .zh-journey-logo.assistapp,
    .zh-journey-logo.recruitapp,
    .zh-journey-logo.invoiceapp,
    .zh-journey-logo.fivemega,
    .zh-journey-logo.docs,
    .zh-journey-logo.zhcliq {
        margin-top: 0
    }

    .zh-our-journey__right .month-col.complus .pri-ttl,
    .zhstatus p,
    .zh-our-journey__right .month-col.aus .evnt-inner-bg {
        margin-bottom: 0
    }

    .zh-our-journey__right .month-col.complus .pri-ttl {
        letter-spacing: -0.4px;
        line-height: 1.4
    }

    .month-col.mexicoofc .evnt-inner-bg .evnt-txt {
        font-size: 32px;
        width: 80%;
        margin: 0 auto
    }

    .zh-our-journey__right .txt-cen.month-col.netland .evnt-inner-bg,
    .zh-our-journey__right .month-col.dubai .evnt-inner-bg {
        margin-bottom: 0;
        text-align: center
    }

    .evnt-inner-bg.zu-img a.med_img_size,
    .evnt-inner-bg.zu-img span.med_img_size {
        margin-left: 0
    }

    .zh-our-journey__right .month-col {
        padding: 60px 40px 60px !important;
        text-align: center
    }

    .zh-our-journey__right .evnt-txt,
    .zh-journey-logo.backtowork,
    .zh-journey-logo.remotly,
    .fiveold .zhlogo,
    .zh-journey-logo.techrep,
    .zh-journey-logo.readwrite,
    .zhulogo .zh-journey-logo.zulogo,
    .zh-our-journey__right .zoholicslg .evnt-txt a,
    .zh-journey-logo.transmail,
    .zh-journey-logo.constellation,
    .zh-journey-logo.cnn,
    .zh-journey-logo.zhphonebridge,
    .zh-our-journey__right .pro_icon .evnt-txt {
        margin: 0 auto 10px
    }

    .zh-our-journey__right .month-col.bstcrm {
        flex-flow: column-reverse;
        align-items: center;
        justify-content: center
    }

    .zh-journey-logo.biginapp,
    .zh-journey-logo.zulg,
    .zh-journey-logo.pcmag {
        margin: 10px auto 15px
    }

    .zh-our-journey__right .btw .evnt-txt {
        width: 90%;
        margin-bottom: 0
    }

    .zh-our-journey__right .month-col.txt-cen.bstcrm .evnt-txt {
        text-align: center
    }

    .zh-our-journey__right .evnt-inner-bg.books-bg {
        flex-flow: column-reverse;
        align-items: center
    }

    .zh-our-journey__right .month-col.teamBox .evnt-txt {
        display: inline-flex;
        flex-flow: column;
        align-items: center
    }

    .zh-our-journey__right .month-col .evnt-txt a.zhlogo {
        justify-content: center
    }

    .zh-our-journey__right .pri-ttl.text40 {
        font-size: 32px
    }

    .years-content:first-child .yeartitle {
        left: 0
    }

    .years-content .yeartitle {
        display: block;
        text-align: left
    }

    .evnt-inner-bg.zu-img a.med_img_size img,
    .evnt-inner-bg.zu-img span.med_img_size img {
        width: 80%;
        margin: 0 auto 15px
    }

    .zh-our-journey__right .evnt-txt {
        margin-bottom: 0
    }

    .zh-aboutus-approach .rightside .rightside-cntn:first-child {
        padding-top: 20px
    }

    .evnt-inner-bg.zu-img a.med_img_size img,
    .evnt-inner-bg.zu-img span.med_img_size img {
        width: 70%
    }

    .zh-journey-logo.svgsprite.zhfluence,
    .zh-journey-logo.zhbstent,
    .zh-journey-logo.svgsprite.zhesp,
    .zh-journey-logo.svgsprite.zhtcs,
    .zh-journey-logo.fivemega,
    .zh-journey-logo.ziavoice,
    .zh-journey-logo.zhbaihui,
    .zh-journey-logo.zhaustfarm,
    .zh-journey-logo.zhdatacent,
    .zh-journey-logo.zhdatacentneth,
    .zh-journey-logo.zh2013launch,
    .zh-journey-logo.zh2006launch,
    .zh-journey-logo.zhgrowing {
        width: 120px;
        margin: 0 auto 10px
    }

    .zh-journey-logo.ziavoice {
        width: 100px
    }

    .zh-journey-logo.svgsprite.threem,
    .zh-journey-logo.zhapilg,
    .zh-journey-logo.zhsinglesign {
        width: 140px;
        margin-bottom: 10px
    }

    .zh-journey-logo.zhapilg {
        width: 110px
    }

    .zh-journey-logo.zhgrowing {
        width: 130px;
        transform: scale(1.3)
    }

    .zh-journey-logo.zhbaihui {
        background-size: 600px auto;
        background-position: -112px -182px;
        width: 150px
    }

    .zh-our-journey__right .pri-ttl.text60 {
        font-size: 50px
    }

    .zh-journey-logo.zh2013launch,
    .zh-journey-logo.zh2006launch {
        width: 170px
    }

    .fiveold .zhlogo {
        margin-bottom: 0
    }

    .zh-journey-logo.svgsprite.thousandm {
        background-position: -185px -370px;
        width: 250px;
        background-size: 580px auto;
        height: 160px
    }

    .zh-journey-logo.svgsprite.zhfluence,
    .zh-journey-logo.svgsprite.zhesp,
    .zh-journey-logo.svgsprite.zhtcs,
    .zh-journey-logo.fivemega,
    .zh-journey-logo.ziavoice,
    .zh-journey-logo.zhbaihui,
    .zh-journey-logo.zhaustfarm,
    .zh-journey-logo.zhdatacent,
    .zh-journey-logo.zhdatacentneth,
    .zh-journey-logo.zh2013launch,
    .zh-journey-logo.zh2006launch,
    .zh-journey-logo.zhgrowing,
    .zh-journey-logo.zhapilg,
    .zh-journey-logo.zhphonebridge,
    .zh-journey-logo.zhsinglesign {
        display: block
    }

    .zh-our-journey__right .month-col.aus img {
        margin: 20px auto 0
    }

    .zh-journey-logo.svgsprite.fiftym {
        height: 150px
    }

    .zh-our-journey__right .pro_icon .evnt-txt {
        width: 100%
    }

    .zh-our-journey__right .month-col.ofcstarted.zh_meet .nytime {
        display: none
    }

    .zh-our-journey__right .month-col.ofcstarted.zh_meet {
        justify-content: center;
        margin-top: 0
    }

    .zh-our-journey__right .zh-marketing .zh-app {
        margin: 0 auto 10px
    }
}

@media only screen and (max-width:425px) {

    .zh-aboutsoftware h3,
    .zh-aboutsoftware,
    .zh-aboutus-approach,
    .zh-our-journey {
        padding: 60px 0
    }

    .zh-our-journey h4 {
        margin-bottom: 10px
    }

    .zh-our-journey__right .mdin .zu-img .evnt-txt,
    .zh-our-journey__right .evnt-txt,
    .zh-our-journey__right .zhpuvi .zu-img .evnt-txt,
    .zh-our-journey__right .writer .zu-img .evnt-txt {
        font-size: 18px
    }

    .zh-our-journey h4 span {
        font-size: 18px
    }

    .title-name {
        font-size: 42px
    }

    .parentSlider {
        width: 160px
    }

    .zh-aboutsoftware h3 {
        padding-bottom: 0
    }

    .zh-aboutsoftware {
        padding: 0
    }

    .zh-aboutsoftware h3 {
        width: 100%
    }

    .zh-our-journey__right .mdin .zu-img .evnt-txt,
    .zh-our-journey__right .evnt-txt,
    .zh-our-journey__right .zhpuvi .zu-img .evnt-txt,
    .zh-our-journey__right .writer .zu-img .evnt-txt {
        width: 100%
    }

    .zh-our-journey__right .orchest .txt-cen .evnt-inner-bg,
    .month-col.mexicoofc .evnt-inner-bg .evnt-txt,
    .zh-our-journey__right .month-col.txt-cen .evnt-txt {
        width: 100%
    }

    .zh-our-journey__left ul li {
        margin-right: 20px
    }

    .moveyear {
        width: 45px
    }

    .evnt-inner-bg.zu-img a.med_img_size img,
    .evnt-inner-bg.zu-img span.med_img_size img {
        width: 90%
    }

    .zh-aboutbanner .wrapper {
        max-width: 93%
    }

    .zh-journey-logo.zhmeeting {
        margin: 0 auto 20px
    }
}

@media only screen and (max-width:320px) {
    .zh-aboutbanner h1 {
        font-size: 20px
    }

    .companysep .img-sec,
    .rightside-cntn .cntn-box.newway .img-sec,
    .rightside-cntn .cntn-box .img-sec {
        width: 100%
    }
}

p {
    margin: 0px;
}

.aboutus_banner {
    background: linear-gradient(to right, #fff 76%, #feffe4 0);
    height: 520px;
    margin-top: 60px;
}

.aboutus_banner .inner,
.aboutus_pro .inner,
.aboutus_peo .inner {
    max-width: 1200px;
    width: 1200px;
    margin: 0 auto;
    padding: 74px 0 50px 0;
}

.aboutus_banner .inner .banner_l,
.aboutus_pro .aboutus_pro_l {
    width: 60%;
    float: left;
}

.aboutus_banner .inner .banner_r,
.aboutus_pro .aboutus_pro_r {
    width: 40%;
    float: left;
}

.aboutus_banner .inner .banner_l .tt {
    font-size: 34px;
    font-weight: 650;
    line-height: 46px;
}

.imp {
    font-size: 47px;
    font-weight: 850;
    line-height: 54px;
}

.aboutus_banner .inner .banner_l .imp_1 {
    padding: 20px 0 40px 0;
}

.h_line {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.h_line span {
    width: 14px;
    height: 2px;
    display: inline-block;
}

.h_line span:first-child {
    background: #e21a18;
}

.h_line span:nth-child(2) {
    background: #51a93c;
}

.h_line span:nth-child(3) {
    background: #2294ef;
}

.h_line span:nth-child(4) {
    background: #f9bd00;
}

.aboutus_banner .inner .banner_r img {
    max-width: 460px;
    margin-left: 40px;
}

.aboutus_pro {
    overflow: hidden;
}

.aboutus_pro .aboutus_pro_l p:nth-child(2) {
    padding-top: 20px;
    font-size: 20px;
    line-height: 30px;
    max-width: 500px;
}

.aboutus_pro .aboutus_pro_r img {
    margin-left: 10px;
    margin-top: -26px;
}

.aboutus_peo .inner {
    padding: 74px 0 60px 0;
    overflow: hidden;
}

.aboutus_peo .aboutus_peo_l {
    width: 63%;
    float: left;
}

.aboutus_peo .aboutus_peo_l p:nth-child(2) {
    max-width: 610px;
    padding-top: 20px;
}

.aboutus_peo .aboutus_peo_r {
    width: 35%;
    padding-top: 73px;
    float: left;
}

.aboutus_bottom {
    width: 100%;
    background: #f8f9fb;
    padding-top: 40px;
}

.aboutus_bottom .inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 74px 0 50px 0;
}

.aboutus_bottom .inner .part_1,
.aboutus_bottom .inner .part_2,
.aboutus_bottom .inner .part_3,
.aboutus_bottom .inner .part_6 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.aboutus_bottom .inner .part_1_l,
.aboutus_bottom .inner .part_1_r {
    width: 50%;
}

.aboutus_bottom .inner .part_1 {
    margin-bottom: 90px;
}

.aboutus_bottom .inner .imp-tt {
    font-size: 40px;
    font-weight: 850;
    line-height: 66px;
}

.aboutus_bottom .inner p:nth-child(2) {
    max-width: 522px;
}

.aboutus_bottom .inner .part_1 .part_1_r {
    text-align: right;
}

.aboutus_bottom .inner .part_1_r img,
.aboutus_bottom .inner .part_1_l img {
    max-width: 504px;
    display: inline-block;
    padding-top: 10px;
}

.aboutus_bottom .inner .part_2 .part_1_r p {
    padding-left: 58px;
}

.aboutus_bottom .inner .part_2 .part_1_r p:nth-child(2) {
    padding-bottom: 30px;
}

.aboutus_bottom .inner .part_3 {
    padding: 90px 0px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.aboutus_bottom .inner .part_3 .part_1_l {
    width: 60%;
}

.aboutus_bottom .inner .part_3 .part_1_r {
    width: 33%;
    padding-top: 40px;
}

.aboutus_bottom .inner .part_3 p:nth-child(2),
.aboutus_bottom .inner .part_5 .part_1_l p {
    max-width: 612px;
}

.aboutus_bottom .inner .part_3 .h_line {
    flex-direction: column;
    padding-top: 30px;
}

.aboutus_bottom .inner .part_3 .h_line span {
    width: 4px;
    height: 28px;
}

.aboutus_bottom .inner .part_3 .part_1_r p {
    font-size: 28px;
    line-height: 40px;
}

.aboutus_bottom .inner .part_5 .part_1_l {
    padding-top: 52px;
}

.aboutus_bottom .inner .part_5 .part_1_r {
    padding-top: 60px;
}

.aboutus_bottom .inner .part_5 .part_1_r p {
    font-weight: 500;
}

.aboutus_bottom .inner .part_6 {
    width: 50%;
}

.aboutus-bottom-su .inner {
    margin: 0 auto;
    text-align: center;
    display: block;
    padding-bottom: 100px;
}

.aboutus-bottom-su .inner p:first-child {
    font-size: 40px;
    font-weight: 850;
}

.aboutus-bottom-su .inner p:last-child {
    font-size: 20px;
}

@media only screen and (max-width: 1280px) {

    .aboutus_banner .inner,
    .aboutus_pro .inner,
    .aboutus_peo .inner,
    .aboutus_bottom .inner {
        max-width: 1120px;
        width: 1120px;
    }

    .aboutus_banner .inner .banner_l .tt {
        font-size: 26px;
    }

    .aboutus_banner .inner .banner_l .imp,
    .aboutus_pro_l .imp {
        font-size: 38px;
    }

    .aboutus_pro .aboutus_pro_l p:nth-child(2) {
        font-size: 18px;
    }

    .aboutus_bottom .inner .part_1_l .imp-tt {
        font-size: 36px;
    }

    .aboutus_bottom .inner .part_3 .part_1_r p {
        font-size: 26px;
    }
}

@media only screen and (max-width: 1200px) {
    .aboutus_banner .inner .banner_r img {
        max-width: 400px;
    }

    .aboutus_banner .inner,
    .aboutus_pro .inner,
    .aboutus_peo .inner,
    .aboutus_bottom .inner {
        max-width: 95%;
    }

    .aboutus_bottom .inner .part_2 .part_1_r p {
        padding-left: 34px;
    }

    .aboutus_bottom .inner .part_5 .h_line {
        padding-top: 34px;
    }

    .aboutus_bottom .inner .part_3 .part_1_r p {
        font-size: 24px;
    }

    .aboutus_banner .inner .banner_l .imp,
    .aboutus_pro_l .imp {
        font-size: 34px;
    }

    .aboutus_pro .aboutus_pro_r img {
        margin-left: 0px;
    }

    .aboutus_peo .aboutus_peo_l p:nth-child(2) {
        max-width: 570px;
    }

}

@media only screen and (max-width: 996px) {
    .aboutus_banner {
        background: none;
    }

    .aboutus_banner .inner,
    .aboutus_pro .inner,
    .aboutus_peo .inner {
        width: 100%;
        margin: 0 auto;
        flex-flow: column;
    }


}

@media only screen and (max-width: 880px) {}

@media only screen and (max-width: 767px) {

    .aboutus_banner .inner .banner_l,
    .aboutus_pro .aboutus_pro_l,
    .aboutus_banner .inner .banner_r,
    .aboutus_pro .aboutus_pro_r {
        width: 100%;
        float: none;
        padding-left: 30px;
    }

    .aboutus_banner .inner,
    .aboutus_pro .inner,
    .aboutus_peo .inner {
        max-width: 100%;
        padding-top: 40px;
        padding-left: 0px;
    }

    .aboutus_banner .inner .banner_r img {
        max-width: 300px;
    }

    .aboutus_banner .inner .banner_l .tt {
        font-size: 20px;
    }

    .aboutus_banner .inner .banner_l .imp,
    .aboutus_pro_l .imp {
        font-size: 22px;
        line-height: 32px;
    }

    .aboutus_banner .inner .banner_l .imp_1 {
        padding: 16px 0 28px 0;
    }

    .aboutus_banner .inner .banner_r,
    .aboutus_pro .aboutus_pro_r {
        padding-left: 0;
        margin: 0 auto;
    }

    .aboutus_banner .inner .banner_r img,
    .aboutus_pro .aboutus_pro_r img {
        display: block;
        padding-top: 20px;
    }

    .aboutus_pro {
        padding-top: 60px;
    }

    .aboutus_pro .aboutus_pro_l {
        padding: 0;
        margin: 0 auto;
        width: 84%;
    }

    .aboutus_pro .aboutus_pro_l p:nth-child(2) {
        font-size: 18px;
    }

    .aboutus_peo .aboutus_peo_l,
    .aboutus_peo .aboutus_peo_r {
        float: none;
        width: 85%;
        margin: auto;
    }

    .aboutus_peo .aboutus_peo_l {
        padding-bottom: 40px;
    }

    .aboutus_peo .aboutus_peo_r {
        border-top: 2px solid #333;
        padding-top: 16px;
    }

    .imp {
        font-size: 22px;
        line-height: 26px;
    }

    .aboutus_bottom .inner .part_1,
    .aboutus_bottom .inner .part_2,
    .aboutus_bottom .inner .part_3,
    .aboutus_bottom .inner .part_6 {
        flex-flow: column;
        justify-content: space-between;
    }

    .aboutus_bottom .inner .part_1_l,
    .aboutus_bottom .inner .part_1_r {
        width: 100%;
    }

    .aboutus_bottom .inner {
        padding-left: 0px;
        max-width: 85%;
    }

    .aboutus_bottom .inner .part_1_l .imp-tt {
        font-size: 22px;
    }

    .aboutus_bottom .inner .part_1_r img,
    .aboutus_bottom .inner .part_1_l img {
        max-width: 100%;
    }

    .aboutus_bottom .inner .part_2 .part_1_r p {
        padding-left: 0px;
    }

    .aboutus_bottom .inner .imp-tt {
        font-size: 22px;
    }

    .aboutus_bottom .inner {
        padding-top: 6px;
    }

    .aboutus_bottom .inner .part_3 .part_1_l,
    .aboutus_bottom .inner .part_3 .part_1_r {
        width: 100%;
    }

    .aboutus_bottom .inner .part_3 .h_line {
        flex-direction: initial;
        justify-content: center;
    }

    .aboutus_bottom .inner .part_3 .h_line span {
        width: 30px;
        height: 4px;
    }

    .aboutus_bottom .inner .part_3 .part_1_r p {
        font-size: 22px;
        line-height: 32px;
    }

    .aboutus_bottom .inner .part_5 .part_1_l {
        padding-top: 0;
    }

    .aboutus_bottom .inner .part_3 {
        padding-top: 30px;
    }

    .aboutus_bottom .inner .part_6 {
        flex-flow: inherit;
    }

    .aboutus-bottom-su .inner {
        padding-bottom: 60px;
    }

    .aboutus-bottom-su .inner p:first-child {
        font-size: 22px;
    }

    .aboutus-bottom-su .inner p:last-child {
        font-size: 16px;
        line-height: 34px;
    }
}






.fontsz20 {
    font-size: 19px;
}

.footer-wrapper {
    display: none
}

#block-system-main {
    margin-top: 0
}

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

.zh-access.zh-btn,
.body-umain .zh-sign.zh-btn {
    display: none
}

.body-umain .zh-access.zh-btn {
    display: inline-block
}

.body-umain .zh-access.showmob {
    display: none
}

.load-header {
    height: 61px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 22;
    background-color: #fff
}

* {
    box-sizing: border-box
}

:root {
    --primary-color: #010101;
    --secondary-color: #333;
    --highlight-color: #056cb8;
    --bg-color: #f6f9fd;
    --redclr: #f60014;
    --bg-blue-color: #0060b4
}

.svg-sprite {
    position: absolute;
    z-index: -1;
    left: -1px;
    top: -1px;
    width: 1px;
    height: 1px;
    overflow: hidden
}

p {
    color: #333;
    font-size: 18px;
    letter-spacing: -0.2px
}

.fl {
    float: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-family: var(--primaryfont-regular)
}

em {
    font-style: normal
}

:focus {
    outline: 0
}

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

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

.zh-main .input-srch-icon {
    top: 36px;
    right: 20px
}

input::-webkit-input-placeholder {
    opacity: .75
}

.zgh-nav>ul>li>span.mobile-responsive,
.hide,
.zgh-nav .show-onmob {
    display: none
}

.hide-imp {
    display: none !important
}

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

.zc-video-modal {
    background-color: rgba(0, 0, 0, 0.7)
}


.video-overlay {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    z-index: 100;
    text-align: center;
    top: 0;
    opacity: 0;
    visibility: hidden;
    backface-visibility: hidden;
    z-index: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    overflow: auto
}



.video-overlay iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: calc(100% - 6px);
    height: 100%;
    border: 0;
    margin: auto auto;
    border: 4px solid #fff;
    border-radius: 4px
}

.video-overlay.visible {
    opacity: 1;
    visibility: visible;
    backface-visibility: visible;
    z-index: 100;
    margin: 0 auto
}

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

.zh-btn.arrow:after {
    right: 15px
}

.flx-container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flx {
    display: flex
}

.med-ft {
    font-family: var(--zf-secondary-medium) !important
}

.reg-ft {
    font-family: var(--primaryfont-regular)
}

.zh-main .semibold-ft {
    font-family: var(--zf-secondary-semibold)
}

.bold-font {
    font-family: var(--zf-secondary-bold)
}

.exbold-font {
    font-family: var(--zf-secondary-extrabold)
}

.light-font {
    font-family: var(--zf-primary-light)
}

.thin-font {
    font-family: var(--zf-primary-thin)
}

body.hidden {
    overflow: hidden
}

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

li a.dropdown {
    color: var(--primary-color)
}

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

h3 {
    letter-spacing: -1px
}

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

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

.dis-inlineblk {
    display: inline-block
}

.dis-block {
    display: block
}

.valign-bottom {
    vertical-align: bottom
}

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

.zh-more-opt {
    padding: 4px 10px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    top: 10px
}

.zh-more-opt:hover span {
    background-color: var(--highlight-color)
}

.zh-more-opt a.know_z {
    position: relative;
    top: -10px;
    left: -7px;
    color: #000;
    margin-right: 30px;
}

.zh-more-opt span {
    width: 5px;
    height: 5px;
    display: inline-block;
    border-radius: 50%;
    background: var(--primary-color);
    margin-right: 3px
}

h2 {
    font-size: 50px;
    letter-spacing: -1.5px
}

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

.zh-nav-bar {
    padding: 17px 23px;
    cursor: pointer;
    pointer-events: all;
    float: right;
    display: none;
    border-left: 1px solid #ececec;
    transition: all .5s ease
}

.zh-utilities {
    position: relative;
    height: 60px;
    align-items: center
}

.zh-nav-bar .zh-nav-bar-icon {
    width: 20px;
    height: 2px;
    border-radius: 1px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.zh-nav-bar-icon:after,
.zh-nav-bar-icon:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    transition: transform .25s ease;
    -ms-transform-origin: 50% 1px;
    transform-origin: 50% 1px;
    background-color: rgba(0, 0, 0, 0.7);
    left: 0
}

.zh-nav-bar-icon::before {
    top: -6px
}

.zh-nav-bar-icon {
    background-color: rgba(0, 0, 0, 0.7)
}

.zh-nav-bar.opened .zh-nav-bar-icon {
    height: 0
}

.zgh-nav>ul>li.zh-productdropdown span.active:before,
.zgh-nav>ul>li.zh-productdropdown span.active:after {
    display: none
}

.zh-nav-bar.opened .zh-nav-bar-icon:before,
.zh-nav-bar.opened .zh-nav-bar-icon:after {
    -ms-transform: rotate(-45deg);
    transform: rotateZ(-45deg);
    height: 2px;
    top: 0;
    bottom: 0
}

.zh-nav-bar.opened .zh-nav-bar-icon:after {
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg)
}

.codeIn {
    display: none !important
}

.ccode-us .codeNM {
    display: inline-block !important
}

.ccode-us .codeIn {
    display: none
}

.ccode-in .codeNM {
    display: none !important
}

.ccode-in .codeIn {
    display: inline-block !important
}

.zh-nav-bar-icon:after {
    bottom: -6px
}

.zh-main .wrapper {
    max-width: 1230px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.zh-header {
    background-color: #fff;
    border-bottom: 1px solid #e7ebf0;
    position: fixed;
    width: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    padding: 0 30px
}

.zh-header:before {
    content: "";
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.zh-wrap {
    display: flex;
    align-items: center;
    height: 100%;
    max-width: 1380px;
    margin: 0 auto
}

.zgh-brand {
    padding: 0 10px 3px 0
}

.zgh-nav {
    float: left;
    opacity: 1;
    padding: 0 0 0 35px;
    flex: 1
}



.zgh-headerWrap {
    min-height: 60px;
}

.zgh-nav>ul>li>a,
.zgh-nav>ul>li:nth-child(1)>span {
    font-size: 16px;
    color: var(--primary-color);
    letter-spacing: -0.2px;
    transition: color .4s ease
}

.zgh-nav>ul>li:nth-child(1)>span,
.zgh-nav>ul>li:nth-child(2)>span {
    font-family: var(--primaryfont-regular);
    cursor: pointer
}

.zgh-nav>ul>li.active>a,
.zgh-nav>ul>li.active>span {
    color: var(--highlight-color)
}

.zh-header .zgh-nav>ul>li>a:hover,
.zh-header .zgh-nav>ul>li>span:hover {
    color: var(--highlight-color)
}

.zgh-nav>ul>li.zh-productdropdown.active>a::after,
.zgh-nav>ul>li.zh-productdropdown.active>span:after {
    transform: rotate(-180deg)
}

.zgh-nav>ul>li.zh-productdropdown.active>span:after,
.zgh-nav>ul>li.nav-menu.active>span:after {
    transform: rotate(-135deg);
    top: 2px;
    border-color: var(--highlight-color)
}

.zgh-nav>ul>li.nav-menu.active .zh-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(-25px);
    pointer-events: all;
    z-index: 22;
    top: 57px;
}

.zh-more-opt {
    padding: 4px 10px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    top: 10px
}

.zh-more-opt span {
    width: 5px;
    height: 5px;
    display: inline-block;
    border-radius: 50%;
    background: var(--primary-color);
    margin-right: 3px
}

.zgh-left-nav .zh-utilities .zh_innr_nav.search-icon span,
.zgh-left-nav .zh-utilities .zh_innr_nav.announcement-icon .zh-announcetab,
.input-srch-icon span {
    display: inline-block;
    width: 18px;
    line-height: 1;
    cursor: pointer
}

.zgh-left-nav .zh-utilities .zh_innr_nav.announcement-icon .zh-announcetab .indicator {
    pointer-events: none
}

.zgh-left-nav .zh-utilities .zh_innr_nav.search-icon span.zgh-search-clear {
    display: none
}

.zgh-left-nav .zh-utilities .zh_innr_nav.search-icon span svg#search-icon-svg,
.zgh-left-nav .zh-utilities .zh_innr_nav.search-icon.active span svg#close-icon-svg {
    display: block
}

.zgh-left-nav .zh-utilities .zh_innr_nav.search-icon span svg#close-icon-svg,
.zgh-left-nav .zh-utilities .zh_innr_nav.search-icon.active span svg#search-icon-svg {
    display: none
}

#close-icon-svg {
    width: 16px
}

.zgh-left-nav {
    display: inline-flex;
    justify-content: flex-end
}

.zgh-left-nav .zh-utilities .zh_innr_nav {
    display: inline-flex;
    align-items: center;
    padding: 26px 15px;
    position: relative
}

.zgh-left-nav .announcement-icon.active .zh-announcetab svg path {
    fill: var(--highlight-color)
}

.zh_flag_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

.zh_flag_container .i18n_code {
    font-size: 14px;
    font-family: var(--primaryfont-regular);
    text-transform: uppercase
}



.zgh-left-nav .zh-utilities .head-sign-in {
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: var(--primaryfont-regular);
    padding: 0 0 0 22px
}

.head-sign-in .login {
    color: #f60014;
    font-family: var(--zf-secondary-medium);
    border: 1px solid #f60014;
    padding: 7px 13px;
    background-color: transparent;
    transition: background-color .3s ease;
    border-radius: 2px;
}

.zgh-left-nav .zh-utilities .head-sign-in .zgh-userLink {
    top: -12px;
    right: -32px
}

.zgh-userPanel.active ul {
    padding: 0
}

.zgh-left-nav .zh-utilities .head-sign-in .zgh-user-box {
    padding: 13px 0
}

.zgh-userPanel {
    top: 0px;
}

.zgh-userName {
    color: var(--primary-color);
    font-size: 15px;
    line-height: 22px;
    display: inline-block;
    overflow: hidden;
    width: 200px;
    margin-top: 20px;
    white-space: nowrap;
    text-transform: capitalize;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    vertical-align: middle;
    padding: 0
}

.zgh-userImage img {
    width: 60px;
    padding: 10px;
    margin-top: 11px
}

.zgh-userAccess {
    vertical-align: middle;
    display: inline-block;
    width: 200px;
    padding: 0
}

.head-sign-in .zgh-userAccess a {
    margin-top: 9px
}

.zgh-userAccess a {
    color: #f60014;
    font-size: 14px
}

.zgh-left-nav .zgh-userAccount {
    position: absolute !important;
    bottom: 16px;
    left: 11px
}

.zgh-left-nav .zgh-userAccount a {
    color: var(--highlight-color);
    font-size: 13px
}

.head-sign-in .zgh-userLogout a {
    font-size: 13px;
    text-transform: none;
    background-color: transparent;
    color: var(--redclr)
}

.zgh-search-icon {
    background: 0
}

.head-sign-in a {
    color: var(--primary-color);
    transition: color .3s ease
}

.head-sign-in .login-sec a,
.head-sign-in .signup-sec a {
    transition: color .3s ease
}

.head-sign-in a:hover {
    color: var(--highlight-color);
    border: 1px solid var(--highlight-color);
}

.head-sign-in a.signUp:hover {
    color: #fff;
    background-color: #f60014;
    border: 1px solid #f60014;
}

.head-sign-in .signUp {
    color: #fff;
    margin-left: 25px;
    font-family: var(--zf-secondary-medium);
    border: 1px solid #f60014;
    padding: 7px 13px;
    background-color: #f60014;
    transition: background-color .3s ease;
    border-radius: 2px
}

.zh-header.active .head-sign-in .signUp {
    background-color: #f60014;
    color: #fff
}

.zh-color {
    width: 80px;
    height: 1px;
    margin-top: 20px;
    overflow: hidden
}

.zh-color span {
    width: 25%;
    display: inline-block;
    background-color: #f60014
}

.zh-color {
    width: 40px
}

.zh-dropdown {
    width: 180px;
    position: absolute;
    top: 76px;
    z-index: 9999;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 25px 0 rgba(65, 67, 132, 0.21);
    box-shadow: 0 11px 90px 0 rgba(65, 67, 132, 0.13);
    -webkit-transition: transform .2s ease, opacity .2s ease, visibility .2s ease;
    -o-transition: transform .2s ease, opacity .2s ease, visibility .2s ease;
    transition: transform .2s ease, opacity .2s ease, visibility .2s ease;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
    visibility: hidden;
    padding: 15px 0;
    border-radius: 10px;
    border: 1px solid #e7ebf0;
    left: 0;
    transform: translateY(0);
    pointer-events: none;
    border-radius: 3px
}

.zgh-nav>ul>li:last-child:hover .zh-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(-40px);
    pointer-events: all;
    z-index: 22
}

.zh-dropdown-item:hover a {
    color: var(--highlight-color)
}

.zh-border-line {
    display: block;
    border-bottom: 1px solid #e7ebf0;
    margin: 10px auto 13px auto;
    line-height: 0;
    width: 68%
}

.zh-dropdown-list a {
    padding: 6px 10px 10px 35px;
    display: block;
    font-size: 15px;
    line-height: 1.1;
    color: #111;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    cursor: pointer
}

.zh-dropdown-list a.active {
    color: var(--highlight-color)
}

.cta-link a {
    color: var(--highlight-color);
    text-transform: uppercase;
    display: inline-block
}

.cta-link a::after,
.zh-contact ul li.lst-cnt.fin-ctn::after {
    width: 18px;
    height: 18px;
    position: relative;
    right: -5px;
    top: 4px;
    display: inline-block;
    background-position: -101px -301px;
    transform: translateX(0);
    transition: transform .3s ease
}

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

.arrow-icon.blueLink:after,
.zh-contact ul li.lst-cnt.fin-ctn::after {
    right: 3px
}

.arrow-icon {
    position: relative
}

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

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

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

.learnMorebtn.arrow-icon.blueLink:after,
.zh-contact ul li.lst-cnt.fin-ctn::after {
    background-position: -108px -76px;
    top: calc(50% - 7px);
    right: 23px
}

.tick_icon {
    width: 10px;
    margin-left: 7px
}

.zh-bundle-apps {
    position: relative
}

.zh-productssect__tabs .zh-sec-apps a,
.zh-bundle-apps a {
    font-size: 20px;
    position: relative;
    display: inline-block;
    padding: 0 0 0 70px;
    width: 100%
}

.zh-productssect__tabs .zh-sec-apps .zh-app,
.zh-bundle-apps .zh-app {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 0;
    top: 0
}




.zh-productssect__tabs .zh-sec-apps.zh-marketing.bundle-m .zh-app {
    background-position: -671px 0;
    height: 52px
}

.zh-productssect__tabs .zh-sec-apps.zh-creatorplus.bundle-m .zh-app,
.zh-bundle-apps.zh-creatorplus.bundle-m .zh-app {
    background-position: -576px 0;
    height: 52px;
    width: 48px
}

.zh-productssect__tabs .zh-sec-apps .zh-content,
.zh-bundle-apps .zh-content {
    display: block;
    width: 71%
}

.zh-bundlesect__com .zh-bundle-apps .zh-content {
    width: 90%
}

.zh-productssect__tabs .zh-sec-apps .zh-content label,
.zh-productssect__tabs .zh-sec-apps .zh-content small,
.zh-bundle-apps .zh-content label,
.zh-bundle-apps .zh-content small {
    display: block;
    color: var(--primary-color);
    font-size: 24px;
    cursor: pointer
}

.zh-productssect__tabs .zh-sec-apps .zh-content label {
    line-height: 1.2
}

.zh_productnav__bottomband sub.newtag {
    left: 62px;
    right: auto;
    top: -15px;
    border-radius: 0;
    font-size: 8px
}

sub.newtag {
    position: absolute;
    top: -25px;
    right: -25px;
    background: #049949;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    padding: 2px 7px 1px;
    border-radius: 2px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    font-family: var(--zf-secondary-medium)
}

.zh-productssect__tabs .zh-sec-apps .zh-content small,
.zh-bundle-apps .zh-content small {
    color: var(--secondary-color);
    font-size: 14px
}

.zh-main-app .new-tag {
    position: relative;
    left: 70px;
    background: #46b357;
    padding: 4px 6px 2px;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    border-radius: 2px;
    font-family: var(--zf-secondary-medium)
}


/*.zh-productssect__tabs .zh-sec-apps.zh-crm .zh-app,
.used-apps .zh-sec-apps.zh-crm .zh-app {
    background-position: -1px -2px
}

.zh-productssect__tabs .zh-sec-apps.zh-desk .zh-app,
.used-apps .zh-sec-apps.zh-support .zh-app {
    background-position: -649px 0
}

.zh-productssect__tabs .zh-sec-apps.zh-forms .zh-app,
.used-apps .zh-sec-apps.zh-forms .zh-app {
    background-position: -451px -4px
}

.zh-productssect__tabs .zh-sec-apps.zh-learn .zh-app,
.used-apps .zh-sec-apps.zh-learn .zh-app {
    background-position: -51px -200px
}

.zh-productssect__tabs .zh-sec-apps.zh-salesiq .zh-app,
.used-apps .zh-sec-apps.zh-salesiq .zh-app {
    background-position: -50px -4px
}

.zh-productssect__tabs .zh-sec-apps.zh-contactmanager .zh-app,
.used-apps .zh-sec-apps.zh-contactmanager .zh-app {
    background-position: -153px -4px
}

.zh-productssect__tabs .zh-sec-apps.zh-salesinbox .zh-app,
.used-apps .zh-sec-apps.zh-salesinbox .zh-app {
    background-position: -600px -4px
}

.zh-productssect__tabs .zh-sec-apps.zh-bigin .zh-app,
.used-apps .zh-sec-apps.zh-bigin .zh-app {
    background-position: -251px -199px
}

.zh-productssect__tabs .zh-sec-apps.zh-calendar .zh-app,
.used-apps .zh-sec-apps.zh-calendar .zh-app {
    background-position: -204px -199px
}

.zh-productssect__tabs .zh-sec-apps.zh-bookings .zh-app,
.used-apps .zh-sec-apps.zh-bookings .zh-app {
    background-position: -651px -152px
}

.zh-productssect__tabs .zh-sec-apps.zh-social .zh-app,
.used-apps .zh-sec-apps.zh-social .zh-app {
    background-position: -252px -2px
}

.zh-productssect__tabs .zh-sec-apps.zh-campaign .zh-app,
.used-apps .zh-sec-apps.zh-campaigns .zh-app {
    background-position: -200px 0
}

.zh-productssect__tabs .zh-sec-apps.zh-survey .zh-app,
.used-apps .zh-sec-apps.zh-survey .zh-app {
    background-position: -300px -1px
}

.zh-productssect__tabs .zh-sec-apps.zh-sites .zh-app,
.used-apps .zh-sec-apps.zh-sites .zh-app {
    background-position: -501px -4px
}

.zh-productssect__tabs .zh-sec-apps.zh-pagesense .zh-app,
.used-apps .zh-sec-apps.zh-pagesense .zh-app {
    background-position: -351px -3px
}

.zh-productssect__tabs .zh-sec-apps.zh-backstage .zh-app,
.used-apps .zh-sec-apps.zh-backstage .zh-app {
    background-position: -401px 0
}

.zh-productssect__tabs .zh-sec-apps.zh-meeting .zh-app,
.used-apps .zh-sec-apps.zh-meeting .zh-app {
    background-position: -51px -53px
}

.zh-productssect__tabs .zh-sec-apps.zh-commerce .zh-app,
.used-apps .zh-sec-apps.zh-commerce .zh-app {
    background-position: -551px -152px
}

.zh-productssect__tabs .zh-sec-apps.zh-assist .zh-app,
.used-apps .zh-sec-apps.zh-assist .zh-app {
    background-position: -503px -49px
}



.zh-productssect__tabs .zh-sec-apps.zh-remoteaccessplus .zh-app,
.used-apps .zh-sec-apps.zh-remoteaccessplus .zh-app {
    background-position: -100px -198px
}

.zh-productssect__tabs .zh-sec-apps.zh-desktopcentral .zh-app,
.used-apps .zh-sec-apps.zh-desktopcentral .zh-app {
    background-position: -278px -186px;
    background-size: 1400px auto
}

.zh-productssect__tabs .zh-sec-apps.zh-toolkit .zh-app,
.used-apps .zh-sec-apps.zh-toolkit .zh-app {
    background-position: -468px -185px;
    background-size: 1400px auto
}

.zh-productssect__tabs .zh-sec-apps.zh-lens .zh-app,
.used-apps .zh-sec-apps.zh-lens .zh-app {
    background-position: -299px -200px
}

.zh-productssect__tabs .zh-sec-apps.zh-books .zh-app,
.used-apps .zh-sec-apps.zh-books .zh-app {
    background-position: -100px -50px
}

.zh-productssect__tabs .zh-sec-apps.zh-invoice .zh-app,
.used-apps .zh-sec-apps.zh-invoice .zh-app {
    background-position: -200px -50px
}

.zh-productssect__tabs .zh-sec-apps.zh-expense .zh-app,
.used-apps .zh-sec-apps.zh-expense .zh-app {
    background-position: -298px -50px
}

.zh-productssect__tabs .zh-sec-apps.zh-inventory .zh-app,
.used-apps .zh-sec-apps.zh-inventory .zh-app {
    background-position: -149px -50px
}

.zh-productssect__tabs .zh-sec-apps.zh-subscription .zh-app,
.used-apps .zh-sec-apps.zh-subscriptions .zh-app {
    background-position: -250px -50px
}

.zh-productssect__tabs .zh-sec-apps.zh-checkout .zh-app,
.used-apps .zh-sec-apps.zh-checkout .zh-app {
    background-position: -349px -50px
}

.zh-productssect__tabs .zh-sec-apps.zh-payroll .zh-app,
.used-apps .zh-sec-apps.zh-payroll .zh-app {
    background-position: -400px -150px
}

.zh-productssect__tabs .zh-sec-apps.zh-people .zh-app,
.used-apps .zh-sec-apps.zh-people .zh-app {
    background-position: -449px -50px
}

.zh-productssect__tabs .zh-sec-apps.zh-recruit .zh-app,
.used-apps .zh-sec-apps.zh-recruit .zh-app {
    background-position: -401px -50px
}

.zh-productssect__tabs .zh-sec-apps.zh-connect .zh-app,
.used-apps .zh-sec-apps.zh-connect .zh-app {
    background-position: -399px -100px
}

.zh-productssect__tabs .zh-sec-apps.zh-workerly .zh-app,
.used-apps .zh-sec-apps.zh-workerly .zh-app {
    background-position: -351px -150px
}

.zh-productssect__tabs .zh-sec-apps.zh-showtime .zh-app,
.used-apps .zh-sec-apps.zh-showtime .zh-app {
    background-position: -101px -102px
}




.zh-productssect__tabs .zh-sec-apps.zh-shift .zh-app,
.used-apps .zh-sec-apps.zh-shift .zh-app {
    background-position: -162px -215px
}

.zh-productssect__tabs .zh-sec-apps.zh-voice .zh-app,
.used-apps .zh-sec-apps.zh-voice .zh-app {
    background-position: -560px -166px
}

.zh-productssect__tabs .zh-sec-apps.zh-dataprep .zh-app,
.used-apps .zh-sec-apps.zh-dataprep .zh-app {
    background-position: -52px -215px
}

.zh-productssect__tabs .zh-sec-apps.zh-embeddedbi .zh-app {
    background-size: 750px auto;
    background-position: -706px -181px
}

.zh-productssect__tabs .zh-sec-apps.zh-creator .zh-app,
.used-apps .zh-sec-apps.zh-creator .zh-app {
    background-position: -502px -104px
}

.zh-productssect__tabs .zh-sec-apps.zh-site24x7 .zh-app,
.used-apps .zh-sec-apps.zh-site24x7 .zh-app {
    background-position: -151px -150px
}

.zh-productssect__tabs .zh-sec-apps.zh-flow .zh-app,
.used-apps .zh-sec-apps.zh-flow .zh-app {
    background-position: -549px -101px
}

.zh-productssect__tabs .zh-sec-apps.zh-vault .zh-app,
.used-apps .zh-sec-apps.zh-vault .zh-app {
    background-position: -450px -102px
}

.zh-productssect__tabs .zh-sec-apps.zh-bugtracker .zh-app,
.used-apps .zh-sec-apps.zh-bugtracker .zh-app {
    background-position: -299px -100px
}

.zh-productssect__tabs .zh-sec-apps.zh-mdm .zh-app,
.used-apps .zh-sec-apps.zh-mdm .zh-app {
    background-position: -100px -152px
}

.zh-productssect__tabs .zh-sec-apps.zh-patchmanager .zh-app,
.used-apps .zh-sec-apps.zh-patchmanager .zh-app {
    background-position: -500px -150px
}

.zh-productssect__tabs .zh-sec-apps.zh-identitymanagement .zh-app,
.used-apps .zh-sec-apps.zh-identitymanagement .zh-app {
    background-position: -100px -200px
}

.zh-productssect__tabs .zh-sec-apps.zh-logmanagement .zh-app,
.used-apps .zh-sec-apps.zh-logmanagement .zh-app {
    background-position: -150px -200px
}



.zh-productssect__tabs .zh-sec-apps.zh-orchestly .zh-app,
.used-apps .zh-sec-apps.zh-orchestly .zh-app {
    background-position: -600px -150px
}

.zh-productssect__tabs .zh-sec-apps.zh-officeintegrator .zh-app,
.used-apps .zh-sec-apps.zh-officeintegrator .zh-app {
    background-position: -51px -148px
}


.used-apps .zh-sec-apps.zh-transmail .zh-app {
    background-size: 780px auto
}

.zh-productssect__tabs .zh-sec-apps.zh-analytics .zh-app,
.used-apps .zh-sec-apps.zh-reports .zh-app {
    background-position: -250px -152px
}

.zh-productssect__tabs .zh-sec-apps.zh-mail .zh-app,
.used-apps .zh-sec-apps.zh-mail .zh-app {
    background-position: -550px -53px
}



.zh-productssect__tabs .zh-sec-apps.zh-writer .zh-app,
.used-apps .zh-sec-apps.zh-writer .zh-app {
    background-position: -648px -51px
}

.zh-productssect__tabs .zh-sec-apps.zh-sheet .zh-app,
.used-apps .zh-sec-apps.zh-sheet .zh-app {
    background-position: 0 -100px
}

.zh-productssect__tabs .zh-sec-apps.zh-show .zh-app,
.used-apps .zh-sec-apps.zh-show .zh-app {
    background-position: -51px -100px
}

.zh-productssect__tabs .zh-sec-apps.zh-notebook .zh-app,
.used-apps .zh-sec-apps.zh-notebook .zh-app {
    background-position: -150px -101px
}

.zh-productssect__tabs .zh-sec-apps.zh-wiki .zh-app,
.used-apps .zh-sec-apps.zh-wiki .zh-app {
    background-position: -650px -104px
}

.zh-productssect__tabs .zh-sec-apps.zh-projects .zh-app,
.used-apps .zh-sec-apps.zh-projects .zh-app {
    background-position: -200px -103px
}

.zh-productssect__tabs .zh-sec-apps.zh-sprints .zh-app,
.used-apps .zh-sec-apps.zh-sprints .zh-app {
    background-position: -253px -101px
}

.zh-productssect__tabs .zh-sec-apps.zh-workdrive .zh-app,
.used-apps .zh-sec-apps.zh-workdrive .zh-app {
    background-position: 0 -151px
}

.zh-productssect__tabs .zh-sec-apps.zh-marketingauto .zh-app,
.used-apps .zh-sec-apps.zh-marketinghub .zh-app {
    background-position: -3px -205px
}

.zh-productssect__tabs .zh-sec-apps.zh-learn .zh-app {
    background-position: -51px -200px
}

.zh-productssect__tabs .zh-sec-apps.zh-docs .zh-app,
.used-apps .zh-sec-apps.zh-docs .zh-app {
    background-position: -600px -50px
}

.zh-productssect__tabs .zh-sec-apps.zh-cliq .zh-app,
.used-apps .zh-sec-apps.zh-chat .zh-app {
    background-position: -350px -100px
}

.zh-productssect__tabs .zh-sec-apps.zh-sign .zh-app,
.used-apps .zh-sec-apps.zh-sign .zh-app {
    background-position: -550px 0
}

.zh-bundle-apps .zh-app {
    width: 52px;
    height: 57px;
    background-size: 820px auto
}

.zh-bundle-apps.zh-crmbundle .zh-app {
    background-position: -437px -136px
}

.zh-bundle-apps.zh-finbundle .zh-app {
    background-position: -546px -134px
}

.zh-bundle-apps.zh-peoplebundle .zh-app {
    background-position: -657px -135px
}

.zh-bundle-apps.zh-workbundle .zh-app {
    background-position: -495px -136px
}

.zh-bundle-apps.zh-itbundle .zh-app {
    background-position: -603px -135px
}

.zh-bundle-apps.zh-commercebundle .zh-app {
    background-position: -437px -136px
}

.zh-bundle-apps.zh-onebundle .zh-app {
    background-position: -710px -136px
}

.zh-bundle-apps.zh-remotely .zh-app {
    background-position: -657px 1px;
    height: 56px
}

.zh-remotebundle__app.zh-assist .zh-app {
    background-position: -197px -130px
}

.zh-remotebundle__app.zh-meeting .zh-app {
    background-position: 2px -97px;
    transform: scale(1.07)
}

.zh-remotebundle__app.zh-showtime .zh-app {
    background-position: -233px -134px;
    height: 32px
}

.zh-remotebundle__app.zh-workdrive .zh-app {
    background-position: -798px -97px
}*/

.zh-remotebundle__app .zh-app {
    height: 36px;
    width: 36px;
    background-size: 1000px auto;
    margin-left: 9px;
    top: 4px
}

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





.categoriesdropdown .zh-bundlesect__com.scrcontainer {
    height: 500px;
    position: relative
}





.zh-one-logo a sub {
    color: var(--secondary-color);
    font-size: 18px;
    letter-spacing: 0;
    margin-top: -2px
}

.zh-one-content h3 {
    font-size: 50px;
    line-height: 1.2;
    margin-bottom: 0
}

.zh_productnav .zh_productnav__tabs .zh-one-title {
    font-size: 18px
}

.zh-one-title {
    font-size: 18px;
    margin-bottom: 20px
}

.zh_productnav .zh_productnav__tabs.categoriesdropdown.suites-tab .zh-productssect__tabs.suites_colm .zh-one-content p {
    font-size: 18px;
    max-width: 75%;
    margin-bottom: 30px;
    letter-spacing: -0.2px;
    line-height: 1.7;
    width: 500px
}

.zh_productnav .zh_productnav__tabs.categoriesdropdown.zohooneTab .zh-one-content sub {
    font-size: 16px;
    margin-bottom: 5px
}


.zh-one-suite .wrapper {
    z-index: 1;
    display: table;
    overflow: visible
}

.trybtn,
.learnMorebtn {
    background-color: #161616;
    color: #fff;
    padding: 18px 48px 18px 30px;
    text-transform: uppercase;
    border-radius: 2px;
    line-height: 1;
    transition: background-color .4s ease;
    border: 1px solid var(--highlight-color)
}

.trybtn.border-black {
    border: 1px solid #161616
}

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

.sec-pronav .learnMorebtn.arrow-icon:after {
    top: calc(50% - 7px);
    background-position: -108px -76px;
    right: 10px;
    transform: scale(0.85)
}

.sec-pronav .learnMorebtn.arrow-icon:hover::after {
    transform: translateX(5px)
}

.blueLink {
    color: var(--highlight-color);
    text-transform: uppercase;
    padding-right: 24px
}

.blueLink.learnMorebtn {
    padding-right: 48px
}

.learnMorebtn {
    background-color: var(--highlight-color);
    color: #fff;
    border-radius: 2px;
    display: inline-block
}

.zh-bundlesect__com .blueLink {
    font-size: 12px
}

.zh-main .search-dpdn {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    transform: translateY(65px);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: transform .5s ease, opacity .5s ease, visibility .5s ease, z-index .5s ease;
    background-color: rgba(0, 0, 0, 0.35);
    top: -2px
}

.zh-main .search-icon.active .search-dpdn {
    opacity: 1;
    visibility: visible;
    transform: translateY(71px)
}

.zh-main .input-wrap {
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: 1;
    position: relative;
    background-color: #fff
}

.zh-main .input-inner-wrap {
    width: 100%;
    position: relative;
    max-width: 1050px;
    margin: 0 auto
}

.zh-main .input-wrap input {
    padding: 15px 0 15px 16px;
    font-size: 17px;
    display: block;
    border: 1px solid #e8eef6;
    border-radius: 3px;
    background-color: #fff;
    font-family: var(--primaryfont-regular)
}

.zh-main .input-srch-icon {
    position: absolute;
    right: 30px;
    top: 41px
}

.zh-main .input-srch-icon img {
    width: 18px
}

.zh-main .js-item-menu .search-dpdn .wrapper {
    position: relative
}

.zh-main .input-wrap input.zgh-search-field:focus,
input:focus {
    border: 1px solid var(--highlight-color) !important
}

.zh-main .input-srch-icon {
    top: 11px;
    right: 15px
}

.zh-main .lan-dpdn-wrap {
    width: 480px;
    border: 1px solid #e7ebf0;
    background-color: #fff;
    position: absolute;
    top: 64px;
    left: auto;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease, visibility .5s ease, transform .3s ease;
    transform: translateY(10px);
    border-radius: 0 0 5px 5px;
    box-shadow: 0 11px 90px 0 rgba(65, 67, 132, 0.13)
}

.zh-main .zh-lan-drdn.active .lan-dpdn-wrap {
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.zh-main .lan-dpdn-wrap ul {
    display: flex;
    justify-content: space-between;
    flex-flow: row;
    flex-wrap: wrap;
    margin: 40px 40px 30px 50px
}

.zh-main .lan-dpdn-wrap ul li {
    display: inline-flex;
    align-items: center;
    width: 50%;
    margin-bottom: 20px;
    font-size: 15px;
    padding: 0;
    margin-right: 0;
    font-family: var(--primaryfont-regular)
}

.zh-main .lan-dpdn-wrap ul li:nth-child(even) {
    padding-left: 20px
}

.zh-main .lan-dpdn-wrap ul li img {
    width: 20px;
    margin-right: 15px
}

.zh-main .lan-dpdn-wrap ul li a {
    display: flex;
    align-items: center;
    color: var(--primary-color)
}

.zh-main .lan-dpdn-wrap ul li:hover a,
.zh-main .lan-dpdn-wrap ul li.active a {
    color: var(--highlight-color)
}


.zh-main .lan-dpdn-wrap ul li.active a:after {
    display: inline-block
}



.zh-main .lan-dpdn-wrap:after,
.zh-main .announce-dropdown .announce-inner::after {
    content: "";
    position: absolute;
    top: -7px;
    right: calc(24% - 98px);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff
}

.zh-main .lan-dpdn-wrap:before {
    content: "";
    position: absolute;
    right: calc(24% - 98px);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    border-bottom-color: #e7ebf0;
    top: -8px
}

.zh-main .lan-dpdn-wrap ul li.brasil a span {
    background-position: -20px 1px
}

.zh-main .lan-dpdn-wrap ul li.deutsh a span {
    background-position: -120px 1px
}

.zh-main .lan-dpdn-wrap ul li.france a span {
    background-position: -40px 1px
}

.zh-main .lan-dpdn-wrap ul li.netherland a span {
    background-position: -140px 1px
}

.zh-main .lan-dpdn-wrap ul li.arabic a span,
.zh-main .lan-dpdn-wrap ul li.en a span,
.zh-main .lan-dpdn-wrap ul li.spanish a span {
    background-size: 280px auto;
    background-position: -259px 1px;
    height: 16px
}

.zh-main .lan-dpdn-wrap ul li.indonesia a span {
    background-position: -160px 1px
}

.zh-main .lan-dpdn-wrap ul li.thai a span {
    background-position: -60px 3px
}

.zh-main .lan-dpdn-wrap ul li.japanese a span {
    background-position: -180px 2px
}

.zh-main .lan-dpdn-wrap ul li.vietnam a span {
    background-position: -80px 1px
}

.zh-main .lan-dpdn-wrap ul li.italy a span {
    background-position: -200px 1px
}

.zgh-left-nav .zh-utilities .zh_innr_nav.zh-lan-drdn {
    position: relative;
    padding-right: 6px;
    display: none !important;
}

.zh-main .js-item-menu.active .lan-dpdn-wrap {
    opacity: 1;
    visibility: visible
}

.zgh-nav>ul>li:nth-child(1)>span:after,
.zgh-nav>ul>li.nav-menu>span:after {
    content: "";
    display: inline-block;
    padding: 3.3px;
    position: relative;
    margin-left: 7px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all .3s ease;
    border: solid #777;
    clear: both;
    top: -2px;
    border-width: 0 1px 1px 0
}

.zh_productnav {
    position: fixed;
    width: 100%;
    left: 0;
    top: 70px;
    height: 580px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s ease, visibility .4s ease;
    z-index: 0;
    pointer-events: none
}

.zh_productnav:after,
.zh-main .announce-dropdown:after {
    content: "";
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 130px;
    left: 0;
    z-index: -1
}

.zh-main .announce-dropdown:after {
    background-color: rgb(0 0 0 / 6%);
}

.zh-productdropdown.active .zh_productnav {
    opacity: 1;
    visibility: visible;
    z-index: 3;
    pointer-events: initial
}

.zh_productnav .zh-productssect__left li.active {
    background-color: var(--bg-color);
    color: var(--highlight-color);
    font-family: var(--zf-secondary-medium)
}

.zh_productnav .zh-productssect__left .zh-product-subtitle {
    color: var(--primary-color);
    font-size: 15px;
    display: block;
    position: relative;
    line-height: 1;
    margin-bottom: 10px;
    font-family: var(--zf-secondary-medium)
}

.zh_productnav .zh-productssect__left li {
    width: 92%;
    position: relative;
    z-index: 2;
    font-size: 15px;
    padding: 5px 0 5px 0
}

.zh_productnav .zh_productnav__tabs.categoriesdropdown {
    padding: 0;
    overflow: hidden
}

.zh_productnav .zh_productnav__tabs.categoriesdropdown.zohooneTab {
    background-color: #fed600
}

.zh_productnav .zh_productnav__tabs.categoriesdropdown.suites-tab {
    padding-top: 40px
}

.zh_productnav .zh_productnav__tabs.categoriesdropdown.platform-tab {
    overflow: hidden
}

.zh_productnav .zh_productnav__tabs.categoriesdropdown.zohooneTab .zh_productnav__bottomband .zh-productssect__right {
    display: flex;
    flex-direction: row
}

.zh_productnav .zh_productnav__tabs.categoriesdropdown.suites-tab .pro_ttl_wrap {
    display: none
}

.zh_productnav .zh_productnav__tabs.categoriesdropdown.zohooneTab .zh-one-wrapContent {
    width: 100%;
    padding: 0;
    display: flex;
    margin-top: 60px;
    border-right: 0
}

.zh_productnav .zh_productnav__tabs.categoriesdropdown.zohooneTab .zh-one-content {
    border: 0;
    width: 100%;
    padding-right: 0;
    padding-left: 20px
}

.zh_productnav .zh_productnav__tabs.categoriesdropdown.suites-tab .zh-productssect__leftside {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
    padding: 0
}

.zh_productnav .zh_productnav__tabs.categoriesdropdown.zohooneTab .zh-productssect__rightside {
    padding: 2px 0 0 0;
    width: 80%;
    position: relative;
    height: 100%;
    margin: 0 auto
}

.zh_productnav .zh_productnav__tabs.categoriesdropdown.zohooneTab .zh-productssect__rightside .zh-one-content p {
    font-size: 18px;
    width: 90%;
    max-width: 100%
}

.zh_productnav .zh_productnav__tabs.categoriesdropdown .zh-productssect__left .zh-product-subtitle::after {
    content: "";
    width: 2px;
    height: 16px;
    background-color: var(--highlight-color);
    position: absolute;
    left: -10px;
    top: 0;
    transition: transform .5s ease;
    transform: scale(0);
    transform-origin: top
}

.zh_productnav .zh_productnav__tabs.categoriesdropdown .zh-productssect__left .zh-product-subtitle.active::after {
    transform: scale(1)
}

.zh_productnav .zh-productssect__wrap {
    max-width: 1380px;
    margin: 0 auto;
    height: 100%
}

.zh_productnav .suites-tab .zh-productssect__wrap {
    max-width: 1200px
}

.zh_productnav__wrapper {
    width: 100%;
    height: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3)
}

.zh_productnav__topband {
    background-color: var(--bg-color);
    position: relative
}

.zh_productnav .zh_productnav__tabs.categoriesdropdown .learnMorebtn {
    margin: 5px 0 0 10px;
    position: absolute;
    bottom: 114px;
    top: auto;
    font-size: 13px;
    padding: 18px 46px 18px 24px
}

.zh_productnav .zh_productnav__tabs.categoriesdropdown .ex-btn .learnMorebtn {
    bottom: 0
}

.zh_productnav .zh_productnav__tabs.categoriesdropdown.platform-tab .zh-productssect__right ul {
    display: block
}

.zh_productnav .zh_productnav__tabs.categoriesdropdown.platform-tab .zh-productssect__tabs {
    display: flex;
    width: 100%;
    overflow: visible;
    position: relative;
    padding: 15px 0 0 0;
    height: 100%
}

.zh_productnav .zh_productnav__tabs.categoriesdropdown.platform-tab .zh-productssect__tabs .ex-btn {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: auto;
    bottom: 30px;
    display: flex;
    justify-content: center
}

.zh_productnav .zh_productnav__tabs.categoriesdropdown .ex-btn .learnMorebtn {
    position: relative;
    margin: 0
}

.zh_productnav .zh_productnav__tabs.categoriesdropdown.platform-tab .zh-productssect__right {
    width: 100%
}

.zh_productnav .zh_productnav__tabs.categoriesdropdown.platform-tab .zh-productssect__right ul li {
    width: 100%
}

.zh_productnav .zh_productnav__tabs.categoriesdropdown.platform-tab .code_sln {
    position: relative;
    width: 280px
}

.zh_productnav .zh_productnav__tabs.categoriesdropdown.platform-tab .code_sln .product-title {
    position: relative;
    padding-bottom: 20px;
    margin: 30px 0 10px 25px;
    font-size: 18px
}

.zh_productnav .zh_productnav__tabs.categoriesdropdown.platform-tab .zh-sec-apps .zh-content small {
    width: 75%
}

.zh_productnav .zh_productnav__tabs.categoriesdropdown.platform-tab .code_sln:before {
    content: "";
    width: 1px;
    height: 350px;
    background-color: #ececec;
    position: absolute;
    right: 0;
    left: auto;
    top: 0;
    margin-top: 30px
}

.zh_productnav .zh_productnav__tabs.categoriesdropdown.platform-tab .off_integ.code_sln:before {
    content: "";
    display: none
}

.zh_productnav__topband .closeProduct {
    position: absolute;
    right: 12px;
    top: 21px;
    width: 10px;
    cursor: pointer;
    left: auto;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    z-index: 3
}

.zh_productnav__topband .closeProduct:after,
.announce-dropdown .closeannounce:after {
    content: "";
    top: -10px;
    left: -10px;
    width: 29px;
    height: 29px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    z-index: 0;
    box-shadow: 0 3px 7px 1px rgba(173, 166, 166, 0.21)
}

.announce-dropdown .closeannounce:after {
    left: -8px
}

.zh_productnav__topband .closeProduct svg {
    z-index: 1
}

.zh_productnav__topband .closeProduct .cls-2 {
    stroke: #000
}

.zh_productnav__topband .closeProduct em,
.announce-inner .closeAnnonce em {
    display: inline-block;
    font-size: 12px;
    color: var(--secondary-color);
    text-align: left;
    position: relative;
    opacity: .8
}

.zh_productnav__topband .closeProduct em {
    opacity: 1;
    position: absolute;
    opacity: 1;
    left: -44px;
    text-transform: uppercase;
    top: -3px;
    text-decoration: underline;
    font-family: var(--zf-secondary-medium);
    display: none
}

.zh_productnav__topband ul {
    width: 100%;
    padding: 0 30px;
    display: flex
}

.zh_productnav__topband ul li {
    display: inline-block;
    padding: 15px 0;
    font-size: 15px;
    margin-right: 50px;
    border-bottom: 2px solid transparent;
    cursor: pointer
}

.zh_productnav__topband ul li:last-child {
    margin-right: 0
}

.zh_productnav__topband ul li.selected {
    color: var(--highlight-color);
    border-color: var(--redclr);
    opacity: 1;
    font-family: var(--zf-secondary-medium)
}

.zh_productnav__tabs {
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 1;
    transition: opacity .4s ease
}

.zh_productnav__tabs.active {
    opacity: 1;
    z-index: 2
}

.zh_productnav__bottomband {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff
}

.zh_productnav__bottomband .zh-productssect__left {
    width: 260px;
    position: relative
}

.zh_productnav__bottomband .zh-productssect__right {
    width: calc(100% - 260px);
    padding: 0;
    position: relative;
    height: 100%
}

.zh_productnav__bottomband .zohooneTab .zh-productssect__right {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%
}

.zh_productnav__bottomband .suites-tab .zh-productssect__wrap {
    height: 100%
}

.zh_productnav__bottomband .zh-productssect__right ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: initial
}

.zh_productnav__bottomband .zh-productssect__left ul {
    border-left: 1px solid transparent;
    margin-bottom: 0
}

.zh_productnav__bottomband .zh-productssect__left {
    border-right: 0;
    margin-top: 30px;
    height: 500px
}

.zh_productnav__bottomband .zh-productssect__left:after {
    content: "";
    width: 1px;
    height: 500px;
    background-color: #e7ebf0;
    position: absolute;
    right: 0;
    left: auto;
    top: 0
}

.zh_productnav__bottomband .zh-productssect__tabs .zh-sec-apps a,
.zh_productnav__bottomband .zh-productssect__left li {
    font-size: 14px
}

.zh_productnav__bottomband .zh-productssect__left li {
    padding-left: 10px;
    position: relative;
    z-index: 2;
    font-size: 14px;
    cursor: auto
}

.zh_productnav__bottomband .zh-productssect__left li .side_nav {
    width: 150px;
    cursor: pointer;
    display: block
}

.zh_productnav__bottomband .zh-productssect__left li.sub1 {
    padding: 20px 0 10px 10px
}

.zh_productnav__bottomband .zh-productssect__left .sub-headmenu {
    padding: 10px 0 15px 0
}

.zh_productnav__bottomband .zh-productssect__left .sub-headmenu {
    border: 0;
    padding-top: 0
}

.zh_productnav__bottomband .zh-productssect__left li:before {
    content: "";
    width: 100%;
    background-color: transparent;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: -1;
    top: 0;
    transition: background-color .4s ease
}

.zh_productnav__bottomband .zh-productssect__left li.arrow-icon:after {
    opacity: 0;
    background-position: -107px -77px;
    right: 30px;
    top: calc(50% - 7px);
    transition: all .4s ease;
    transform: scale(0.8)
}

.zh_productnav__bottomband .zh-productssect__left li.active.arrow-icon:after {
    opacity: 1;
    right: 10px;
    transition: right .6s ease;
    transform: scale(0.8)
}

.zh_productnav__bottomband .zh-productssect__right ul li {
    width: 31.33%;
    padding: 15px 20px;
    margin-right: 2%
}

.zh_productnav__bottomband .zh-productssect__tabs .zh-sec-apps .zh-content {
    width: 100%
}

.zh_productnav__bottomband .zh-productssect__tabs .zh-sec-apps .zh-content label,
.zh_productnav__bottomband .zh-bundle-apps .zh-content label {
    font-size: 18px
}

.zh_productnav__bottomband .zh-bundle-apps .zh-content label {
    font-size: 22px
}

.zh_productnav__bottomband .zh-productssect__tabs .zh-sec-apps .zh-content label,
.zh_productnav__bottomband .zh-productssect__tabs .zh-bundle-apps .zh-content label {
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -0.2px
}

.zh_productnav__bottomband .zh-productssect__tabs .zh-sec-apps .zh-content label {
    font-size: 22px;
    letter-spacing: -0.2px
}

.zh-whole-tabs .zh_productnav__bottomband .zh-productssect__tabs .zh-sec-apps .zh-content label {
    font-size: 22px;
    letter-spacing: -0.2px
}

.zh_productnav__bottomband .zh_productnav__tabs.bundlesdropdown .zh-bundle-apps .zh-app {
    margin-top: -1px
}

.zh_productnav__bottomband .zh-productssect__tabs .zh-sec-apps a,
.zh_productnav__bottomband .zh-bundle-apps a {
    padding: 0 0 0 60px
}

.suites-tab .zh_productnav__bottomband .zh-productssect__tabs {
    width: 100%
}

.zh_productnav__bottomband .zh-bundle-apps a {
    padding-left: 70px
}

.zh_productnav__bottomband .zh-productssect__tabs {
    width: calc(100% - 20px);
    padding-left: 20px
}

.zh_productnav__bottomband .zh-productssect__tabs .zh-sec-apps .zh-content small,
.zh_productnav__bottomband .zh-productssect__tabs .zh-bundle-apps .zh-content small {
    width: 85%;
    min-height: 50px;
    margin-top: 7px;
    font-size: 13px;
    line-height: 1.45
}

.zh_productnav__bottomband .zh-productssect__tabs li.zh-bundle-apps {
    display: flex;
    align-items: center;
    transition: border-color .4s ease
}

.zh_productnav__bottomband .zh-productssect__tabs .zh-bundle-apps .zh-content small {
    min-height: unset;
    width: 100%
}

.zh-productssect__tabs {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    transition: opacity .5s ease;
    width: 100%
}

.zh-productssect__tabs.active {
    opacity: 1;
    visibility: visible
}

.zh_productnav__bottomband .categoriesdropdown .zh-bundle-apps.zh-crmbundle {
    padding: 20px 20px 20px;
    position: relative;
    background-color: #eef5fd;
    border: 1px solid #d3e5fa
}

.zh_productnav__bottomband .categoriesdropdown .zh-bundle-apps.bundle-m.zh-marketing {
    background-color: #eefcfd;
    border: 1px solid #d0e7ea
}

.zh_productnav__bottomband .categoriesdropdown .zh-bundle-apps.zh-itbundle {
    padding: 20px 20px 20px;
    background-color: #fff7ee;
    border: 1px solid #f3e2ba
}

.zh_productnav__bottomband .categoriesdropdown .zh-bundle-apps.zh-peoplebundle {
    padding: 20px 20px 20px;
    background-color: #f6f4ff;
    border: 1px solid #e1dbf7
}

.zh_productnav__bottomband .categoriesdropdown .zh-bundle-apps.zh-finbundle {
    padding: 20px 20px 20px;
    background-color: #e8faf2;
    border: 1px solid #ceeddf
}

.zh_productnav__bottomband .categoriesdropdown .zh-bundle-apps.zh-workbundle {
    background-color: #fff9fa;
    border: 1px solid #ffdedf;
    padding: 20px 20px 20px
}

.zh_productnav__bottomband .categoriesdropdown .zh-bundle-apps.zh-crmbundle:hover {
    border-color: #afcbec
}

.zh_productnav__bottomband .categoriesdropdown .zh-bundle-apps.zh-itbundle:hover {
    border-color: #f8d1a4
}

.zh_productnav__bottomband .categoriesdropdown .zh-bundle-apps.zh-workbundle:hover {
    border-color: #f9cad1
}

.zh_productnav__bottomband .categoriesdropdown .zh-bundle-apps.zh-peoplebundle:hover {
    border-color: #cfc7f6
}

.zh_productnav__bottomband .categoriesdropdown .zh-bundle-apps.zh-finbundle:hover {
    border-color: #a2d4b6
}

.zh_productnav__bottomband .bundle-title {
    font-size: 10px;
    text-transform: uppercase;
    position: absolute;
    top: 5px;
    right: 10px;
    color: var(--primary-color);
    letter-spacing: .3px
}

.zh_productnav__bottomband .zh-bundlesect__wrap {
    margin: 60px auto 0;
    display: flex
}

.zh_productnav__bottomband .zh-bundlesect__com:not(:last-child) {
    border-right: 0
}

.zh_productnav__bottomband .zh-bundlesect__com .zh-bundle-apps {
    padding: 20px;
    margin-bottom: 20px
}

.zh_productnav__bottomband .bundlesdropdown .zh-bundlesect__com .zh-bundle-apps {
    padding: 25px 15px 25px 15px;
    width: 31%;
    margin-right: 15px;
    margin-bottom: 15px
}

.zh_productnav__bottomband .zh_productnav__tabs.bundlesdropdown .zh-bundle-apps.zh-remotely .zh-content small {
    width: 95%
}

.zh_productnav__bottomband .zh_productnav__tabs.bundlesdropdown .zh-bundle-apps .zh-content small {
    min-height: 50px
}

.zh_productnav__bottomband .zh-bundle-apps .zh-content {
    width: 100%
}

.zh_productnav__bottomband .zh-bundlesect__com {
    width: 100%;
    padding: 0
}

.zh_productnav__bottomband .zh-bundlesect__com ul {
    display: flex;
    flex-wrap: wrap
}

.zh_productnav .zh-bundlesect__com:nth-child(2) {
    padding: 0 30px
}

.zh_productnav__bottomband .zh-bundlesect__com .zh-bundle-apps.zh-remotesub {
    padding-top: 0
}

.zh_productnav .zh-bundlesect__com:last-child {
    padding-left: 30px
}

.zh_productnav .zh_productnav__tabs.categoriesdropdown.suites-tab .zh-bundlesect__com {
    padding-left: 0
}

.zh_productnav__bottomband .zh-bundle-apps.zh-remotely a,
.zh_productnav__bottomband .zh-bundle-apps.zh-remotesub a {
    padding-left: 70px
}

.zh-dropdown__explore {
    padding: 30px 0;
    text-align: center;
    border-top: 1px solid #ececec;
    position: absolute;
    width: 100%;
    bottom: 0
}

.zh_productnav__bottomband .bundlesdropdown .zh-bundlesect__com .zh-bundle-apps.zh-crmbundle {
    background-color: #eef5fd;
    border: 1px solid #d3e5fa
}

.zh_productnav__bottomband .bundlesdropdown .zh-bundlesect__com .zh-bundle-apps.zh-finbundle {
    background-color: #e8faf2;
    border: 1px solid #ceeddf
}

.zh_productnav__bottomband .bundlesdropdown .zh-bundlesect__com .zh-bundle-apps.zh-itbundle {
    background-color: #fff7ee;
    border: 1px solid #f3e2ba
}

.zh_productnav__bottomband .bundlesdropdown .zh-bundlesect__com .zh-bundle-apps.zh-workbundle {
    background-color: #fff2f4;
    border: 1px solid #f8dde1
}

.zh_productnav__bottomband .bundlesdropdown .zh-bundlesect__com .zh-bundle-apps.zh-peoplebundle {
    background-color: #f6f4ff;
    border: 1px solid #e1dbf7
}

.zh_productnav__bottomband .bundlesdropdown .zh-bundlesect__com .zh-bundle-apps.zh-remotely {
    background-color: #fff5f1;
    border: 1px solid #f9dbcf
}

.zh_productnav__bottomband .bundlesdropdown .zh-bundlesect__com .zh-bundle-apps.zh-remotely {
    background-color: #fff5f1;
    border: 1px solid #f9dbcf
}

.zh-bundlesect__com .zh-bundle-apps.zh-marketing,
.zh-allproductsect.zh-productssect .zh-productssect__right ul li.zh-sec-apps.zh-marketing {
    background-color: #eefcfd;
    border: 1px solid #d0e7ea
}

.zh-bundlesect__com .zh-bundle-apps.zh-creatorplus,
.zh-allproductsect.zh-productssect .zh-productssect__right ul li.zh-sec-apps.zh-creatorplus {
    background-color: #fffef4;
    border: 1px solid #ebe9cc
}

.zh-bundlesect__com .zh-bundle-apps.zh-creatorplus:hover,
.zh-allproductsect.zh-productssect .zh-productssect__right ul li.zh-sec-apps.zh-creatorplus:hover {
    border-color: #dfdcab
}

.zh-bundlesect__com .zh-bundle-apps.zh-marketing:hover,
.zh-allproductsect.zh-productssect .zh-productssect__right ul li.zh-sec-apps.zh-marketing:hover {
    border-color: #bbe1e6
}

.zh_productnav__bottomband .bundlesdropdown .zh-bundlesect__com .zh-bundle-apps.zh-crmbundle:hover {
    border-color: #afcbec
}

.zh_productnav__bottomband .bundlesdropdown .zh-bundlesect__com .zh-bundle-apps.zh-finbundle:hover {
    border-color: #a2d4b6
}

.zh_productnav__bottomband .bundlesdropdown .zh-bundlesect__com .zh-bundle-apps.zh-itbundle:hover {
    border-color: #f8d1a4
}

.zh_productnav__bottomband .bundlesdropdown .zh-bundlesect__com .zh-bundle-apps.zh-workbundle:hover {
    border-color: #f9cad1
}

.zh_productnav__bottomband .bundlesdropdown .zh-bundlesect__com .zh-bundle-apps.zh-peoplebundle:hover {
    border-color: #cfc7f6
}

.zh_productnav__bottomband .bundlesdropdown .zh-bundlesect__com .zh-bundle-apps.zh-remotely:hover {
    border-color: #f7cbb9
}

.zh-one-suite .zh-dropdown__explore {
    border-color: #eac500
}

.zh-one-suite .zh-dropdown__explore .learnMorebtn {
    background-color: #161616
}

.zh-one-suite .zh-dropdown__explore .learnMorebtn:hover {
    background-color: #404040
}

.zh_productnav__tabs.zh-one-suite {
    margin-top: 0;
    padding: 90px 0 50px;
    background-color: #fed600
}

.zh_productnav__tabs.zh-one-suite .zh-one-content p {
    font-weight: 300;
    margin-bottom: 30px;
    width: 88%
}

.zh_productnav__tabs.zh-one-suite .zh-one-content {
    border-right: 0;
    padding-right: 50px;
    width: calc(100% - 190px)
}

.zh_productnav__tabs.zh-one-suite .zh-one-customervideo {
    padding-left: 0
}

.zh_productnav__tabs.zh-one-suite .zh-one-wrapContent {
    padding-right: 10px;
    vertical-align: middle
}

.zh_productnav__tabs.zh-one-suite .wrapper::after {
    display: none
}

.overlay {
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease, visibility .5s ease;
    z-index: 0
}

.zh_productnav__inner {
    width: 100%;
    height: 100%;
    background-color: #fff
}

.overlay.active {
    opacity: 1;
    visibility: visible;
    z-index: 2
}

.product-title {
    font-size: 30px;
    margin: 30px 0 15px 47px;
    letter-spacing: -0.5px
}

.suites-tab .product-title,
.zohooneTab .product-title {
    z-index: -1;
    margin: 20px 0 15px 0;
    font-size: 18px
}

.zh_productnav__bottomband .zh-remotebundle__app.zh-meeting .zh-app {
    transform: scale(0.9) !important
}

.zh_productnav__bottomband .zh-remotebundle__app .zh-app {
    top: 14px
}

.zh_productnav__tabs.zh-one-suite-nav .suite-right {
    position: relative
}

.zh_productnav__tabs.zh-one-suite-nav:after {
    content: "";
    background-color: #fed600;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: calc(100% - (65% - 45px));
    height: 100%;
    z-index: -1;
    display: none
}

.zh_productnav__tabs.zh-one-suite-nav {
    overflow: hidden;
    display: flex
}

.zh_productnav__tabs.zh-one-suite-nav .suite-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%
}

.zh_productnav__tabs.zh-one-suite-nav .suite-left {
    padding-right: 50px;
    padding-left: 30px;
    width: 820px
}

.zh_productnav__tabs.zh-one-suite-nav .suite-right {
    width: calc(100% - 820px);
    padding-left: 40px;
    background-color: #fed600;
    background-size: calc(100% + 100px);
    background-position: -60px 0
}

.zh_productnav__tabs.zh-one-suite-nav .suite-right:after {
    content: "";
    width: calc(100% + 100px);
    height: 100%;
    position: absolute;
    left: -40px;
    top: 0;
    background-color: #fed600;
    z-index: -1
}

.zh_productnav__tabs.zh-one-suite-nav .suite-left .zh-bundlesect__wrap {
    margin: 15px auto 0
}

.zh-one-suite-nav .zh-home-right-title {
    padding-left: 0
}

.zh_productnav__tabs.zh-one-suite-nav .zh-bundlesect__com .zh-bundle-apps {
    width: 45%;
    width: 340px
}

.zh_productnav__tabs.zh-one-suite-nav .zh-bundle-apps .zh-content small {
    min-height: 45px
}

.zh_productnav__tabs.zh-one-suite-nav .zh-one-logo a span:before {
    display: none
}

.zh_productnav__tabs.zh-one-suite-nav .zh-one-logo a {
    display: flex;
    align-items: center;
    position: relative;
    left: -5px
}



.zh_productnav__tabs.zh-one-suite-nav .zh-one-wrapContent {
    display: block;
    width: 100%;
    padding: 68px 0 0
}

.zh-one-suite-nav .ctn .sub-ttl {
    font-size: 29px;
    margin-bottom: 10px;
    display: block
}

.zh-one-suite-nav .ctn {
    line-height: 1;
    margin-left: 10px
}

.zh-one-suite-nav .zh-dropdown__explore {
    text-align: left;
    border: 0;
    position: relative
}

.zh-one-suite-nav .zh-one-logo a sub {
    font-size: 16px;
    text-align: left
}

.zh-one-suite-nav .suite-logo-wrap,
.zh_one_left_nav .suite-logo-wrap {
    width: 60px;
    height: 60px;
    display: block
}

.zh-one-suite-nav .trybtn {
    background-color: var(--primary-color)
}

.zh-one-suite-nav .trybtn:hover {
    background-color: #404040
}

.zh-one-suite-nav .zh-one-content {
    width: 100%;
    padding: 30px 0 0 0;
    border: 0
}

.zh_productnav__bottomband .bundlesdropdown.suite-wrap .zh-bundlesect__com .zh-bundle-apps.zh-peoplebundle {
    margin-right: 1.3%
}

.zh-one-suite-nav .zh-one-content h3 {
    font-size: 45px;
    width: 74%;
    max-width: 445px
}

.zh-one-suite-nav .zh-one-content p {
    font-size: 17px;
    width: 75%;
    margin-bottom: 20px;
    max-width: 450px
}

.zh-main .zh-one-suite-nav .wrapper {
    width: 100%;
    display: flex;
    max-width: unset
}



.zh_productnav__tabs.mobileapps {
    background: #236db4
}

.zh-mobileApps p {
    color: #fff;
    font-size: 16px;
    width: 85%
}

.mobileapps h3 {
    color: #fff;
    font-family: var(--primaryfont-regular);
    margin-bottom: 5px;
    font-size: 50px;
    margin-top: 40px
}

.zh_productnav__tabs.mobileapps h3 {
    margin-top: 50px;
    font-size: 50px;
    margin-bottom: 16px;
    line-height: 1.2;
    margin-bottom: 10px;
    letter-spacing: -1.5px
}

.mobileapps p {
    color: #fff;
    font-size: 18px;
    width: 90%;
    margin-bottom: 10px
}

.zh_productnav__tabs.mobileapps p {
    margin-bottom: 0;
    font-size: 20px
}

.zh_productnav__tabs .zh-mobile-wrapContent {
    padding: 50px 0 0;
    overflow: hidden;
    max-width: 1100px;
    margin: 0 auto;
    background-color: transparent
}

.zh_prod_wrap {
    display: flex;
    justify-content: flex-start;
    height: 100%
}

.zh_productnav__tabs .zh-mobile-wrapContent .zh-color {
    margin: 15px 0 25px
}

.zh_productnav__tabs .zh-mobile-wrapContent .zh-color span {
    width: 100% !important;
    background-color: #ffae0a !important
}

.apps-list li {
    display: inline-block;
    color: #fff;
    padding: 0 15px;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    line-height: 1;
    font-size: 15px;
    margin-bottom: 10px
}

.apps-list li:first-child {
    padding-left: 0
}

.apps-list li:last-child {
    border: 0
}

.zh-mobileApp-content {
    width: 60%
}

.zh_productnav__tabs .zh-mobileApp-logo {
    width: 35%;
    display: flex;
    margin-left: 2%;
    align-items: flex-end;
    height: 100%
}

.zh_productnav__tabs.marketplace .zh-mobileApp-logo {
    width: 50%;
    display: flex;
    margin-left: 2%;
    align-items: flex-end;
    height: 100%;
    position: absolute;
    right: -5%;
    top: 70px
}

.zh_productnav__tabs .zh-mobileApp-content .trybtn {
    background-color: transparent;
    border: 1px solid #fff;
    margin-top: 30px;
    line-height: 1
}

.applink {
    margin: 25px 0
}

.applink-android,
.applink-apple,
.applink-wind {
    margin-right: 16px;
    margin-top: 2px;
    width: 25px;
    height: 25px;
    display: inline-block;
    transition: transform .5s ease;
    vertical-align: middle;
    background: url(/sites/zweb/images/zh-hans/zoho_general_pages/zh-newhome-sprite.png) left top no-repeat;
    background-size: 500px auto;
    background-position: -69px -47px;
    transform: scale(1.2);
    left: 0;
    top: -2px;
    cursor: pointer
}

.applink-apple {
    background-position: -96px -50px
}

.applink-wind {
    background-position: -121px -47px
}

.zh_productnav__tabs.marketplace h3 {
    color: var(--primary-color);
    position: relative;
    font-size: 50px
}

.zh_productnav__tabs.marketplace .zh-mobile-wrapContent {
    position: relative;
    height: 100%;
    max-width: 1600px;
    padding: 50px 0 0;
    width: 100%;
    display: block;
    overflow: hidden;
    border: 0;
    background-color: #fff
}

.zh_productnav__tabs.marketplace h3 {
    color: var(--primary-color);
    position: relative;
    margin-bottom: 16px;
    line-height: 1.2;
    font-size: 50px;
    margin-bottom: 10px
}

.zh_productnav__tabs.marketplace .zh-mobileApp-content .trybtn {
    margin-top: 0
}

.zh_productnav__tabs.marketplace p {
    color: var(--secondary-color);
    margin-bottom: 30px;
    width: calc(100% + 25px);
    font-size: 20px
}

.zh_productnav__tabs.marketplace .zh-mobileApp-content .trybtn {
    border-color: var(--highlight-color);
    font-size: 13px
}

.zh_productnav__tabs.marketplace.zh-mobileApp-content .trybtn.arrow-icon.blueLink::after {
    background-size: 1160px auto;
    background-position: -101px -301px
}

.zh_productnav__tabs.marketplace .zh-mobileApp-content .trybtn:hover {
    background: #f8fdff
}

.zh_productnav__tabs.marketplace .zh-mobileApp-content {
    width: 38%;
    margin-left: 200px;
    margin-top: 50px
}

.zh_productnav__tabs.marketplace.zh-mobileApp-logo {
    width: 60%;
    position: absolute;
    right: -100px;
    bottom: -160px;
    margin-left: 0
}



.topband_navhead.zh_productnav__topband {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px
}

.zh_productnav_sechead {
    width: 1380px;
    margin: 0 auto;
    position: relative
}

.topband_navhead.zh_productnav__topband ul {
    padding: 0;
    width: 700px;
    display: inline-block
}

.zh_productnav__topband .us-innerwrap {
    display: inline-block;
    display: inline-flex;
    align-items: center;
    bottom: 0;
    margin: auto
}

.zh_productnav__topband a.learnMorebtn {
    padding: 2px 42px 2px 25px;
    background: 0;
    border: 0;
    margin-top: 15px;
    transition: background-color .3s ease;
    color: var(--highlight-color);
    margin: 0;
    font-size: 13px;
    margin-left: 18px;
    border-left: 1px solid #d1d5e2;
    line-height: 1;
    border-radius: unset
}

.zh_productnav__topband .arrow-icon.white::after {
    background-position: -107px -76px !important;
    background-size: 870px auto
}

.zh_productnav__bottomband .zh-productssect__tabs.scrcont {
    height: 350px
}

.zh-productssect__tabs.marketingsec .ss-scroll {
    display: none
}

.zh-productssect__tabs.scrcont .scrollbar-wrapper,
.categoriesdropdown .zh-bundlesect__com.scrcontainer .scrollbar-wrapper {
    height: 100%;
    width: 100%;
    padding: 0;
    position: relative;
    overflow: scroll;
    overflow-x: scroll;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.zh_productnav__tabs.zh-one-suite-nav .zh-bundlesect__com .zh-bundle-apps.ma-rt0 {
    margin-right: 0
}

.zh_one_left_nav .zh-one-logo a span:before {
    display: none
}

.zh_one_left_nav .zh-one-logo a {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.zh_one_left_nav .ctn {
    line-height: 1;
    text-align: left;
    margin-left: 20px
}

.zh_one_left_nav .ctn span {
    font-size: 29px;
    margin-bottom: 10px;
    display: block
}

.zh_one_left_nav .ctn sub {
    font-size: 16px;
    text-align: left
}

.zh_one_left_nav .zh-one-content {
    width: calc(100% - 560px);
    padding: 0 50px 0 0
}

.zh_one_left_nav {
    background-color: #fed600;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.zh_one_left_nav .zh-one-content {
    border: 0;
    width: 100%
}

.zh_one_left_nav .zh-one-content h3 {
    font-size: 45px;
    width: 100%;
    max-width: 445px;
    padding-top: 30px
}

.zh_one_left_nav .zh-one-content p {
    font-size: 17px;
    width: 100%;
    margin-bottom: 20px;
    max-width: 450px;
    margin-bottom: 30px
}

.zh_one_left_nav .trybtn,
.zsEn .zh_one_left_nav .trybtn {
    background-color: transparent;
    color: #010101;
    border: 1px solid #010101
}

.zh_one_left_nav .arrow-icon.white::after {
    background-position: -131px -301px
}

.zh_one_left_nav .left,
.zh_one_left_nav .right {
    width: 50%
}

.zh_productnav .zh_productnav__tabs.categoriesdropdown.suites-tab .zh_one_left_nav .left,
.zh_productnav .zh_productnav__tabs.categoriesdropdown.suites-tab .zh_one_left_nav .right {
    width: 100%
}

.zh_one_left_nav .zh_one_poster_img {
    width: calc(100% + 50px);
    z-index: 0;
    position: relative;
    top: 20px;
    left: -20px
}

.lft_nav_bun .zh-dropdown__explore {
    position: relative;
    border-top: 0
}

.lft_nav_bun .zh-bundlesect__wrap {
    margin: 0
}

.zh_productnav__bottomband .zh-productssect__tabs .lft_nav_bun .zh-bundlesect__wrap {
    margin: 15px 0 0 0
}

.zh_productnav__bottomband .zh-productssect__tabs.suites_colm {
    position: relative;
    top: 0;
    width: 50%;
    height: 580px;
    padding: 85px;
    padding-top: 100px;
    overflow: visible;
    left: -1px;
    transition: 0 ease;
    border-left: 1px solid transparent
}

.zh_productnav__bottomband .zh-productssect__tabs.suites_colm .zh_one_left_nav {
    background-color: transparent
}

.zh_productnav__bottomband .zh-productssect__rightside:after {
    background-size: 70%;
    width: 490px;
    height: 300px;
    position: absolute;
    right: -310px;
    top: 330px;
    z-index: -1;
    opacity: .8
}

.zh_one_left_nav a .suite-logo {
    transform: scale(1.1)
}

.zh-main .announce-btm {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 60px
}

.zh-main .ann-outer-wrap {
    padding: 0 60px 40px 80px;
    position: relative;
    background-color: #f5f5f5
}

.zh-main .announce-btm {
    background: #fff;
    border-radius: 3px
}

.zh-main .announce-btm h6 {
    font-size: 18px;
    line-height: 1
}

.zh-main .announce-btm p {
    font-size: 18px;
    line-height: 1;
    margin: 0
}

.zh-main .announce-btm .zh-productssect__tabs {
    position: relative;
    text-align: center;
    display: flex
}

.zh-main .announce-btm .zh-productssect__tabs .zh-app {
    position: relative;
    width: 42px;
    height: 42px;
    margin-top: 0;
    background-size: 600px auto;
    border-radius: 5px;
    position: relative;
    margin-bottom: 0;
    transform: scale(0.8)
}

.zh-main .announce-btm .zh-productssect__tabs .zh-sec-apps .zh-app-innr {
    width: 45px;
    height: 40px;
    background-color: #fff;
    display: block;
    border-radius: 5px
}

.zh-main .announce-btm .zh-productssect__tabs .zh-books .zh-app {
    background-position: -81px -40px
}

.zh-main .announce-btm .zh-productssect__tabs .zh-invoice .zh-app {
    background-position: -164px -41px
}

.zh-main .announce-btm .zh-productssect__tabs .zh-expense .zh-app {
    background-position: -248px -40px
}

.zh-main .announce-btm .zh-productssect__tabs .zh-cliq .zh-app {
    background-position: -290px -80px
}



.announce-btm .zh-productssect__tabs .zh-sec-apps a {
    padding: 0;
    display: flex;
    flex-flow: column;
    align-items: center
}

.zh-main .announce-btm .zh-productssect__tabs .zh-sec-apps sub {
    color: var(--primary-color);
    font-size: 11px;
    position: relative
}

.zh-main .announce-btm .zh-productssect__tabs .zh-sec-apps {
    padding: 10px
}

.zh-main .announce-btm .zh-productssect__tabs .zh-sec-apps.zh-workplace sub {
    left: -6px
}

.zh-main .announce-btm .zh-productssect__tabs .zh-sec-appsa {
    display: flex;
    flex-flow: column;
    padding: 0
}

.announce-dropdown {
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all .1s ease;
    border-radius: 0 0 5px 5px;
    height: 100%
}

.zh-main .announce-btm {
    background: #e9f9f2;
    padding: 5px 0 45px 0
}

.zh-main .app-ann-chalng {
    width: 80%;
    margin: 0 auto;
    max-width: 240px
}

.zh-main .announce-btm .zh-productssect__tabs {
    border-top: 1px solid #d5ece2;
    border-bottom: 1px solid #d5ece2;
    padding: 5px 0 15px;
    width: 100%
}

.ann-scl-icon .zh-productssect__tabs {
    opacity: 1;
    visibility: visible;
    transition: all .3s ease
}

.zh-main .announce-btm .zh-productssect__tabs .zh-app {
    transform: scale(0.6)
}

.zh-main .announce-btm .zh-productssect__tabs .zh-sec-apps.zh-workplace sub {
    left: 0
}

.zh-main .ann-btm-ctn {
    text-align: center;
    padding: 25px 0
}

.zh-main .announce-btm .zh-productssect__tabs .zh-sec-apps {
    padding: 3px
}

.zh-main .intro-prd-wrap h6 {
    margin-bottom: 0;
    font-size: 14px
}

.zh-main .intro-prd.flx.top-wp.logo-sec .ctn-cover {
    text-align: center
}

.announce-dropdown {
    pointer-events: none
}

.zh-utilities .zh_innr_nav.announce-new.active .announce-dropdown {
    opacity: 1;
    visibility: visible;
    background-color: var(--bg-color);
    transform: translateY(0);
    transition: all .3s ease;
    pointer-events: initial;
    z-index: 10
}

.announce-dropdown .announce-inner {
    background-color: var(--bg-color)
}

.announce-dropdown .left {
    width: 50%;
    padding: 30px 60px 20px 80px
}

.zgh-left-nav li.announcement-icon .announce-dropdown a {
    width: 100%;
    transition: all .8s ease;
    display: flex;
    flex-flow: column;
    align-items: center
}

.zgh-left-nav li.announcement-icon.active a svg path {
    fill: var(--highlight-color)
}

.zgh-left-nav li.announcement-icon .announce-dropdown a::before {
    position: absolute;
    width: calc(100% + 10px);
    height: calc(100% - 10px);
    top: -10px;
    left: -10px;
    background: #e3c000;
    border-radius: 5px;
    opacity: 0;
    transition: opacity .8s ease;
    z-index: -1
}

.announce-dropdown .title-eve,
.announce-dropdown .right .title-eve {
    text-align: left;
    color: var(--primary-color);
    font-size: 13px;
    opacity: 1;
    text-transform: uppercase;
    padding-bottom: 25px
}

.announce-dropdown .left .img-cover {
    max-width: 160px;
    margin-right: 30px;
    margin-bottom: 26px;
    width: 100%
}

.announce-dropdown .left .innr-ttl {
    font-size: 12px;
    text-transform: uppercase;
    color: var(--secondary-color);
    margin-bottom: 11px
}

.announce-dropdown .left p {
    font-size: 17px;
    color: var(--primary-color);
    max-width: 97%;
    line-height: 1.5
}

.announce-dropdown .left .ctn-cover {
    margin-top: 3px
}

.announce-dropdown .right {
    width: 100%;
    padding: 60px 0;
    margin: 0 auto;
    position: relative;
    max-width: 1330px
}

.announce-dropdown .closeannounce {
    position: absolute;
    right: 40px;
    top: 20px;
    width: 14px;
    cursor: pointer;
    left: auto;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    z-index: 14
}

.announce-dropdown .closeannounce em {
    position: absolute;
    opacity: 1;
    left: -46px;
    text-transform: uppercase;
    top: -2px;
    text-decoration: underline;
    font-family: var(--zf-secondary-medium);
    font-size: 12px;
    display: none
}

.announce-dropdown .closeannounce #closeicon-svg {
    z-index: 1;
    width: 10px
}

.announce-dropdown .right .title-eve {
    padding: 30px 0 25px 55px;
    margin-left: 10px
}

.announce-dropdown .right .intro-prd {
    padding: 10px;
    background-color: #fff;
    border: 1px solid #e7ebf0;
    flex-flow: column;
    min-height: 355px;
    cursor: pointer;
    position: relative;
    overflow: visible;
    width: 25%;
    transition: all .8s ease;
    border-radius: 3px
}

.announce-dropdown .right .intro-prd:not(:last-child) {
    margin-right: 12px
}

.announce-dropdown .right .intro-prd .new-tag {
    position: absolute;
    right: -1px;
    top: -1px;
    background: #049949;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    padding: 2px 7px 1px;
    border-radius: 2px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    font-family: var(--zf-secondary-medium)
}

.announce-dropdown .right .intro-prd .new-tag.red {
    background: #f60728;
    top: 0;
    right: 0;
    z-index: 2
}

.announce-dropdown .right .intro-prd .new-tag.yellow {
    background: #ffb100
}

.announce-dropdown .right .intro-prd.news {
    padding: 0
}

.announce-dropdown .right .intro-prd.news .ctn-cover {
    padding: 5px 5px 5px 25px;
    text-align: center;
}

.announce-dropdown .right .intro-prd.logo-sec {
    display: flex;
    align-items: center;
    padding: 10px
}

.announce-dropdown .slick-dots li {
    width: 4px;
    height: 4px;
    margin: 0 2px
}

.announce-dropdown .slick-dots li.slick-active {
    width: 5px;
    height: 5px
}



.announce-dropdown .right .intro-prd .img-cover.teamin_box span {
    background-position: -375px -187px;
    background-size: 1410px auto
}

.announce-dropdown .right .intro-prd .app-icon {
    width: 52px;
    height: 60px;
    background-size: 820px auto
}

.announce-dropdown .right .intro-prd .innr-ttl,
.announce-dropdown .right .intro-prd .news-innr-ttl {
    font-size: 24px;
    color: var(--primary-color);
    line-height: 1;
    margin-bottom: 5px;
    letter-spacing: normal;
    margin: 20px 0 10px 0
}

.announce-dropdown .right .intro-prd.twentyfive .new-tag {
    background-color: #ec6f00
}

.announce-dropdown .right .intro-prd.twentyfive .ctn-cover {
    text-align: center
}

.announce-dropdown .right .intro-prd.twentyfive .innr-ttl {
    margin: 35px 0 0
}

.announce-dropdown .right .intro-prd.twentyfive .unfill {
    margin-left: 20px
}

.announce-dropdown .right .intro-prd.twentyfive .innr-ttl,
.announce-dropdown .right .intro-prd.twentyfive p {
    font-size: 28px;
    width: 100%;
    font-family: var(--zf-secondary-medium)
}

.announce-dropdown .right .intro-prd.twentyfive .border-bg {
    border: 1px solid #f1f1f1;
    background-color: #fafafb
}

.announce-dropdown .right .intro-prd .news-innr-ttl {
    font-size: 12px;
    color: var(--secondary-color);
    margin: 17px 0 10px 0
}

.announce-dropdown .right .intro-prd p,
.announce-dropdown .right .intro-prd p.news-innr-txt {
    width: 94%;
    font-size: 14px;
    color: var(--secondary-color);
    margin-bottom: 15px
}

.announce-dropdown .right .intro-prd p.news-innr-txt {
    font-size: 18px;
    color: var(--primary-color);
    margin-top: 25px
}

.announce-dropdown .slick-dots {
    position: absolute;
    bottom: -10px;
    margin: 0
}

.announce-dropdown .slick-dots li:not(:last-child) {
    padding: 0
}

.news_slider li {
    padding: 0;
    position: relative
}

.flx-clm {
    display: flex;
    flex-flow: column
}

.announce-dropdown .right .intro-prd .announce-illus {
    position: absolute;
    right: 7.5%;
    bottom: 0;
    width: 85%
}

.announce-dropdown .right .intro-prd .back-to-work .innr-ttl {
    margin-top: 10px
}

.announce-dropdown .right .intro-prd .announce-illus.illus_man {
    bottom: -8px;
    width: 100%;
    overflow: hidden;
    right: 0
}

.zgh-left-nav li.announcement-icon .announce-dropdown a:hover p,
.zgh-left-nav li.announcement-icon .announce-dropdown a:hover .innr-ttl,
.zgh-left-nav li.announcement-icon .announce-dropdown a:hover .news-innr-ttl {
    color: var(--highlight-color)
}

.announce-dropdown .right .intro-prd:hover {
    background: #fff
}

.border-bg {
    padding: 30px 0;
    height: 100%;
    width: 100%;
    position: relative;
    border-radius: 3px;
    overflow: hidden
}

.border-bg.back-to-work,
.border-bg.team-inbox {
    padding: 40px 35px
}

.border-bg.back-to-work {
    background: #eef5fb;
    border: 1px solid #e4ecf3;
    text-align: center
}

.border-bg.back-to-work .innr-ttl img {
    width: 76%;
    margin-bottom: 15px
}

.border-bg.back-to-work .ctn-cover p {
    font-size: 16px;
    width: 100%;
    margin-top: 15px;
    line-height: 1.6
}

.border-bg.back-to-work .innr-ttl span {
    font-size: 19px
}

.border-bg.team-inbox {
    background: #fff5f1;
    border: 1px solid #f5ebe7
}

.border-bg.logo-section {
    background: #e9f9f2;
    border: 1px solid #dff3ea;
    text-align: center;
}

.border-bg.zoholics {
    background-color: #fff7e9;
    text-align: center;
    border: 1px solid #f7ecd9;
}

.border-bg.zoholics .zh-btn,
.border-bg.logo-section .zh-btn,
.border-bg.back-to-work .zh-btn {
    font-size: 13px;
    padding: 13px 47px 13px 25px;
    margin-top: 15px;
    min-width: 100px;
}

.zh-main .announce-btm .zh-productssect__tabs .zh-sec-apps .zh-app-innr {
    background: transparent
}

.intro-prd.flx.top-wp:hover a::after {
    transform: translate(5px)
}

.flx.intro-prd-wrap .arrow-icon::after {
    top: calc(50% - 7px)
}

.announcement-icon.active:after,
.announcement-icon.active:before {
    opacity: 1
}

.announcement-icon::before {
    content: "";
    position: absolute;
    right: 14px;
    top: auto;
    bottom: 5px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    border-bottom-color: #e7ebf0;
    opacity: 0;
    transition: opacity .2s ease
}

.zh-main .announce-dropdown .announce-inner::after {
    border-bottom-color: #f5f5f5;
    right: 14px;
    top: auto;
    bottom: 5px;
    transition: opacity .4s ease
}

.announcement-icon:after {
    content: "";
    position: absolute;
    top: -7px;
    right: calc(50% - 98px);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    opacity: 0;
    transition: opacity .4s ease
}

.news_slider .slick-next:after,
.news_slider .slick-next:before,
.news_slider .slick-prev:after,
.news_slider .slick-prev:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 8px;
    background: var(--primary-color);
    transition: .5s ease
}

.news_slider .slick-prev:before {
    transform: rotate(45deg);
    top: 9px;
    left: 14px
}

.news_slider .slick-prev:after {
    transform: rotate(135deg);
    bottom: 8px;
    left: 14px
}

.news_slider .slick-next:before {
    transform: rotate(-45deg);
    top: 9px;
    right: 12px
}

.news_slider .slick-next:after {
    transform: rotate(45deg);
    bottom: 8px;
    right: 12px
}

.news_slider .slick-next,
.news_slider .slick-prev {
    position: absolute;
    top: 32%;
    background: #fff;
    opacity: .8
}

.news_slider .slick-next {
    right: 0;
    transition: .5s ease
}

.news_slider .slick-prev {
    left: 0;
    transition: .5s ease
}

.news_slider .slick-next:after,
.news_slider .slick-next:before,
.news_slider .slick-prev:after,
.news_slider .slick-prev:before {
    opacity: .3;
    transition: .5s ease
}

.news_slider .slick-next:hover:after,
.news_slider .slick-next:hover:before,
.news_slider .slick-prev:hover:after,
.news_slider .slick-prev:hover:before {
    background: var(--primary-color);
    opacity: 1;
    transition: .5s ease
}

.announcement-icon::after {
    border-bottom-color: var(--bg-color);
    right: 14px;
    top: auto;
    bottom: 4px
}

.pro_ttl_wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.pro_ttl_wrap .closeProduct {
    width: 30px;
    height: 30px;
    margin-right: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: -19px;
    display: none
}

.pro_ttl_wrap .closeProduct svg {
    width: 15px
}

.zh-main .indicate {
    position: absolute;
    width: 8px;
    height: 8px;
    background: #de5456;
    border-radius: 100%;
    top: 23px;
    right: 25%;
    -webkit-animation: wave 1s infinite;
    animation: wave 1s infinite;
    box-sizing: border-box;
    box-shadow: 0 0 0 0 rgba(222, 84, 86, 0.3)
}

.zh-main .indicate-border {
    position: absolute;
    background: transparent;
    top: 23px;
    right: 25%;
    -webkit-animation: waveLine 1s infinite;
    animation: waveLine 1s infinite;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border: .5px solid #de5456;
    border-radius: 100%;
    transform-origin: center
}

@-webkit-keyframes wave {
    60% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.05)
    }

    100% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0)
    }
}

@-moz-keyframes wave {
    60% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.05)
    }

    100% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0)
    }
}

@keyframes wave {
    60% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.05)
    }

    100% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0)
    }
}

@-webkit-keyframes waveLine {
    0% {
        transform: scale(1)
    }

    100% {
        height: 8px;
        border: .5px solid #de5456;
        transform: scale(3);
        opacity: 0
    }
}

@-moz-keyframes waveLine {
    0% {
        transform: scale(1)
    }

    100% {
        height: 8px;
        border: .4px solid #de5456;
        transform: scale(3);
        opacity: 0
    }
}

@keyframes waveLine {
    0% {
        transform: scale(1)
    }

    100% {
        height: 8px;
        border: .4px solid #de5456;
        transform: scale(3);
        opacity: 0
    }
}

.zh_productnav__bottomband .zh-productssect__tabs .scrollbar-wrapper::-webkit-scrollbar {
    display: none
}

.zh_productnav__bottomband .zh-productssect__tabs.scrcont .scrollbar-wrapper,
.categoriesdropdown .zh-bundlesect__com.scrcontainer .scrollbar-wrapper {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.scrollbar {
    width: 7px;
    height: 280px;
    border-radius: 8px;
    border: 0 solid #010101;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    right: 0;
    display: none
}

.scrollbar.active {
    background-color: rgba(0, 0, 0, 0.6)
}

.zh_productnav__bottomband .zh-productssect__tabs .scrollbar-wrapper::-webkit-scrollbar,
.categoriesdropdown .zh-bundlesect__com.scrcontainer .scrollbar-wrapper::-webkit-scrollbar {
    -webkit-appearance: none
}

.zh_productnav__bottomband .zh-productssect__tabs .scrollbar-wrapper::-webkit-scrollbar:vertical,
.categoriesdropdown .zh-bundlesect__com.scrcontainer .scrollbar-wrapper::-webkit-scrollbar:vertical {
    width: 8px
}

.load-footer {
    background-color: #eff3fd
}

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

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

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

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

.footer-signup .zh-btn {
    max-width: 230px
}

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

.footer-nav {
    position: relative;
    padding: 90px 0 20px
}

.zh-main .footer-nav .wrapper {
    max-width: 1200px
}

.zh-contact ul li {
    font-size: 15px;
    margin-bottom: 8px;
    cursor: pointer;
    letter-spacing: 0;
    transition: all .2s ease;
    color: var(--secondary-color);
    position: relative;
    margin-right: 26px
}

.zh-contact ul li a.codeIn {
    display: none
}

.zh-contact ul li.lst_pi_line:before {
    content: none
}

.zh-contact ul li.fin-ctn {
    margin-top: 20px;
    cursor: auto;
}

.zh-contact ul li.fin-ctn a {
    /*color:var(--highlight-color);*/
    letter-spacing: 0
}

.zh-contact ul li a {
    color: var(--secondary-color)
}

.footer-nav a.social-icons {
    width: 32px;
    height: 32px;
    margin: 6px 11px;
    display: inline-block;
    transition: border-color .4s;
    position: relative;
    overflow: visible;
    border: 1px solid #d1d5e2;
    border-radius: 50%;
    transition: border-color .4s;
    font-size: 0;
    text-align: center
}

.footer-nav a.social-icons:before {
    content: "";
    width: 16px;
    height: 30px;
    background: url(/sites/zweb/images/zh-hans/zoho_general_pages/zh-newhome-sprite.png) left top no-repeat;
    margin: 0 auto;
    display: inline-block;
    background-size: 540px auto
}

.footer-nav a:hover:before {
    border-color: var(--primary-color)
}

.footer-nav a.social-icons.twitter::before {
    background-position: -22px -104px
}

.footer-nav a.social-icons.fb::before {
    background-position: -21px -133px;
    background-size: 570px auto
}

.footer-nav a.social-icons.li::before {
    background-position: -39px -105px
}

.footer-nav a.social-icons.instagram::before {
    background-position: -57px -104px
}

.footer-nav a.social-icons.youtube::before {
    background-position: -75px -104px;
    width: 16px
}

.footer-nav a.social-icons:hover {
    border-color: var(--primary-color)
}

.zh-contact ul li.fin-ctn.reqDemo {
    margin-top: 0
}

.zh-contact ul li.fin-ctn.reqDemo img {
    max-width: 140px;
    cursor: auto;
}

.zh-contact ul li a:hover,
.academy-inner-wrap .aca-left .inner-wrap .cap-upd-ctn:hover,
.zh-contact.right ul li.lst-cnt.fin-ctn,
.zh-contact ul li.lst-cnt:hover a,
.footer-nav .fn-btm-wrap ul li a:hover,
.zh-contact ul li.und-cnt a:hover {
    color: var(--highlight-color)
}

.zh-contact h5 {
    font-size: 22px;
    margin-bottom: 25px;
    color: var(--primary-color);
    cursor: text;
    letter-spacing: 0;
    font-family: var(--primaryfont-regular);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    position: relative;
    left: -1px;
    letter-spacing: -0.4px;
    position: reltive
}

.zh-contact h5.thtwo {
    padding-top: 24px;
}

.zh-contact ul .li-bld.lst-cnt.fin-ctn.blueLink {
    text-transform: initial
}

.footer-nav .fn-inner-wrap {
    display: flex;
    justify-content: space-between;
    padding-bottom: 80px
}

.footer-nav .fn-btm-wrap {
    text-align: center
}

.footer-nav .zh-scl-share {
    margin-bottom: 20px
}

.footer-content ul.zh-policy li a,
.footer-content ul.zh-policy li.nolink {
    padding: 0 10px;
    border-right: 1px solid #d1d5e2;
    font-size: 13px;
    color: #fff;
    margin-bottom: 10px;
    display: inline-block;
    line-height: 1
}

.footer-content ul.zh-policy li.nolink {
    margin-bottom: 4px;
}

.footer-content ul.zh-policy li:last-child,
.footer-content ul.zh-policy li:nth-child(8) a {
    border-right: 0;
}

.footer-nav .fn-btm-wrap ul li:last-child a {
    border-right: 0
}

.footer-nav .fn-btm-wrap ul li.pri-policy a {
    border: 0
}

.footer-content ul.zh-policy {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    max-width: 80%;
    margin: 0 auto;
    padding-top: 20px;
    opacity: .8;
}

.footer-nav .fn-btm-wrap ul.zh-policy.mob-nly {
    display: none
}

.footer-content ul.zh-policy li {
    display: inline-block
}

.zh-contact ul li.li-bld {
    cursor: unset
}

.zh-contact ul li.li-bld.zh-ft-mail {
    padding-top: 10px
}

.zh-contact ul li.li-bld a {
    color: var(--primary-color)
}

.zh-contact ul li.li-bld a:hover,
.zh-contact ul li.fin-ctn a:hover {
    color: var(--primary-color)
}

.zh-contact ul li a.und-cnt {
    color: var(--primary-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    line-height: 0;
    text-decoration: underline
}

/*.zh-contact ul li.und-cnt a{display:none}*/
.zh-contact ul li.und-cnt a.mailto {
    display: inline-block
}

.zh-contact ul li.und-cnt a.codeNM {
    display: inline-block
}

.ccode-in .zh-contact ul li.und-cnt a {
    display: inline-block
}

.ccode-in .zh-contact ul li.und-cnt a.codeNM {
    display: none
}

.zh-contact ul li.lst-cnt a.blueLink {
    color: var(--highlight-color)
}

.zh-contact ul li.lst-cnt.fin-ctn {
    text-decoration: none;
    cursor: pointer
}

.zh-contact ul li.lst-cnt.fin-ctn {
    text-transform: uppercase
}

.footer-nav .fn-btm-img {
    margin: 0 auto;
    text-align: center;
    max-width: 450px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.zh-contact.privacy,
.zh-contact.productdrop {
    display: none
}

footer {
    text-align: center;
    width: 100%;
    padding: 40px 0 40px;
    background: #0b0d1f;
    position: relative;
    z-index: 1
}

.footer-content {
    margin: 0 auto
}

footer .globallang {
    color: var(--secondary-color);
    font-size: 14px
}

footer .zh-logo span {
    display: inline-block;
    background-size: 79px auto;
    width: 80px;
    height: 39px;
    text-indent: -99999px;
    background-position: 1px 2px;
    background-image: url(/sites/zweb/images/commonroot/zoho-logo-darkbg.svg);
    background-repeat: no-repeat;
}

.footer-text {
    font-size: 12px;
    color: #fff;
    padding: 15px 0 0;
    opacity: .8;
    margin-bottom: 0
}

.footer-text a {
    color: #fff;
}

.zgh-search-box {
    position: relative;
    max-width: 1050px;
    width: 100%;
    margin: auto
}

.zgh-search-container {
    top: 0
}

.zgh-search-box #zgh-search-action .zgh-search-field {
    border: 1px solid #e8eef6;
    font-size: 17px;
    padding: 15px 0 15px 16px
}

.zgh-search-wrap .zgh-search-btn {
    background: url(/sites/zweb/images/zh-hans/zoho_general_pages/zh-newhome-sprite.png) no-repeat -104px 10px/800px auto;
    background-size: 500px auto;
    background-position: -254px -106px;
    border: none !important;
    right: 8px;
    top: 13px;
    width: 25px;
    box-sizing: border-box;
    height: 25px;
    padding: 0 !important
}

.learnMorebtn.arrow-icon.white::after {
    background-position: -113px -76px;
    top: calc(50% - 6px);
    background-size: 500px auto
}

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

.zh-btn.arrow-icon.white:after,
.learnMorebtn.arrow-icon::after {
    transform: scale(1);
    right: 23px
}

.zh-productssect__categories .learnMorebtn.arrow-icon.white:hover::after,
.us-innerwrap .learnMorebtn.arrow-icon.white:hover::after {
    transform: translateX(5px)
}

.us-innerwrap .learnMorebtn.arrow-icon.white::after {
    top: calc(50% - 7px)
}

.zh-banner-sec .zh-btn.arrow-icon::after {
    animation: arrowmove 2s infinite
}

.zh-brand .arrow-icon.blueLink:after {
    animation: unset
}

.fin-ctn .arrow-icon.blueLink:after {
    animation: unset
}

.arrow-icon.blueLink:after,
.zh-contact ul li.lst-cnt.fin-ctn::after {
    background-position: -108px -76px;
    transform: scale(1);
    top: calc(50% - 7px);
    right: 3px
}

.arrow-icon.blueLink:after {
    background-position: -88px -76px;
}

@keyframes arrowmove {
    0% {
        transform: translateX(0)
    }

    10% {
        transform: translateX(1px)
    }

    20% {
        transform: translateX(2px)
    }

    30% {
        transform: translateX(3px)
    }

    40% {
        transform: translateX(4px)
    }

    50% {
        transform: translateX(5px)
    }

    60% {
        transform: translateX(4px)
    }

    70% {
        transform: translateX(3px)
    }

    80% {
        transform: translateX(2px)
    }

    90% {
        transform: translateX(1px)
    }

    100% {
        transform: translateX(0)
    }
}

.video-overlay {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    z-index: 100;
    text-align: center;
    top: 0;
    opacity: 0;
    visibility: hidden;
    backface-visibility: hidden;
    z-index: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .2s ease-in-out
}

.video-overlay.visible {
    opacity: 1;
    visibility: visible;
    backface-visibility: visible;
    z-index: 100;
    margin: 0 auto
}



.z-video-box {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%
}

.z-video-container {
    display: table-cell;
    vertical-align: middle
}

.video-overlay iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: calc(100% - 6px);
    height: 100%;
    border: 0;
    margin: auto auto;
    border: 4px solid #fff;
    border-radius: 4px
}

.z-video-modalInner {
    max-width: 70%;
    width: 90%;
    height: 100%;
    display: table;
    table-layout: fixed;
    margin: 0 auto
}

@media screen and (min-width:1600px) {
    .zh_productnav__tabs .zh-mobile-wrapContent {
        overflow: visible
    }

    .zh_productnav__tabs.marketplace {
        overflow: hidden
    }

    .zh_productnav__tabs.marketplace .zh-mobileApp-logo {
        top: 0;
        right: 0
    }

    .zh_productnav__tabs.marketplace .zh-mobileApp-logo img {
        width: 85%
    }
}

@media only screen and (max-width:1280px) {
    .zh-main .wrapper {
        max-width: 95%
    }

    .zh-main .footer-nav .wrapper {
        max-width: 92%
    }
}

@media only screen and (max-width:1180px) {
    .zh-one-wrapContent {
        padding-right: 0
    }

    .zh-one-content {
        width: calc(100% - 90px);
        padding: 0 50px
    }

    .zh-one-content p {
        width: auto
    }
}

@media only screen and (max-width: 1091px) {

    .zgh-nav>ul>li.nav-menu,
    .zgh-nav>ul>li>a,
    .zgh-nav>ul>li:nth-child(1)>span {
        font-size: 15px;
    }

    .zgh-nav>ul>li {
        margin-right: 20px;
    }

    .zh-dropdown-list a {
        font-size: 14px;
    }
}

@media only screen and (max-width:1050px) {

    .zh-one-content h3,
    h2,
    .zh-productssect h4 {
        font-size: 42px
    }

    .zgh-nav>ul>li {
        margin-right: 20px
    }

    .footer-signup h6 {
        font-size: 40px
    }

    .zh-one-wrapContent {
        vertical-align: top
    }

    .zh-one-logo a {
        transform: scale(0.8)
    }

    .zh-one-content {
        border-right: 0;
        padding: 0 40px
    }

    .zh-one-content p {
        font-size: 19px
    }

    .zh-one-title {
        font-size: 14px;
        margin-bottom: 18px
    }

    .zgh-nav>ul>li>a,
    .zgh-nav>ul>li>a,
    .zgh-nav>ul>li:nth-child(1)>span,
    .zgh-nav>ul>li:nth-child(2)>span {
        font-size: 14px
    }

    .head-sign-in {
        font-size: 14px
    }
}

.ss-scroll {
    background: rgba(0, 0, 0, 0.4);
    width: 7px;
    border-radius: 5px;
    top: 0;
    z-index: 2;
    cursor: pointer;
    position: absolute;
    right: 0 !important
}

@media only screen and (max-width:1390px) {
    .zh_productnav__bottomband .bundlesdropdown .zh-bundlesect__com .zh-bundle-apps {
        margin-right: 2%;
        margin-bottom: 2%
    }

    .zh_productnav .zh_productnav__tabs.categoriesdropdown.suites-tab .zh-productssect__rightside .zh-one-content p {
        width: auto
    }

    .zh-bundle-apps .zh-content small {
        font-size: 13px
    }

    .announce-dropdown .right {
        max-width: 95%
    }

    .zh-productssect__tabs.marketingsec .ss-scroll {
        display: block
    }

    .zh_productnav__tabs.marketplace .zh-mobileApp-content {
        margin-left: 120px
    }
}

@media only screen and (max-width:1202px) {

    .zh_productnav__bottomband .zh-bundle-apps .zh-content label,
    .zh_productnav__bottomband .zh-productssect__tabs .zh-sec-apps .zh-content label,
    .zh_productnav__bottomband .zh-productssect__tabs .zh-bundle-apps .zh-content label {
        font-size: 20px
    }

    .zh_productnav__bottomband .suites-tab .zh-productssect__wrap {
        max-width: 96%
    }

    .zh_productnav .zh_productnav__tabs.categoriesdropdown.suites-tab .zh-productssect__rightside .zh-one-content p {
        font-size: 16px;
        max-width: 95%
    }

    .zh_productnav .zh_productnav__tabs.categoriesdropdown.suites-tab .zh-productssect__rightside .zh-one-content h3 {
        font-size: 42px
    }

    .zh_productnav__bottomband .bundlesdropdown .zh-bundlesect__com .zh-bundle-apps {
        padding: 21px 15px 19px 15px
    }

    .zh_productnav__bottomband .zh-productssect__left {
        width: 240px
    }

    .zh_productnav__bottomband .zh-productssect__right {
        width: calc(100% - 240px)
    }

    .zh_productnav__bottomband .zh-productssect__tabs {
        overflow: scroll;
        overflow-x: hidden;
        height: 467px
    }

    .zh_productnav__bottomband .zh-productssect__tabs .zh-sec-apps .zh-content small {
        width: 95%
    }

    .zh_productnav__bottomband .zh-productssect__left li {
        font-size: 13px
    }

    .zh_productnav__bottomband .zh-productssect__left .learnMorebtn {
        font-size: 12px
    }

    .zh_productnav__tabs.marketplace h3,
    .zh_productnav__tabs.mobileapps h3 {
        font-size: 40px
    }

    .zh_productnav__tabs.marketplace p,
    .zh_productnav__tabs.mobileapps p {
        font-size: 18px
    }

    .zh_productnav__tabs.marketplace .zh-mobile-wrapContent,
    .zh_productnav__tabs .zh-mobile-wrapContent {
        max-width: 90%
    }

    .zh_productnav__tabs.marketplace .zh-mobileApp-content {
        margin-left: 60px
    }

    .zh_productnav__tabs.marketplace .zh-mobileApp-logo {
        right: 0;
        top: -80px
    }

    .zh_productnav .zh_productnav__tabs.categoriesdropdown.platform-tab .zh-sec-apps .zh-content small {
        width: 95%
    }

    .zh_productnav .zh_productnav__tabs.categoriesdropdown.suites-tab .zh-one-wrapContent {
        border-right: 0
    }

    .product-title {
        font-size: 24px;
        margin: 30px 0 10px 47px
    }

    .zh-main .input-inner-wrap {
        max-width: 90%
    }

    .zh-main .announce-btm .zh-productssect__tabs .zh-sec-apps {
        padding: 0
    }

    .zh-main .intro-prd-wrap h6 {
        font-size: 13px
    }

    .zh-main .announce-btm .zh-productssect__tabs .zh-sec-apps sub {
        font-size: 10px
    }

    .announce-dropdown .right .intro-prd .innr-ttl {
        font-size: 22px
    }

    .border-bg.back-to-work,
    .border-bg.team-inbox {
        padding: 30px 18px
    }

    .zh_productnav__tabs.marketplace .zh-mobileApp-logo {
        top: 0
    }

    .zh_productnav .zh_productnav__tabs.categoriesdropdown .learnMorebtn {
        font-size: 12px
    }

    .zh-main .announce-btm .zh-productssect__tabs .zh-sec-apps .zh-app-innr {
        width: 42px
    }

    .zh_productnav .zh_productnav__tabs.categoriesdropdown.zohooneTab .zh-productssect__rightside {
        width: 90%
    }

    .zh_productnav .zh_productnav__tabs.categoriesdropdown.zohooneTab .zh-productssect__rightside .zh-one-content p {
        width: 100%
    }
}

@media only screen and (max-width:1030px) {
    .zh_productnav__bottomband .suites-tab .zh-productssect__right {
        flex-wrap: wrap
    }

    .zh_productnav .zh_productnav__tabs.categoriesdropdown .ss-scroll {
        display: none !important
    }

    .zh_productnav .zh_productnav__tabs.categoriesdropdown.suites-tab .zh-productssect__leftside {
        width: 90%;
        margin: 0 auto 20px;
        height: auto
    }

    .zh_productnav .zh_productnav__tabs.categoriesdropdown .zh-bundlesect__com.scrcontainer {
        height: auto
    }

    .zh_productnav .zh_productnav__tabs.categoriesdropdown.suites-tab .zh-productssect__rightside,
    .zh_productnav__bottomband .suites-tab .zh-productssect__wrap {
        width: 100%;
        max-width: 100%
    }

    .zh_productnav .zh_productnav__tabs.categoriesdropdown.suites-tab .zh-productssect__rightside {
        padding: 40px 0 70px 102px;
        height: auto;
        overflow: hidden
    }

    .zh_productnav .zh_productnav__tabs.categoriesdropdown.suites-tab .zh-productssect__rightside .zh-one-content p {
        max-width: 65%
    }

    .zh_productnav__bottomband .zh-productssect__rightside::after {
        top: 160px
    }

    .zh_productnav .zh_productnav__tabs.categoriesdropdown {
        height: 100%
    }

    .zh_productnav .zh_productnav__tabs.categoriesdropdown.suites-tab {
        overflow-y: scroll
    }

    .zh_productnav__topband ul li {
        margin-right: 45px
    }

    .announce-dropdown .right .intro-prd.twentyfive .innr-ttl,
    .announce-dropdown .right .intro-prd.twentyfive p {
        font-size: 22px
    }

    .announce-dropdown .right .intro-prd.twentyfive .unfill {
        margin-left: 10px
    }

    .zh_productnav {
        height: 460px
    }

    .zh_productnav__bottomband .zh-productssect__tabs,
    .zh_productnav__bottomband .zh-productssect__tabs.scrcont {
        height: calc(100% - 110px)
    }

    .zh_productnav__tabs.marketplace .zh-mobileApp-content {
        margin-top: 10px
    }

    .zh_productnav__tabs.marketplace .zh-mobileApp-logo {
        top: -20px
    }

    .zh_productnav__bottomband .zh-productssect__tabs.scrcont .scrollbar-wrapper,
    .categoriesdropdown .zh-bundlesect__com.scrcontainer .scrollbar-wrapper {
        -ms-overflow-style: initial;
        scrollbar-width: initial
    }

    .zh_productnav__tabs.categoriesdropdown.zohooneTab .zh-productssect__rightside .zh-one-logo a {
        top: 0;
        position: relative;
        transform: scale(1)
    }

    .zh_productnav__tabs.marketplace .zh-mobileApp-conten {
        margin-left: 20px
    }

    .zh_productnav .zh_productnav__tabs.categoriesdropdown.platform-tab .zh-productssect__tabs .ex-btn {
        bottom: 10px
    }

    .zh_productnav .zh_productnav__tabs.categoriesdropdown.zohooneTab .zh-one-wrapContent {
        margin-top: 30px
    }
}

@media only screen and (max-width:1023px) {
    .intro-prd-wrap {
        flex-wrap: wrap;
        justify-content: center
    }

    .announce-dropdown .right .intro-prd {
        width: 40%
    }

    .announce-dropdown .right .intro-prd:nth-child(1n) {
        margin: 0 30px 30px 0
    }

    .announce-dropdown .right .intro-prd:nth-child(2n) {
        margin-right: 0
    }

    .zh-main .announce-btm {
        padding: 5px 0 40px 0
    }

    .border-bg {
        padding: 40px 20px
    }

    .border-bg.back-to-work,
    .border-bg.team-inbox {
        padding: 40px 20px
    }

    .announce-dropdown .slick-dots {
        bottom: 0
    }

    .announce-dropdown .closeannounce {
        right: 80px
    }

    .announce-dropdown {
        background-color: #f5f5f5
    }

    .announce-dropdown .announce-inner {
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
        height: calc(100% - 60px);
        overflow: auto;
        align-items: flex-start
    }

    .announce-dropdown .right .intro-prd {
        min-height: 435px
    }

    .announce-dropdown .right .intro-prd .announce-illus {
        width: 70%;
        right: 15%
    }

    .border-bg.back-to-work .innr-ttl img {
        width: 65%
    }

    .announce-dropdown .right .intro-prd.twentyfive .innr-ttl {
        margin-top: 0
    }

    .announce-dropdown .right .intro-prd .announce-illus.illus_man {
        width: 68%
    }

    .announce-dropdown .right .intro-prd.twentyfive .announce-illus.illus_man {
        width: 100%
    }

    .zh-main .announce-dropdown:after {
        display: none
    }

    .zh_productnav__bottomband .zh-productssect__right ul {
        padding-bottom: 30px
    }

    .zh_productnav__bottomband .zh-productssect__right ul li {
        width: 48%
    }

    .zh-main .announce-btm .zh-productssect__tabs .zh-sec-apps .zh-app-innr {
        width: 45px
    }

    .zh-contact h5 {
        font-size: 22px
    }

    .zh-contact ul li {
        font-size: 15px
    }

    .footer-nav .fn-inner-wrap {
        flex-wrap: wrap;
        justify-content: flex-start
    }

    .zh-contact {
        width: 33%
    }

    .zh-contact.top-space {
        padding-top: 30px
    }
}

@media only screen and (max-width:991px) {
    .zgh-nav>ul>li.zh-productdropdown:first-child {
        display: inline-block
    }
}

@media only screen and (max-width:960px) {
    .zh_productnav__topband a.learnMorebtn {
        font-size: 11px
    }

    .zh_productnav__bottomband sub.newtag {
        left: 56px
    }

    .zh-main .footer-nav .wrapper {
        max-width: 95%
    }

    .zh_productnav .zh_productnav__tabs.categoriesdropdown.suites-tab .zh-productssect__rightside {
        padding-left: 80px
    }

    .zh_productnav__bottomband .suites-tab .zh-productssect__wrap {
        margin-top: 0
    }

    .zh-bundle-apps .zh-app {
        transform: scale(0.8);
        margin-top: -5px
    }

    .zh_productnav__bottomband .zh-bundle-apps.zh-remotely a {
        padding-left: 55px
    }

    .zh_productnav__bottomband .zh-bundle-apps a {
        padding-left: 60px
    }

    .zh_productnav__bottomband .zh-productssect__tabs .zh-sec-apps .zh-content small,
    .zh_productnav__bottomband .zh-productssect__tabs .zh-bundle-apps .zh-content small {
        font-size: 11px
    }

    .zh_productnav__bottomband .zh-bundle-apps .zh-content label,
    .zh_productnav__bottomband .zh-productssect__tabs .zh-sec-apps .zh-content label,
    .zh_productnav__bottomband .zh-productssect__tabs .zh-bundle-apps .zh-content label {
        font-size: 18px
    }

    .zh_productnav .zh-productssect__tabs .zh-sec-apps .zh-app {
        transform: scale(0.8)
    }

    .zh_productnav__bottomband .zh-productssect__tabs .zh-sec-apps a,
    .zh_productnav__bottomband .zh-bundle-apps a {
        padding: 0 0 0 55px
    }

    .zh_productnav__bottomband .bundle-title {
        font-size: 8px
    }

    .zh_productnav__topband .us-innerwrap {
        padding-right: 40px
    }

    .zh_productnav .zh_productnav__tabs.categoriesdropdown.suites-tab .zh-one-content {
        padding-left: 0
    }

    .zgh-nav>ul>li.zh-productdropdown {
        display: inline-block
    }

    .zh_productnav__tabs.categoriesdropdown.suites-tab .zh-productssect__rightside .zh-one-logo a {
        margin-right: 10px
    }

    .announce-dropdown .announce-inner {
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
        height: calc(100% - 60px);
        overflow: auto;
        align-items: flex-start
    }

    .announce-dropdown .right .intro-prd {
        min-height: 435px
    }

    .announce-dropdown .right .intro-prd .announce-illus {
        width: 70%
    }

    .announce-dropdown .right .intro-prd .announce-illus.illus_man {
        width: 68%
    }

    .announce-dropdown .right .intro-prd.twentyfive .announce-illus.illus_man {
        width: 100%
    }

    .zh-main .announce-dropdown:after {
        display: none
    }

    .zh_productnav__bottomband .zh-productssect__right ul li {
        width: 47.33%
    }

    .zh_productnav__bottomband .suites-tab .zh-productssect__right {
        flex-wrap: wrap
    }

    .zh_productnav .zh_productnav__tabs.categoriesdropdown.suites-tab .zh-productssect__leftside {
        margin: 0 auto
    }

    .zh_productnav .zh_productnav__tabs.categoriesdropdown.suites-tab .zh-productssect__rightside,
    .zh_productnav__bottomband .suites-tab .zh-productssect__wrap {
        width: 100%;
        max-width: 100%
    }

    .zh_productnav .zh_productnav__tabs.categoriesdropdown.suites-tab .zh-productssect__rightside {
        padding: 10px 0 70px 89px;
        height: auto;
        overflow: hidden
    }

    .zh_productnav .zh_productnav__tabs.categoriesdropdown.suites-tab .zh-one-wrapContent {
        margin-top: 40px
    }

    .zh_productnav .zh_productnav__tabs.categoriesdropdown.suites-tab .zh-productssect__rightside .zh-one-content p {
        max-width: 65%
    }

    .zh_productnav__bottomband .zh-productssect__rightside::after {
        top: 160px
    }

    .zh_productnav__topband .closeProduct {
        right: 12px
    }

    .zh_productnav__topband ul li {
        margin-right: 35px;
        font-size: 14px
    }

    .zh_productnav__topband .us-innerwrap {
        padding-right: 0
    }

    .zh_productnav__topband .us-innerwrap {
        left: 390px
    }

    .topband_navhead.zh_productnav__topband ul {
        width: 543px
    }

    .topband_navhead.zh_productnav__topband {
        padding: 0 15px
    }

    .zh_productnav .zh_productnav__tabs.categoriesdropdown.zohooneTab .zh_one_poster_img {
        width: 80%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .zgh-nav>ul>li:nth-last-child(3) {
        display: none
    }
}

@media only screen and (max-width:820px) {
    .zh_productnav__topband ul li {
        margin-right: 30px;
        font-size: 13px
    }

    .topband_navhead.zh_productnav__topband ul {
        width: 490px
    }

    .zgh-left-nav .zh-utilities .zh_innr_nav {
        padding: 26px 10px
    }

    .zh_productnav .zh_productnav__tabs.categoriesdropdown.platform-tab .code_sln .product-title {
        font-size: 16px
    }

    .zh-main .indicate,
    .zh-main .indicate-border {
        right: 20%
    }

    .zh_productnav__bottomband .bundlesdropdown .zh-bundlesect__com .zh-bundle-apps {
        width: 48%
    }
}

@media only screen and (max-width:767px) {
    .zmobile-menu-searchbtn {
        background: transparent
    }

    .zmobile-menu-new .dropdown-menu {
        display: none;
        padding-left: 0
    }

    .zmobile-menu-new ul .dropdown-menu ul {
        padding-left: 0;
        padding-bottom: 6px
    }

    .zmobile-menu-new ul li {
        display: block
    }

    .zmobile-menu-new ul li .dropdown-menu a {
        font-size: 16px !important
    }

    .zmobile-menu-new ul li>span.zh-border-line {
        display: none
    }

    .zh-nav-bar,
    .zgh-left-nav .zh-utilities .zh_innr_nav.search-icon {
        display: none
    }

    .zgh-left-nav .zh-utilities .head-sign-in,
    .zgh-left-nav .zh-utilities .head-sign-in .signupcontainer {
        display: none;
        padding-left: 0
    }

    .body-umain .zgh-left-nav .zh-utilities .head-sign-in {
        padding-right: 0;
        width: 50px;
        height: 50px;
        display: flex;
        margin-left: 10px
    }

    .zgh-left-nav .zh-utilities .head-sign-in .zgh-user-box {
        padding: 0
    }

    .zgh-userPanel {
        width: 50px;
        height: 50px
    }

    .zgh-left-nav .zh-utilities .head-sign-in .zgh-userLink {
        top: 55px;
        right: -10px
    }

    footer {
        padding-bottom: 80px
    }

    .z-bottom-cta-menu.onscroll a {
        background-color: #f60014
    }

    .zgh-userLink li.zgh-userName {
        font-size: 14px;
        margin: 11px 0 9px 9px
    }

    .head-sign-in .zgh-userAccess a {
        margin-top: 0
    }

    .zgh-left-nav .zgh-userAccount {
        position: initial !important
    }

    .zgh-left-nav {
        width: 100%
    }

    .zgh-nav {
        display: block;
        position: fixed;
        top: 61px;
        background-color: #fff;
        width: 100%;
        left: 0;
        padding: 0;
        height: 100%;
        overflow: hidden;
        transition: height .1s ease, opacity .3s ease, visibilty .4s ease;
        opacity: 0;
        visibility: hidden
    }

    .zgh-nav.nav-bar-opened {
        height: calc(100vh - 110px);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        opacity: 1;
        visibility: visible;
        overflow-y: auto
    }

    .zgh-nav.nav-bar-opened.active {
        opacity: 1
    }

    .zgh-nav>ul>li:first-child,
    .zgh-nav>ul>li:nth-last-child(2) {
        display: block
    }

    .zgh-nav>ul>li:nth-child(1)>span::after {
        position: absolute;
        right: 25px;
        top: 23px;
        transform: scale(1.2)
    }

    .zgh-nav>ul>li.zh-productdropdown.active>span::after {
        transform: rotate(-180deg) scale(1.2)
    }

    .body-umain .zh-access.showmob {
        display: block;
        position: fixed;
        bottom: 0;
        width: 100%;
        text-align: center;
        font-size: 16px;
        z-index: 1000
    }

    .zh-header .zgh-nav>ul>li {
        margin-right: 0;
        border-bottom: 1px solid #ececec;
        display: block
    }

    .ccode-us .zh-header .zgh-nav>ul>li.codeNM {
        display: block !important
    }

    .zh-header .zgh-nav>ul>li>a {
        font-size: 18px;
        padding: 15px 37px
    }

    .zh-dropdown {
        width: 100%;
        top: 0;
        max-height: 0;
        overflow: hidden;
        padding: 0;
        border: 0;
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        box-shadow: none;
        display: none
    }

    .zh-border-line,
    .zh-more-opt {
        display: none
    }

    .zgh-nav>ul>li>span.mobile-responsive {
        display: block
    }

    .desk-nly {
        display: none !important
    }

    .zh-dropdown ul {
        padding: 0 20px 10px
    }

    .zh-dropdown ul li:first-child a {
        padding-top: 0
    }

    .zh-dropdown ul li a {
        padding: 14px 10px 12px 35px;
        font-size: 16px
    }

    .zh-dropdown.active {
        max-height: 700px;
        transition: max-height .5s ease
    }

    .zgh-nav>ul>li:last-child:hover .zh-dropdown {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        transform: none
    }

    .zh_productnav {
        display: none
    }

    .zgh-nav .show-onmob {
        display: none
    }

    .zgh-nav.nav-bar-opened .show-onmob {
        display: flex
    }

    .zgh-nav .show-onmob .zh-signincontainer {
        background-color: #f5f5f5;
        width: 100%;
        text-align: center;
        position: fixed;
        bottom: 0;
        display: flex
    }

    .zgh-nav .show-onmob .zgh-userPanel {
        width: 100%;
        height: auto
    }

    .zgh-nav .show-onmob .zgh-userLink,
    .zgh-nav .show-onmob .zgh-userPanel ul {
        visibility: visible;
        opacity: 1;
        width: 100%;
        border: 0;
        top: 0
    }

    .zgh-nav.active {
        opacity: 0
    }

    .zgh-nav .show-onmob .zgh-user-box {
        width: 100%;
        padding: 0 37px
    }

    .zgh-nav .show-onmob .zgh-userLink li {
        display: inline-block;
        font-size: 18px
    }

    .zgh-nav .show-onmob .zgh-userLink li.zgh-userName {
        position: relative;
        top: 10px;
        left: 15px;
        display: block
    }

    .zgh-nav .show-onmob .zgh-userLink .zgh-userAccess {
        display: none
    }

    .zgh-nav .show-onmob .zgh-userLink li.zgh-userAccount {
        top: 12px;
        left: 15px;
        position: relative
    }

    .zgh-nav .show-onmob.head-sign-in li.zgh-userAccount a,
    .zgh-nav .show-onmob.head-sign-in li.zgh-userLogout a {
        color: var(--highlight-color)
    }

    .zgh-userAccess a:hover,
    .zgh-userAccount a:hover,
    .zgh-userLogout a:hover {
        background: transparent
    }

    .zgh-nav .show-onmob .zgh-userLink li.zgh-userLogout {
        margin-left: 45px;
        top: 12px;
        position: relative
    }

    .zgh-nav .show-onmob .zgh-userImage img {
        width: 50px;
        padding: 0
    }

    .zgh-user-box {
        width: 100%;
        margin: 0 auto;
        padding: 0 10px
    }

    .zgh-nav .show-onmob .zgh-userAvatar,
    .zgh-userPanel ul::before,
    .zgh-userPanel ul::after {
        display: none
    }

    .zgh-nav .show-onmob .zgh-userImage {
        display: block
    }

    .zgh-nav .show-onmob .login-sec,
    .zgh-nav .show-onmob .signup-sec {
        width: 50%
    }

    .zgh-nav .head-sign-in.show-onmob .login-sec a:hover,
    .zgh-nav .head-sign-in.show-onmob .signup-sec a:hover {
        cursor: pointer !important
    }

    .zgh-nav .show-onmob .signup-sec,
    .head-sign-in .signUp {
        background-color: #ef3324;
        color: #fff
    }

    .head-sign-in .signup-sec a:hover {
        color: #fff
    }

    .head-sign-in .login-sec a:hover {
        color: #000
    }

    .zgh-nav.nav-bar-opened {
        padding: 0
    }

    body.nav-active {
        width: 100%;
        overflow-y: hidden
    }

    .zgh-nav .show-onmob.head-sign-in a {
        display: block;
        padding: 15px 0;
        font-size: 16px
    }

    .zgh-nav .show-onmob.head-sign-in a.signUp {
        margin-left: 0
    }

    .zh-main .lan-dpdn-wrap {
        right: 0
    }

    .zh-main .lan-dpdn-wrap::before,
    .zh-main .lan-dpdn-wrap::after {
        right: 23px
    }

    .footer-nav .fn-inner-wrap {
        flex-wrap: wrap;
        padding-bottom: 30px
    }

    .footer-nav .fn-inner-wrap .zh-contact {
        width: 33%
    }

    .zh-contact h5 {
        margin-bottom: 20px
    }

    .footer-nav .fn-btm-wrap ul.zh-policy {
        max-width: 100%
    }

    .zgh-search-box #zgh-search-action .zgh-search-field {
        font-size: 14px;
        padding: 15px 0 15px 12px
    }

    .announce-dropdown .right .intro-prd {
        width: 45%
    }

    .announce-dropdown .right .intro-prd:nth-child(1n) {
        margin: 0 15px 15px 0
    }

    .announce-dropdown .right .intro-prd:nth-child(2n) {
        margin-right: 0
    }

    .announce-dropdown .closeannounce {
        right: 25px
    }

    .announce-dropdown .slick-dots {
        bottom: 5px
    }

    .zh-contact h5 {
        font-size: 20px
    }

    .zh-contact ul li {
        font-size: 14px;
        margin-right: 0
    }

    .zh-contact ul li.fin-ctn a {
        font-size: 11px;
        padding-right: 22px
    }

    .announce-dropdown .right .intro-prd.news .ctn-cover {
        padding: 5px 5px 25px 25px
    }

    .zh-header .zgh-nav>ul>li>a:hover {
        color: #000
    }

    .zh-header .zgh-nav>ul>li>a {
        font-family: var(--zf-secondary-medium)
    }

    .zgh-nav>ul>li:last-child.zh-productdropdown.active>a::after {
        transform: rotate(-180deg) scale(1.2)
    }

    .announce-dropdown .right .intro-prd.twentyfive .innr-ttl,
    .announce-dropdown .right .intro-prd.twentyfive p {
        font-size: 26px
    }

    .z-video-modalInner {
        max-width: 90%
    }
}

@media only screen and (min-width:651px) {
    .zh-contact ul {
        display: block !important
    }
}

@media only screen and (max-width:650px) {
    .announce-dropdown .right .intro-prd {
        width: 60%
    }

    .announce-dropdown .right .intro-prd:nth-child(1n) {
        margin: 0 0 30px 0
    }

    .announce-dropdown .right .intro-prd:nth-child(2n) {
        margin-right: 0
    }

    .announce-dropdown .right .intro-prd {
        min-height: unset
    }

    .announce-dropdown .right .intro-prd .announce-illus {
        display: none
    }

    .announce-dropdown .right .intro-prd.twentyfive .border-bg {
        padding-bottom: 70px
    }

    .zh-main .lan-dpdn-wrap {
        width: 250px
    }

    .zh-main .lan-dpdn-wrap ul {
        margin: 30px 20px 20px 30px
    }

    .zh-main .lan-dpdn-wrap ul li {
        width: 100%;
        font-size: 14px
    }

    .zh-main .lan-dpdn-wrap ul li a span {
        transform: scale(1)
    }

    .zh-main .lan-dpdn-wrap ul li:nth-child(2n) {
        padding-left: 0
    }

    .zh-main .footer-nav .wrapper {
        max-width: 100%
    }

    .footer-nav .fn-inner-wrap .zh-contact ul {
        display: none;
        padding-bottom: 20px
    }

    .zh-contact h5.active {
        font-family: var(--zf-secondary-medium)
    }

    .footer-nav .fn-inner-wrap .zh-contact {
        margin-bottom: 0;
        width: 100%;
        border-bottom: 1px solid #dee2f1
    }

    .zh-contact h5 {
        padding: 18px 20px;
        margin-bottom: 0;
        cursor: pointer
    }

    .zh-contact h5 {
        font-size: 18px
    }

    .zh-contact ul li {
        display: block;
        margin-left: 25px;
        margin-top: 20px
    }

    .zh-contact ul li:first-child {
        margin-top: 10px
    }

    .zh-contact ul li::before {
        display: none
    }

    .zh-contact h5:after {
        content: "";
        display: inline-block;
        padding: 3.5px;
        position: absolute;
        right: 30px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transition: all .3s ease;
        border: solid #999;
        clear: both;
        top: calc(50% - 2px);
        border-width: 0 1px 1px 0
    }

    .zh-contact.privacy,
    .zh-contact.productdrop {
        display: block
    }

    .footer-nav .fn-btm-wrap ul.zh-policy {
        display: none
    }

    .footer-nav .fn-btm-wrap ul.zh-policy.mob-nly {
        display: block;
        display: flex;
        margin: 10px 0 15px
    }

    .footer-nav .zh-scl-share {
        margin-bottom: 0
    }

    .zh-contact h5.active:after {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        top: 23px
    }

    .zh-contact ul li {
        font-size: 16px
    }

    .footer-signup h6 span {
        font-size: 28px
    }

    .announce-dropdown .right .intro-prd.twentyfive .innr-ttl {
        margin-top: 35px
    }

    .border-bg.back-to-work .innr-ttl img {
        margin-bottom: 10px
    }

    .zh-contact.top-space {
        padding-top: 0
    }

    .ccode-in .noparam.codeIn,
    .ccode-us .noparam.codeNM {
        display: block !important
    }
}

@media only screen and (max-width:500px) {
    .zh-header .zgh-nav>ul>li>a {
        padding: 15px 17px
    }

    .zh-dropdown ul li a {
        padding: 14px 10px 12px 15px
    }

    .zgh-search-wrap .zgh-search-btn {
        right: 5px
    }

    .zh-header {
        padding-left: 20px;
        padding-right: 20px
    }

    .zgh-brand a {
        background-size: 80px auto;
        width: 90px;
        height: 40px;
    }

    .zgh-nav .show-onmob .zgh-user-box {
        width: 100%;
        padding: 0 17px
    }

    .zgh-left-nav .zh-utilities .zh_innr_nav.search-icon span,
    .zgh-left-nav .zh-utilities .zh_innr_nav.announcement-icon .zh-announcetab,
    .input-srch-icon span {
        width: 18px
    }

    .zgh-left-nav .zh-utilities .zh_innr_nav {
        padding: 26px 12px
    }

    .announce-dropdown .right .intro-prd {
        width: 80%
    }

    .announce-dropdown .right .intro-prd .announce-illus {
        width: 80%
    }

    .announce-dropdown .right .intro-prd .announce-illus.illus_man {
        width: 80%
    }

    .announce-dropdown .right .intro-prd .innr-ttl,
    .announce-dropdown .right .intro-prd .news-innr-ttl {
        line-height: 1.2
    }

    .zh-main .lan-dpdn-wrap::before,
    .zh-main .lan-dpdn-wrap::after {
        right: 16px
    }

    .footer-signup h6 span {
        font-size: 22px
    }

    .footer-signup h6 {
        font-size: 30px
    }
}

@media only screen and (max-width:425px) {
    .passionblk {
        display: block
    }

    .zh-main footer .wrapper {
        max-width: 100%
    }

    .footer-nav {
        padding: 50px 0 50px
    }

    footer .zh-logo span {
        transform: scale(0.8)
    }

    .footer-text {
        font-size: 12px;
        padding-top: 10px
    }

    .zh-main .footer-signup .wrapper {
        max-width: 95%
    }

    .footer-signup h6 span {
        font-size: 20px
    }

    .footer-signup h6 {
        font-size: 26px
    }
}

.zh-productssect__tabs .zh-sec-apps.zh-directory .zh-app,
.used-apps .zh-sec-apps.zh-directory .zh-app {
       background-position: var(--zp-directory-bp);
}

.zh-productssect__tabs .zh-sec-apps.zh-oneauth .zh-app,
.used-apps .zh-sec-apps.zh-oneauth .zh-app {
        background-position: var(--zp-oneauth-bp);
}


.zw-global-footer {
    display: none;
}
.zw-only-copyright {
    display: none;
}
footer {
    padding: 40px 0 0px;}


.zgh-search-container {
    display: none;
}
.header {
position: fixed;
width: 100%;
top: 0;
left: 0;
padding: 0 70px;}

@media only screen and (max-width:480px) {
.aboutus_banner .inner .banner_r img {
    margin-left: 0px;
}
}