:root {
	--border-line: 1px solid #d9d9d9;
	--bg-color: #fff;
	--box-shadow: 0 28.5px 28.5px -4.75px rgba(0, 0, 0, 0.04);
	--bold-text: var(--primaryfont-bold);
	--regular-text: var(--primaryfont-regular);
	--medium-text: var(--zf-primary-medium);
	--semibold-text: var(--primaryfont-semibold);
	--style-none: none;
	--style-block: block;
	--style-inline: inline;
	--relative-path: relative;
	--sprite-path: url(/sites/zweb/images/recruit/zr-mob-app.svg);
}

.zwc-banner-wrap h1 {
	font-size: 28px;
	letter-spacing: -0.56px;
	margin-bottom: 20px;
	font-family: var(--medium-text);
}

.zwc-banner-wrap {
	padding: 100px 0px 160px;
	text-align: center;
}

.zwc-img-wrap {
	margin: 0px auto 50px;
	padding: 85px 0px 0px;
	position: var(--relative-path);
	max-width: 656px;
}

.zwc-banner-wrap p.zwc-ban-txt {
	font-size: 32px;
	letter-spacing: -0.64px;
	max-width: 940px;
	margin: auto;
	line-height: 1.5;
}

img.zwc-ban-tab {
	position: absolute;
	opacity: 0;
	left: 17%;
	max-width: 642px;
	bottom: 0px;
	transform: translateX(70px);
	transition: 0.5s linear;
}

.zwc-img-wrap.visible img.zwc-ban-tab {
	opacity: 1;
	transform: translateX(0px);
	transition-delay: 0.5s;
}

.visible img.zwc-ban-mob {
	transition: 0.5s ease-in;
}

img.zwc-ban-mob {
	max-width: 657px;
}

p.zwc-ban-txt span {
	font-family: var(--semibold-text);
}

.zwc-lef-wrap h2,
.zwc-cus-wrap h2 {
	font-size: 64px;
	letter-spacing: -2.56px;
	max-width: 480px;
	font-family: var(--medium-text);
	line-height: 1.13;
}

.zwc-pad-space {
	padding: 200px 0px;
}

.zwc-lef-wrap {
	max-width: 590px;
	display: inline-block;
	vertical-align: bottom;
}

.zwc-lef-wrap ul li.zwc-list-item {
	border-radius: 60px;
	border: 1px solid rgba(42, 23, 24, 0.5);
	display: inline-block;
	margin: 10px;
	color: rgb(0, 0, 0);
	transition: 0.2s linear;
}

.zwc-lef-wrap ul li.zwc-list-item.active {
	background: rgb(43, 23, 24);
}

.zwc-lef-wrap ul li.zwc-list-item.active button {
	color: rgb(255, 255, 255);
}

.zwc-lef-wrap ul li.zwc-list-item button {
	font-size: 18px;
	letter-spacing: -0.36px;
	border: 0px;
	background: transparent;
	font-family: var(--medium-text);
	padding: 16px 24px;
	cursor: pointer;
}

.zwc-child-item {
	position: absolute;
	max-width: 331px;
	left: 11%;
	top: 2%;
	width: 48%;
	display: var(--style-none);
}

.zwc-child-item.active {
	display: var(--style-block);
}

img.zwc-parent-wrap {
	position: var(--relative-path);
	vertical-align: middle;
}

.zwc-mob-img {
	position: absolute;
	left: 11%;
	top: 2%;
	max-width: 270px;
	width: 48%;
}

.zwc-lef-wrap ul {
	padding: 130px 0px;
}

.zwc-mobile-app {
	background: rgb(255, 238, 229);
	padding: 160px 0px 0px;
}

.zwc-rit-wrap {
	max-width: 560px;
	position: var(--relative-path);
	display: inline-block;
	width: 100%;
	margin-left: 80px;
}

.zwc-ai-assits {
	background: rgb(42, 23, 24);
	color: rgb(255, 255, 255);
}

