.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/default/files/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/default/files/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/default/files/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/default/files/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/default/files/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 {
	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/default/files/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/default/files/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/default/files/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/default/files/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{
	background-image: url(/sites/default/files/crm/crm-watchlist-banner.webp);
    width: 250px;
    height: 200px;
    background-size: 70%;
    background-position: 38px 10px;
    margin: 0 auto 20px;
}
.zh-our-journey__right .month-wrapper.coverBg.launchWork {
	background-image: url(/sites/default/files/zoho_general_pages/zh-journey-launchdrive.png)
}

.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/default/files/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/default/files/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/default/files/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/default/files/zh-sprite-2x-new.png)
}

.zh-journey-logo.zpglob {
	background-image: url("/sites/default/files/zoho_general_pages/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-image:url("/sites/default/files/zillum-logo.png");
  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/default/files/zoho_general_pages/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/default/files/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: 22px;
    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: 30px;
    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;}
}