.vidwrap {
	position: relative;
	border-radius: 20px;
	cursor: pointer;
	max-width: 400px;
}

.zwc-cus-wrap {
	max-width: 450px;
	width: 100%;
}

.vidwrap video {
	border-radius: 20px;
	vertical-align: middle;
}

.zwc-text-wrap {
	display: flex;
	justify-content: center;
	gap: 24px;
	padding-top: 100px;
}

.zwc-customers-wrap {
	padding: 85px 0px;
	background: rgb(240, 240, 240);
}

.zwc-customers-wrap .content-wrap {
	display: flex;
	max-width: 1070px;
	align-items: center;
	justify-content: space-between;
}

.zwc-txt-wrap {
	padding: 0;
	width: 100%;
	max-width: 443px;
	margin-top: 40px;
}

span.zwc-video-pause,
li.zwc-video-pause {
	position: relative;
	display: inline-block;
	width: 35px;
	vertical-align: text-top;
}

span.zwc-video-pause.zwc-mob-fea>button {
	top: -5px;
	right: 0;
}

.zwc-slick-wrap span.zwc-video-pause {
	position: absolute;
	bottom: 0;
	left: 43%;
}


.zwc-lef-wrap .zwc-video-pause>button {
	background: #e4d7ce;
}

.zwc-video-pause>button {
	position: relative;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #ebebeb;
	border: none;
	cursor: pointer;
}

.zwc-video-pause>button::before,
.zwc-video-pause>button::after {
	content: "";
	position: absolute;
	top: 10px;
	width: 3px;
	height: 10px;
	background: #000;
	border-radius: 2px;

}

.zwc-video-pause>button::before {
	left: 10px;
}

.zwc-video-pause>button::after {
	right: 10px;
}

.zwc-video-pause>button.is-played::before,
.zwc-video-pause>button.is-played::after {
	content: "";
	top: 9px;
	left: 11px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent #000;
	background: none;
	border-radius: 0;
}


.zwc-text-wrap .zwc-video-pause>button {
	position: absolute;
	top: 15px;
	right: 15px;
	background: #ebebeb;
}


.zwc-ai-txt {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.zwc-ai-txt h2 {
	max-width: 770px;
	width: 100%;
}

.zwc-ai-wrap .apps-download-links-wrap a.app-store {
	display: var(--style-block);
}

.zwc-cmn-font h3,
.zwc-slick-item h3 button {
	font-size: 36px;
	letter-spacing: -1.152px;
	font-family: var(--semibold-text);
	line-height: 1.2;
}

.zwc-cmn-font p,
.zwc-cus-wrap p {
	font-size: 18px;
	line-height: 32px;
	letter-spacing: -0.36px;
	margin: 0px;
}

.zwc-txt-item h3 span,
.zwc-ai-txt h2 span {
	display: var(--style-block);
}

.zwc-txt-item {
	border-radius: 16px;
	background: linear-gradient(132deg, rgb(94, 26, 26) 1.13%, rgb(72, 26, 26) 101.14%);
	padding: 60px 40px 40px;
	position: relative;
	max-width: 49%;
	max-width: 523px;
	width: 100%;
}

.zwc-bnr-img-wrap {
	text-align: center;
}

.zwc-ai-assits .content-wrap {
	max-width: 1070px;
}

span.zwc-img-item {
	position: absolute;
	opacity: 0;
	top: 0px;
}

img.zwc-chld-item {
	position: absolute;
	right: 0px;
	transition: 0.5s linear;
	transform: translateY(50px);
	opacity: 0;
	top: 0px;
	bottom: 0px;
	margin: auto;
}

img.zwc-chld-item.zwc-send-img {
	max-width: 281px;
	width: 60%;
}


img.zwc-chld-item.zwc-assist-img {
	max-width: 270px;
	width: 60%;
}

span.zwc-img-item.slick-active .zwc-send-img,
span.zwc-img-item.slick-active .zwc-assist-img {
	transform: translateY(0px);
	opacity: 1;
}

span.zwc-img-item.active {
	display: var(--style-block);
	opacity: 1;
	position: relative;
}

.zwc-mobile-candidates .content-wrap {
	max-width: 1060px;
}

.zwc-slick-item.active h3 button {
	color: rgb(216, 29, 29);
}

.zwc-slick-item h3 button {
	border: 0px;
	background: transparent;
	cursor: pointer;
	padding: 0px;
}

.zwc-slick-item h3 {
	display: inline-block;
}

.zwc-flx {
	display: flex;
	justify-content: space-evenly;
}

.zwc-stricky-nav {
	position: var(--relative-path);
	max-width: 400px;
}

.zwc-stricky-nav h2 {
	position: sticky;
	top: 150px;
}

h2.zwc-mid-font {
	font-size: 80px;
	letter-spacing: -3.2px;
	margin: 0px;
	font-family: var(--medium-text);
	line-height: 1.1;
}

.slider-item {
	display: var(--style-none);
}

.slider-item.active {
	display: var(--style-block);
}

.zwc-mobile-feature {
	background: linear-gradient(249deg, rgb(246, 197, 189) 0%, rgb(255, 238, 229) 28.4%, rgb(255, 238, 229) 69.19%, rgb(246, 197, 189) 100%);
	max-width: 1680px;
	margin: 0px auto;
	position: relative;
	transition: 0.3s;
	border-radius: 30px;
}

.zwc-mobile-feature.fixed {
	max-width: 100%;
	border-radius: 0px;
}

.zwc-hire-box {
	border-radius: 16px;
	background: rgb(255, 255, 255);
	padding: 80px;
	position: sticky;
	top: 150px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px -10px 20px -5px;
}

.zwc-hire-box:nth-child(2) {
	top: 170px;
}

.zwc-hire-box:not(:last-child) {
	margin-bottom: 32px;
}

.zwc-stricky-right {
	max-width: 515px;
	position: relative;
}

.zwc-slick-wrap {
	justify-content: space-between;
	align-items: center;
	padding-top: 80px;
}

.zwc-slick-lef {
	position: var(--relative-path);
	width: 100%;
	max-width: 470px;
}

.zwc-slick-item::before {
	content: "";
	width: 35px;
	height: 35px;
	background: var(--sprite-path) no-repeat;
	position: absolute;
	top: 4px;
	left: 0px;
}

.zwc-rec-clk {
	background: var(--sprite-path) no-repeat;
	background-position: 0px -5px;
	position: relative;
	display: inline-block;
	width: 33px;
	height: 33px;
	margin: 0px 3px;
	vertical-align: text-top;
}

.zwc-slick-item:nth-child(1)::before {
	background-position: -32px -3px;
}

.zwc-slick-item:nth-child(2)::before {
	background-position: -70px -6px;
}

.zwc-slick-item:nth-child(3)::before {
	background-position: -113px -3px;
}

.zwc-slick-item.active:nth-child(1)::before {
	background-position: -149px -3px;
}

.zwc-slick-item.active:nth-child(2)::before {
	background-position: -187px -6px;
}

.zwc-slick-item.active:nth-child(3)::before {
	background-position: -230px -3px;
}

.zwc-slick-right {
	width: 100%;
	max-width: 490px;
}

.txt-item,
.zrimg-wrap {
	position: var(--relative-path);
}

.zwc-slick-item {
	position: var(--relative-path);
	padding-left: 60px;
	cursor: pointer;
}

.zwc-slick-item:not(:last-child) {
	margin-bottom: 40px;
	padding-bottom: 32px;
	border-bottom: 1px dashed rgba(171, 23, 23, 0.16);
}

.zwc-slick-item h4 {
	font-size: 24px;
	color: rgb(222, 85, 71);
	margin: 0px 0px 15px;
	font-family: var(--primaryfont-bold);
	letter-spacing: -1px;
}

.zwc-mobonly {
	display: var(--style-none);
}

.zwc-bottom-cta-wrap {
	text-align: center;
}

.zwc-bottom-cta-wrap h2,
.zwc-banner-wrap h2 {
	font-size: 88px;
	letter-spacing: -3.52px;
	line-height: 1.05;
	max-width: 810px;
	margin: 0px auto 40px;
	font-family: var(--semibold-text);
}

.zwc-bottom-cta-wrap p {
	font-size: 28px;
	letter-spacing: -0.56px;
	font-family: var(--semibold-text);
	line-height: 1;
	margin-bottom: 32px;
}

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

	.zwc-bottom-cta-wrap h2,
	.zwc-banner-wrap h2 {
		max-width: 670px;
		font-size: 65px;
	}

	.zwc-mobile-app .content-wrap {
		max-width: 1080px;
	}

	.zwc-mob-img {
		max-width: 215px;
	}

	.zwc-banner-wrap {
		padding: 80px 0px 120px;
	}

	.zwc-mobile-app {
		padding: 120px 0px 0px;
	}

	.zwc-pad-space {
		padding: 120px 0px;
	}

	.zwc-banner-wrap p.zwc-ban-txt {
		font-size: 26px;
		max-width: 790px;
	}

	.zwc-lef-wrap ul li.zwc-list-item button {
		font-size: 16px;
		padding: 12px 24px;
	}

	.zwc-lef-wrap {
		max-width: 540px;
	}

	.zwc-lef-wrap ul {
		padding: 70px 0px;
	}

	.zwc-rit-wrap {
		max-width: 450px;
	}

	h2.zwc-mid-font {
		font-size: 60px;
		max-width: 560px;
	}

	.zwc-bottom-cta-wrap {
		padding: 130px 0px;
		text-align: center;
	}

	.zwc-cmn-font h3,
	.zwc-slick-item h3 button {
		font-size: 30px;
	}
}

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

	.zwc-bottom-cta-wrap h2,
	.zwc-banner-wrap h2 {
		max-width: 560px;
		font-size: 52px;
		letter-spacing: -2px;
	}

	.zwc-mobile-feature {
		border-radius: 0px;
	}

	.zwc-mob-img {
		max-width: 178px;
	}

	.zwc-slick-wrap span.zwc-video-pause {
		left: 37%;
	}

	.zwc-banner-wrap {
		padding: 80px 0px;
	}

	.zwc-mobile-app {
		padding: 90px 0px 0px;
	}

	.zwc-pad-space {
		padding: 90px 0px;
	}

	.zwc-rec-clk {
		transform: scale(0.9);
		vertical-align: bottom;
	}

	.zwc-cus-wrap {
		max-width: 340px;
	}

	.zwc-customers-wrap .content-wrap {
		gap: 50px;
	}

	.zwc-customers-wrap .content-wrap {
		justify-content: center;
	}

	.zwc-slick-wrap {
		padding-top: 60px;
	}

	.zwc-banner-wrap h1 {
		font-size: 22px;
	}

	.zwc-banner-wrap p.zwc-ban-txt {
		font-size: 22px;
		max-width: 680px;
	}

	.zwc-lef-wrap h2,
	.zwc-cus-wrap h2 {
		font-size: 48px;
		letter-spacing: -1.56px;
		max-width: 380px;
	}

	h2.zwc-mid-font {
		font-size: 50px;
		max-width: 480px;
		letter-spacing: -2.2px;
	}

	.zwc-lef-wrap ul li.zwc-list-item button {
		font-size: 15px;
		padding: 12px 18px;
	}

	.zwc-lef-wrap ul li.zwc-list-item {
		margin: 7px 5px;
	}

	.zwc-lef-wrap ul {
		padding: 50px 0px 70px;
	}

	.zwc-lef-wrap {
		max-width: 480px;
	}

	.zwc-rit-wrap {
		max-width: 370px;
	}

	.zwc-mobile-app .content-wrap {
		max-width: 950px;
	}

	.zwc-cmn-font p,
	.zwc-cus-wrap p {
		font-size: 16px;
		line-height: 1.6;
	}

	.zwc-hire-box {
		padding: 60px;
	}

	.zwc-mobile-candidates .content-wrap {
		max-width: 900px;
	}

	.zwc-slick-lef {
		max-width: 350px;
	}

	.zwc-parent-ele {
		max-width: 280px;
	}
}

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

	.zwc-ban-mob,
	.zwc-ban-tab {
		display: var(--style-none);
	}

	.zwc-img-wrap .zwc-mobonly {
		display: var(--style-block);
	}

	.zwc-img-wrap {
		margin: 0px auto 30px;
	}
}

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

	.zwc-bottom-cta-wrap h2,
	.zwc-banner-wrap h2 {
		max-width: 460px;
		font-size: 42px;
		letter-spacing: -1px;
		line-height: 1.2;
	}

	.zwc-stricky-nav h2 {
		top: 100px;
	}

	.zwc-img-wrap {
		padding: 50px 0px 0px;
		max-width: 550px;
	}

	.zwc-slick-item {
		padding-left: 55px;
	}

	.zwc-lef-wrap {
		max-width: 100%;
	}

	.zwc-parent-ele {
		max-width: 250px;
	}

	.zwc-mobile-app .content-wrap {
		max-width: 580px;
		margin: auto;
	}

	.zwc-cus-wrap {
		max-width: 300px;
		width: 100%;
	}

	.zwc-mobile-app .content-wrap {
		max-width: 510px;
		margin: auto;
	}

	.vidwrap {
		max-width: 320px;
	}

	.zwc-customers-wrap .content-wrap {
		gap: 50px;
	}

	.zwc-lef-wrap h2,
	.zwc-cus-wrap h2 {
		font-size: 36px;
	}

	.zwc-lef-wrap ul {
		padding: 20px 0px 50px;
	}

	h2.zwc-mid-font {
		font-size: 40px;
		max-width: 400px;
		letter-spacing: -1.2px;
	}

	.zwc-cmn-font h3,
	.zwc-slick-item h3 button {
		font-size: 25px;
	}

	.zwc-slick-lef {
		max-width: 295px;
	}

	.zwc-slick-right {
		max-width: 412px;
	}

	.zwc-cmn-font p,
	.zwc-cus-wrap p {
		font-size: 15px;
		line-height: 1.6;
		letter-spacing: unset;
	}

	.zwc-mobile-candidates .content-wrap {
		max-width: 750px;
	}

	.zwc-stricky-nav {
		max-width: 280px;
	}

	.zwc-hire-box {
		padding: 40px;
		top: 100px;
	}

	.zwc-hire-box:nth-child(2) {
		top: 120px;
	}

	.zwc-stricky-right {
		max-width: 380px;
	}

	.zwc-bottom-cta-wrap p {
		font-size: 22px;
	}
}

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

	.zwc-bottom-cta-wrap h2,
	.zwc-banner-wrap h2 {
		max-width: 390px;
		font-size: 34px;
		letter-spacing: unset;
		margin: 0px auto 30px;
	}

	.zwc-slick-right .zwc-mobonly {
		display: var(--style-block);
		margin-top: 30px;
		max-width: 250px;
	}

	.zwc-rec-clk {
		transform: scale(0.7);
		margin: 0px;
	}

	.zwc-slick-item::before {
		transform: scale(0.9);
		top: 0px;
	}

	.zwc-stricky-nav h2,
	.zwc-hire-box,
	.zwc-hire-box:nth-child(2) {
		top: 0;
		position: var(--relative-path);
	}

	.zwc-slick-item {
		padding-left: 50px;
		cursor: unset;
	}

	.zwc-slick-wrap span.zwc-video-pause {
		display: none;
	}

	.zwc-banner-wrap p.zwc-ban-txt {
		font-size: 18px;
		max-width: 680px;
		letter-spacing: unset;
		line-height: 1.6;
	}

	.zwc-customers-wrap .content-wrap {
		gap: 30px;
		flex-direction: column;
		text-align: center;
	}

	.zwc-mobile-app {
		padding: 70px 0px 0px;
	}

	.zwc-pad-space {
		padding: 70px 0px;
	}

	.zwc-banner-wrap {
		padding: 50px 0px 70px;
	}

	.zwc-lef-wrap h2,
	.zwc-cus-wrap h2 {
		font-size: 30px;
		letter-spacing: unset;
	}

	h2.zwc-mid-font {
		font-size: 30px;
		max-width: 340px;
		letter-spacing: unset;
		margin: 0px auto 30px;
		text-align: center;
	}

	.zwc-ai-txt {
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}

	.zwc-text-wrap {
		flex-direction: column;
	}

	.zwc-ai-wrap .apps-download-links-wrap a.app-store {
		display: inline-block;
	}

	.zwc-flx {
		flex-direction: column;
	}

	.zwc-slick-lef {
		display: var(--style-none);
	}

	.zwc-slick-item:not(:last-child) {
		margin-bottom: 30px;
		border-bottom: none;
	}

	.zwc-slick-wrap {
		padding-top: 50px;
	}

	.zwc-ai-txt h2 span {
		display: var(--style-inline);
	}

	.zwc-stricky-nav {
		max-width: 100%;
	}

	.zwc-hire-box {
		padding: 60px;
	}

	.zwc-stricky-right {
		max-width: 520px;
		margin: 20px auto 0px;
	}

	.zwc-cmn-font h3,
	.zwc-slick-item h3 button {
		font-size: 22px;
		letter-spacing: unset;
	}

	.zwc-text-wrap {
		padding-top: 50px;
	}

	.zwc-txt-item {
		margin: auto;
		max-width: 500px;
	}

	.zwc-customers-wrap {
		padding: 60px 0px;
	}

	.zwc-txt-wrap {
		margin-top: 30px;
	}
}

@media only screen and (max-width: 480px) {
	.zwc-banner-wrap h1 {
		font-size: 20px;
		letter-spacing: unset;
		margin-bottom: 15px;
	}

	.zwc-txt-item {
		padding: 50px 20px 40px;
	}

	.zwc-banner-wrap {
		padding: 40px 0px 60px;
	}

	.zwc-mobile-app {
		padding: 60px 0px 0px;
	}

	.zwc-lef-wrap ul {
		padding: 10px 0px 30px;
		max-width: 330px;
	}

	.zwc-pad-space {
		padding: 60px 0px;
	}

	.zwc-bottom-cta-wrap h2,
	.zwc-banner-wrap h2 {
		max-width: 300px;
		font-size: 30px;
		margin: 0px auto 20px;
	}

	.zwc-banner-wrap p.zwc-ban-txt {
		font-size: 16px;
	}

	.zwc-lef-wrap h2,
	.zwc-cus-wrap h2 {
		font-size: 26px;
		max-width: 300px;
	}

	.zwc-rit-wrap {
		margin: 0px auto;
	}

	.zwc-cmn-font h3,
	.zwc-slick-item h3 button {
		font-size: 20px;
	}

	.zwc-hire-box {
		padding: 30px;
	}

	.zwc-bottom-cta-wrap p {
		font-size: 20px;
		letter-spacing: unset;
	}

	.zwc-img-wrap {
		padding: 35px 0px 0px;
	}

	.zwc-lef-wrap ul li.zwc-list-item button {
		padding: 8px 12px;
	}

	.zwc-slick-item {
		padding-left: 0px;
	}

	.zwc-slick-item::before {
		display: none;
	}

	.zwc-text-wrap,
	.zwc-slick-wrap {
		padding-top: 30px;
	}

	.zwc-txt-wrap {
		margin-top: 20px;
	}

	.zwc-stricky-right {
		margin: 0px auto;
	}

	.zwc-slick-right .zwc-mobonly {
		margin: 30px auto 0px;
	}

	.zwc-slick-right {
		max-width: 380px;
		text-align: center;
	}
}