@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");
body,
html {
	background: var(--ztc-text-text-3);
}

ul {
	margin: 0;
	padding: 0;
}

@keyframes animation-5 {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.1);
	}
}
.aniamtion-key-5 {
	position: relative;
	animation-name: animation-5;
	animation-duration: 1.3s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	transition: all 0.4s;
}

@keyframes animation-7 {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(-1000deg);
	}
}
.keyframe5 {
	position: relative;
	animation-name: animation-7;
	animation-duration: 40s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: cubic-bezier(0.59, 0.59, 1, 1);
}

@keyframes animation-1 {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(30px);
	}
}
.aniamtion-key-1 {
	position: relative;
	animation-name: animation-1;
	animation-duration: 1.3s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
@keyframes fade-in-down {
	0% {
		transform: translate3d(0, -50px, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}
@keyframes preview {
	0% {
		transform: translateX(20px);
	}
	100% {
		transform: translateX(-200%);
	}
}
@keyframes pulse-border {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1;
	}
	100% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0;
	}
}
:root {
	--ztc-text-text-1: #fff;
	--ztc-text-text-2: #aee929;
	--ztc-text-text-3: #04060c;
	--ztc-text-text-4: #282c34;
	--ztc-text-text-5: #181a1f;
	--ztc-text-text-6: #1c1d20;
	--ztc-text-text-7: #b3ff00;
	--ztc-text-text-8: #5d626f;
	--ztc-text-text-9: #fd6004;
	--ztc-text-text-10: #252d34;
	--ztc-text-text-11: #dcdcdf;
	--ztc-bg-bg-1: #0e161f;
	--ztc-bg-bg-2: #212931;
	--ztc-bg-bg-3: #343434;
	--ztc-bg-bg-4: #111218;
	--ztc-bg-hedaer-bg: #161616;
	--ztc-bg-bg-5: #2d2e34;
	--ztc-bg-bg6: #69ca48;
	--ztc-bg-bg7: #dae0de;
	--ztc-bg-bg8: #13151b;
	--ztc-bg-bg9: #1c1e24;
	--ztc-bg-bg10: #25272d;
	--ztc-bg-bg11: #56cd55;
	--ztc-bg-bg12: #f0f0f0;
	--ztc-bg-bg13: #f4f4f6;
	--ztc-bg-main-bg: var(
		--Gradient-Color,
		linear-gradient(90deg, #ff4308 0%, #fb8500 100%)
	);
	--ztc-bg-main-bg2: var(
		--Button-Gradient,
		linear-gradient(90deg, #fb8500 0%, #ff4308 90%)
	);
	--ztc-bg-bg14: #fd8635;
	--ztc-bg-bg15: #fd8735;
	--ztc-bg-bg16: #ffece6;
	--ztc-bg-bg17: #fe8037;
	--ztc-bg-bg18: #31512a;
	--ztc-bg-bg19: #77e04e;
	--ztc-bg-bg20: #fed2b3;
	--ztc-bg-bg21: #fd721d;
	--ztc-bg-bg22: #fb8c1a;
	--ztc-bg-bg23: #fe6d36;
	--ztc-bg-bg24: #1d1f24;
	--ztc-bg-bg25: #1c242c;
	--ztc-border-border-1: #262d35;
	--ztc-border-border-2: #292a2f;
	--ztc-border-border-3: #664626;
	--ztc-border-border-4: #62cb4d;
	--ztc-border-border-5: #4fb84c;
	--ztc-border-border-6: #fe5c05;
	--ztc-border-border-7: #fd6e1e;
	--ztc-font-size-font-s10: 10px;
	--ztc-font-size-font-s12: 12px;
	--ztc-font-size-font-s14: 14px;
	--ztc-font-size-font-s15: 15px;
	--ztc-font-size-font-s16: 16px;
	--ztc-font-size-font-s18: 18px;
	--ztc-font-size-font-s20: 20px;
	--ztc-font-size-font-s22: 22px;
	--ztc-font-size-font-s24: 24px;
	--ztc-font-size-font-s26: 26px;
	--ztc-font-size-font-s28: 28px;
	--ztc-font-size-font-s30: 30px;
	--ztc-font-size-font-s32: 32px;
	--ztc-font-size-font-s34: 34px;
	--ztc-font-size-font-s36: 36px;
	--ztc-font-size-font-s38: 38px;
	--ztc-font-size-font-s40: 40px;
	--ztc-font-size-font-s42: 42px;
	--ztc-font-size-font-s44: 44px;
	--ztc-font-size-font-s46: 46px;
	--ztc-font-size-font-s48: 48px;
	--ztc-font-size-font-s50: 50px;
	--ztc-font-size-font-s52: 52px;
	--ztc-font-size-font-s54: 54px;
	--ztc-font-size-font-s56: 56px;
	--ztc-font-size-font-s58: 58px;
	--ztc-font-size-font-s60: 60px;
	--ztc-font-size-font-s62: 62px;
	--ztc-font-size-font-s64: 64px;
	--ztc-font-size-font-s66: 66px;
	--ztc-font-size-font-s68: 68px;
	--ztc-font-size-font-s70: 70px;
	--ztc-font-size-font-s72: 72px;
	--ztc-font-size-font-s74: 74px;
	--ztc-font-size-font-s76: 76px;
	--ztc-font-size-font-s78: 78px;
	--ztc-font-size-font-s80: 80px;
	--ztc-font-size-font-s82: 82px;
	--ztc-font-size-font-s84: 84px;
	--ztc-font-size-font-s86: 86px;
	--ztc-font-size-font-s88: 88px;
	--ztc-font-size-font-s90: 90px;
	--ztc-font-size-font-s10: 10px;
	--ztc-font-size-font-s12: 12px;
	--ztc-font-size-font-s14: 14px;
	--ztc-font-size-font-s15: 15px;
	--ztc-font-size-font-s16: 16px;
	--ztc-font-size-font-s18: 18px;
	--ztc-font-size-font-s20: 20px;
	--ztc-font-size-font-s22: 22px;
	--ztc-font-size-font-s24: 24px;
	--ztc-font-size-font-s26: 26px;
	--ztc-font-size-font-s28: 28px;
	--ztc-font-size-font-s30: 30px;
	--ztc-font-size-font-s32: 32px;
	--ztc-font-size-font-s34: 34px;
	--ztc-font-size-font-s36: 36px;
	--ztc-font-size-font-s38: 38px;
	--ztc-font-size-font-s40: 40px;
	--ztc-font-size-font-s42: 42px;
	--ztc-font-size-font-s44: 44px;
	--ztc-font-size-font-s46: 46px;
	--ztc-font-size-font-s48: 48px;
	--ztc-font-size-font-s50: 50px;
	--ztc-font-size-font-s52: 52px;
	--ztc-font-size-font-s54: 54px;
	--ztc-font-size-font-s56: 56px;
	--ztc-font-size-font-s58: 58px;
	--ztc-font-size-font-s60: 60px;
	--ztc-font-size-font-s62: 62px;
	--ztc-font-size-font-s64: 64px;
	--ztc-font-size-font-s66: 66px;
	--ztc-font-size-font-s68: 68px;
	--ztc-font-size-font-s70: 70px;
	--ztc-font-size-font-s72: 72px;
	--ztc-font-size-font-s74: 74px;
	--ztc-font-size-font-s76: 76px;
	--ztc-font-size-font-s78: 78px;
	--ztc-font-size-font-s80: 80px;
	--ztc-font-size-font-s82: 82px;
	--ztc-font-size-font-s84: 84px;
	--ztc-font-size-font-s86: 86px;
	--ztc-font-size-font-s88: 88px;
	--ztc-font-size-font-s90: 90px;
	--ztc-specing-height6: 6px;
	--ztc-specing-height8: 8px;
	--ztc-specing-height10: 10px;
	--ztc-specing-height12: 12px;
	--ztc-specing-height14: 114px;
	--ztc-specing-height16: 16px;
	--ztc-specing-height18: 18px;
	--ztc-specing-height20: 20px;
	--ztc-specing-height22: 22px;
	--ztc-specing-height24: 24px;
	--ztc-specing-height26: 26px;
	--ztc-specing-height28: 28px;
	--ztc-specing-height30: 30px;
	--ztc-specing-height32: 32px;
	--ztc-specing-height34: 34px;
	--ztc-specing-height36: 36px;
	--ztc-specing-height38: 38px;
	--ztc-specing-height40: 40px;
	--ztc-specing-height42: 42px;
	--ztc-specing-height44: 44px;
	--ztc-specing-height46: 46px;
	--ztc-specing-height48: 48px;
	--ztc-specing-height50: 50px;
	--ztc-specing-height52: 52px;
	--ztc-specing-height54: 54px;
	--ztc-specing-height56: 56px;
	--ztc-specing-height58: 58px;
	--ztc-specing-height60: 60px;
	--ztc-specing-height70: 70px;
	--ztc-specing-height80: 80px;
	--ztc-specing-height90: 90px;
	--ztc-specing-height100: 100px;
	--ztc-specing-height110: 110px;
	--ztc-specing-height120: 120px;
	--ztc-specing-height130: 130px;
	--ztc-weight-regular: 400;
	--ztc-weight-medium: 500;
	--ztc-weight-semibold: 600;
	--ztc-weight-bold: 700;
	--ztc-weight-black: 800;
	--ztc-family-font1: "Figtree", sans-serif;
	--ztc-family-font2: "Playfair", serif;
}

.headding h1 {
	font-size: var(--ztc-specing-height50);
	line-height: var(--ztc-specing-height58);
	color: var(--ztc-text-text-6);
	font-weight: var();
}

.btn-area .download-btn {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-bold);
	line-height: var(--ztc-font-size-font-s16);
	color: var(--ztc-text-text-3);
	display: inline-block;
	padding: 16px 24px;
	border-radius: 4px;
	position: relative;
	z-index: 1;
	transition: all 0.4s;
	margin-top: 32px;
	text-transform: uppercase;
	background: var(
		--Button-Gradient,
		/* linear-gradient(90deg, #2ce97a 0%, #d9d314 100%) */
			linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
}
.btn-area .download-btn img {
	margin: -11px 4px 0 0;
}
.btn-area .download-btn::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 0;
	left: 0;
	top: 0;
	z-index: -1;
	border-radius: 4px;
	transition: all 0.4s;
	background: var(
		--Button-Gradient,
		/* linear-gradient(90deg, #d9d314 0%, #2ce97a 90%) */
			linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
}
.btn-area .download-btn:hover {
	transform: translateY(-5px);
}
.btn-area .download-btn:hover::after {
	height: 100%;
	width: 100%;
	transition: all 0.4s;
}
.btn-area .play-btn {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-bold);
	line-height: var(--ztc-font-size-font-s16);
	background: var(
		--Button-Gradient,
		/* linear-gradient(90deg, #2ce97a 0%, #d9d314 100%) */
			linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	text-transform: uppercase;
	position: relative;
	margin: 30px 0 0 20px;
}
.btn-area .play-btn::before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 23%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 40px;
	height: 40px;
	background: var(
		--Button-Gradient,
		/* linear-gradient(90deg, #2ce97a 0%, #d9d314 100%) */
			linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	border-radius: 50%;
	animation: pulse-border 1500ms ease-out infinite;
}
.btn-area .play-btn .after {
	content: "";
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 60px;
	height: 60px;
	background: #6a26dd;
	border-radius: 50%;
	transition: all 200ms;
}
@media (max-width: 767px) {
	.btn-area .play-btn {
		margin: 30px 0 0 0;
	}
}
.btn-area .play-btn span {
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	background: var(
		--Button-Gradient,
		/* linear-gradient(90deg, #2ce97a 0%, #d9d314 100%) */
			linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	display: inline-block;
	color: var(--ztc-text-text-3);
	position: absolute;
	left: 16px;
	top: 16px;
}
.btn-area .play-btn span svg {
	margin-left: 12px;
}
.btn-area .play-btn2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-bold);
	line-height: var(--ztc-font-size-font-s16);
	background: var(
		--Button-Gradient,
		/* linear-gradient(90deg, #2ce97a 0%, #d9d314 100%) */
			linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	text-transform: uppercase;
	position: relative;
	margin: 0 30px 20px 0;
}
.btn-area .play-btn2::before {
	content: "";
	position: absolute;
	z-index: 0;
	right: -3px;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 40px;
	height: 40px;
	background: var(
		--Button-Gradient,
		/* linear-gradient(90deg, #2ce97a 0%, #d9d314 100%) */
			linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	border-radius: 50%;
	animation: pulse-border 1500ms ease-out infinite;
}
.btn-area .play-btn2 .after {
	content: "";
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 60px;
	height: 60px;
	background: #6a26dd;
	border-radius: 50%;
	transition: all 200ms;
}
@media (max-width: 767px) {
	.btn-area .play-btn2 {
		margin: 30px 0 0 0;
	}
}
.btn-area .play-btn2 img {
	transform: rotate(180deg);
}
.btn-area .play-btn2 span {
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	background: var(
		--Button-Gradient,
		/* linear-gradient(90deg, #2ce97a 0%, #d9d314 100%) */
			linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	display: inline-block;
	color: var(--ztc-text-text-3);
	position: absolute;
	right: 16px;
	top: 16px;
}
.btn-area .play-btn2 span svg {
	margin-right: 10px;
}

.btn-area .download-btn1 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-bold);
	line-height: var(--ztc-font-size-font-s16);
	color: var(--ztc-text-text-1);
	display: inline-block;
	padding: 16px 24px;
	border-radius: 4px;
	position: relative;
	z-index: 1;
	transition: all 0.4s;
	margin-top: 32px;
	text-transform: uppercase;
	background: var(--ztc-bg-main-bg);
}
.btn-area .download-btn1 img {
	margin: -11px 4px 0 0;
	filter: brightness(0) invert(1);
}
.btn-area .download-btn1::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 0;
	left: 0;
	top: 0;
	z-index: -1;
	border-radius: 4px;
	transition: all 0.4s;
	background: var(--ztc-bg-main-bg2);
}
.btn-area .download-btn1:hover {
	transform: translateY(-5px);
}
.btn-area .download-btn1:hover::after {
	height: 100%;
	width: 100%;
	transition: all 0.4s;
}
.btn-area .play-btn1 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-bold);
	line-height: var(--ztc-font-size-font-s16);
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	text-transform: uppercase;
	position: relative;
	margin: 30px 0 0 20px;
}
.btn-area .play-btn1::before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 23%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 40px;
	height: 40px;
	background: var(--ztc-bg-main-bg);
	border-radius: 50%;
	animation: pulse-border 1500ms ease-out infinite;
}
.btn-area .play-btn1 .after {
	content: "";
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 60px;
	height: 60px;
	background: #6a26dd;
	border-radius: 50%;
	transition: all 200ms;
}
@media (max-width: 767px) {
	.btn-area .play-btn1 {
		margin: 30px 0 0 0;
	}
}
.btn-area .play-btn1 span {
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	background: var(--ztc-bg-main-bg);
	display: inline-block;
	color: var(--ztc-text-text-3);
	position: absolute;
	left: 16px;
	top: 16px;
}
.btn-area .play-btn1 span svg {
	margin-left: 12px;
	color: var(--ztc-text-text-1);
}

.play-btn3 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-bold);
	line-height: var(--ztc-font-size-font-s16);
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	text-transform: uppercase;
	position: relative;
	margin: 30px 0 0 20px;
}
.play-btn3::before {
	content: "";
	position: absolute;
	z-index: 0;
	right: -3px;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 40px;
	height: 40px;
	background: var(--ztc-bg-main-bg);
	border-radius: 50%;
	animation: pulse-border 1500ms ease-out infinite;
}
.play-btn3 .after {
	content: "";
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 60px;
	height: 60px;
	background: #6a26dd;
	border-radius: 50%;
	transition: all 200ms;
}
@media (max-width: 767px) {
	.play-btn3 {
		margin: 30px 0 0 0;
	}
}
.play-btn3 img {
	transform: rotate(180deg);
}
.play-btn3 span {
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	background: var(--ztc-bg-main-bg);
	display: inline-block;
	color: var(--ztc-text-text-3);
	position: absolute;
	right: 16px;
	top: 16px;
}
.play-btn3 span svg {
	margin-right: 12px;
	color: var(--ztc-text-text-1);
}

.sp1 {
	padding: 100px 0;
}
@media (max-width: 767px) {
	.sp1 {
		padding: 50px 0 50px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.sp1 {
		padding: 50px 0 50px;
	}
}

.sp2 {
	padding: 100px 0 70px;
}
@media (max-width: 767px) {
	.sp2 {
		padding: 50px 0 20px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.sp2 {
		padding: 50px 0 20px;
	}
}

.sp3 {
	padding: 100px 0 50px;
}

.sp4 {
	padding: 80px 0 80px;
}
@media (max-width: 767px) {
	.sp4 {
		padding: 40px 0 40px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.sp4 {
		padding: 40px 0 40px;
	}
}

.sp5 {
	padding: 70px 0 70px;
}
@media (max-width: 767px) {
	.sp5 {
		padding: 40px 0 40px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.sp5 {
		padding: 40px 0 40px;
	}
}

.sp6 {
	padding: 120px 0 120px;
}
@media (max-width: 767px) {
	.sp6 {
		padding: 60px 0 60px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.sp6 {
		padding: 60px 0 60px;
	}
}

/* ============= MOBILE_MENU AREA STARTS =============== */
.homepage1-body .mobile-header.mobile-haeder1 {
	background: var(--ztc-bg-bg-2);
	position: fixed;
}
.homepage1-body
	.mobile-header.mobile-haeder1
	.mobile-header-elements
	.mobile-logo {
	height: 50px;
	width: 140px;
	-o-object-fit: cover;
	object-fit: cover;
}
.homepage1-body
	.mobile-header.mobile-haeder1
	.mobile-header-elements
	.mobile-nav-icon {
	color: var(--ztc-text-text-1);
}
.homepage1-body .mobile-sidebar.mobile-sidebar1 {
	background: var(--ztc-text-text-3);
}
.homepage1-body .mobile-sidebar.mobile-sidebar1 .menu-close {
	color: var(--ztc-text-text-1);
}
.homepage1-body
	.mobile-sidebar.mobile-sidebar1
	.mobile-nav.mobile-nav1
	ul
	li
	a {
	color: var(--ztc-text-text-1);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
}
.homepage1-body
	.mobile-sidebar.mobile-sidebar1
	.mobile-nav.mobile-nav1
	.download-btn {
	width: 100%;
	text-align: center;
}
.homepage1-body .mobile-sidebar.mobile-sidebar1 .mobile-nav.mobile-nav1 h3 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-semibold);
	color: var(--ztc-text-text-1);
	line-height: var(--ztc-font-size-font-s24);
	margin-top: 20px;
	margin-bottom: 24px;
	text-transform: uppercase;
}
.homepage1-body
	.mobile-sidebar.mobile-sidebar1
	.mobile-nav.mobile-nav1
	.contact-info-single {
	display: flex;
	margin-top: 12px;
}
.homepage1-body
	.mobile-sidebar.mobile-sidebar1
	.mobile-nav.mobile-nav1
	.contact-info-single
	a {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	margin-left: 6px;
}
.homepage1-body
	.mobile-sidebar.mobile-sidebar1
	.mobile-nav.mobile-nav1
	.contact-info-single
	svg {
	color: var(--ztc-text-text-1);
}
.homepage1-body
	.mobile-sidebar.mobile-sidebar1
	.mobile-nav.mobile-nav1
	.social-links-mobile-menu
	ul
	li {
	display: inline-block;
}
.homepage1-body
	.mobile-sidebar.mobile-sidebar1
	.mobile-nav.mobile-nav1
	.social-links-mobile-menu
	ul
	li
	a {
	display: inline-block;
	height: 40px;
	width: 40px;
	text-align: center;
	border-radius: 50%;
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	color: var(--ztc-text-text-3);
}

@media (max-width: 767px) {
	.cursor {
		display: none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cursor {
		display: none;
	}
}

.homepage2-body .mobile-header.mobile-haeder1 {
	background: var(--ztc-text-text-1);
	position: fixed;
}
.homepage2-body
	.mobile-header.mobile-haeder1
	.mobile-header-elements
	.mobile-logo {
	height: 50px;
	width: 140px;
	-o-object-fit: cover;
	object-fit: cover;
}
.homepage2-body .mobile-sidebar.mobile-sidebar1 {
	background: var(--ztc-text-text-3);
}
.homepage2-body .mobile-sidebar.mobile-sidebar1 .menu-close {
	color: var(--ztc-text-text-1);
}
.homepage2-body
	.mobile-sidebar.mobile-sidebar1
	.mobile-nav.mobile-nav1
	ul
	li
	a {
	color: var(--ztc-text-text-1);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
}
.homepage2-body
	.mobile-sidebar.mobile-sidebar1
	.mobile-nav.mobile-nav1
	.download-btn1 {
	width: 100%;
	text-align: center;
}
.homepage2-body .mobile-sidebar.mobile-sidebar1 .mobile-nav.mobile-nav1 h3 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-semibold);
	color: var(--ztc-text-text-1);
	line-height: var(--ztc-font-size-font-s24);
	margin-top: 20px;
	margin-bottom: 24px;
	text-transform: uppercase;
}
.homepage2-body
	.mobile-sidebar.mobile-sidebar1
	.mobile-nav.mobile-nav1
	.contact-info-single {
	display: flex;
	margin-top: 12px;
}
.homepage2-body
	.mobile-sidebar.mobile-sidebar1
	.mobile-nav.mobile-nav1
	.contact-info-single
	a {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	margin-left: 6px;
}
.homepage2-body
	.mobile-sidebar.mobile-sidebar1
	.mobile-nav.mobile-nav1
	.contact-info-single
	svg {
	color: var(--ztc-text-text-1);
}
.homepage2-body
	.mobile-sidebar.mobile-sidebar1
	.mobile-nav.mobile-nav1
	.social-links-mobile-menu
	ul
	li {
	display: inline-block;
}
.homepage2-body
	.mobile-sidebar.mobile-sidebar1
	.mobile-nav.mobile-nav1
	.social-links-mobile-menu
	ul
	li
	a {
	display: inline-block;
	height: 40px;
	width: 40px;
	text-align: center;
	border-radius: 50%;
	background: var(--ztc-bg-main-bg);
	color: var(--ztc-text-text-1);
}
@media (max-width: 767px) {
	.homepage2-body .cursor {
		display: none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .cursor {
		display: none;
	}
}

.homepage1-body.rtl1-body .mobile-header.mobile-haeder1 {
	background: var(--ztc-bg-bg-2);
	position: fixed;
}
.homepage1-body.rtl1-body
	.mobile-header.mobile-haeder1
	.mobile-header-elements
	.mobile-logo {
	height: 50px;
	width: 140px;
	-o-object-fit: cover;
	object-fit: cover;
}
.homepage1-body.rtl1-body
	.mobile-header.mobile-haeder1
	.mobile-header-elements
	.mobile-nav-icon {
	color: var(--ztc-text-text-1);
}
.homepage1-body.rtl1-body .mobile-sidebar.mobile-sidebar1 {
	background: var(--ztc-text-text-3);
}
.homepage1-body.rtl1-body .mobile-sidebar.mobile-sidebar1 .menu-close {
	color: var(--ztc-text-text-1);
	left: 20px;
	right: inherit;
}
.homepage1-body.rtl1-body
	.mobile-sidebar.mobile-sidebar1
	.mobile-nav.mobile-nav1
	ul
	li
	a {
	color: var(--ztc-text-text-1);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
}
.homepage1-body.rtl1-body
	.mobile-sidebar.mobile-sidebar1
	.mobile-nav.mobile-nav1
	.download-btn {
	width: 100%;
	text-align: center;
}
.homepage1-body.rtl1-body
	.mobile-sidebar.mobile-sidebar1
	.mobile-nav.mobile-nav1
	h3 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-semibold);
	color: var(--ztc-text-text-1);
	line-height: var(--ztc-font-size-font-s24);
	margin-top: 20px;
	margin-bottom: 24px;
	text-transform: uppercase;
}
.homepage1-body.rtl1-body
	.mobile-sidebar.mobile-sidebar1
	.mobile-nav.mobile-nav1
	.contact-info-single {
	display: flex;
	margin-top: 12px;
}
.homepage1-body.rtl1-body
	.mobile-sidebar.mobile-sidebar1
	.mobile-nav.mobile-nav1
	.contact-info-single
	a {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	margin-right: 6px;
}
.homepage1-body.rtl1-body
	.mobile-sidebar.mobile-sidebar1
	.mobile-nav.mobile-nav1
	.contact-info-single
	svg {
	color: var(--ztc-text-text-1);
}
.homepage1-body.rtl1-body
	.mobile-sidebar.mobile-sidebar1
	.mobile-nav.mobile-nav1
	.social-links-mobile-menu
	ul
	li {
	display: inline-block;
}
.homepage1-body.rtl1-body
	.mobile-sidebar.mobile-sidebar1
	.mobile-nav.mobile-nav1
	.social-links-mobile-menu
	ul
	li
	a {
	display: inline-block;
	height: 40px;
	width: 40px;
	text-align: center;
	border-radius: 50%;
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	color: var(--ztc-text-text-3);
}

.homepage2-body.rtl2-body .mobile-header.mobile-haeder1 {
	background: var(--ztc-text-text-1);
	position: fixed;
}
.homepage2-body.rtl2-body
	.mobile-header.mobile-haeder1
	.mobile-header-elements
	.mobile-logo {
	height: 50px;
	width: 140px;
	-o-object-fit: cover;
	object-fit: cover;
}
.homepage2-body.rtl2-body .mobile-sidebar.mobile-sidebar1 {
	background: var(--ztc-text-text-3);
}
.homepage2-body.rtl2-body .mobile-sidebar.mobile-sidebar1 .menu-close {
	color: var(--ztc-text-text-1);
	left: 20px;
	right: inherit;
}
.homepage2-body.rtl2-body
	.mobile-sidebar.mobile-sidebar1
	.mobile-nav.mobile-nav1
	ul
	li
	a {
	color: var(--ztc-text-text-1);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
}
.homepage2-body.rtl2-body
	.mobile-sidebar.mobile-sidebar1
	.mobile-nav.mobile-nav1
	.download-btn1 {
	width: 100%;
	text-align: center;
}
.homepage2-body.rtl2-body
	.mobile-sidebar.mobile-sidebar1
	.mobile-nav.mobile-nav1
	h3 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-semibold);
	color: var(--ztc-text-text-1);
	line-height: var(--ztc-font-size-font-s24);
	margin-top: 20px;
	margin-bottom: 24px;
	text-transform: uppercase;
}
.homepage2-body.rtl2-body
	.mobile-sidebar.mobile-sidebar1
	.mobile-nav.mobile-nav1
	.contact-info-single {
	display: flex;
	margin-top: 12px;
}
.homepage2-body.rtl2-body
	.mobile-sidebar.mobile-sidebar1
	.mobile-nav.mobile-nav1
	.contact-info-single
	a {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	margin-right: 6px;
}
.homepage2-body.rtl2-body
	.mobile-sidebar.mobile-sidebar1
	.mobile-nav.mobile-nav1
	.contact-info-single
	svg {
	color: var(--ztc-text-text-1);
}
.homepage2-body.rtl2-body
	.mobile-sidebar.mobile-sidebar1
	.mobile-nav.mobile-nav1
	.social-links-mobile-menu
	ul
	li {
	display: inline-block;
}
.homepage2-body.rtl2-body
	.mobile-sidebar.mobile-sidebar1
	.mobile-nav.mobile-nav1
	.social-links-mobile-menu
	ul
	li
	a {
	display: inline-block;
	height: 40px;
	width: 40px;
	text-align: center;
	border-radius: 50%;
	background: var(--ztc-bg-main-bg);
	color: var(--ztc-text-text-1);
}

/* ============= MOBILE_MENU AREA ENDS =============== */
/* ============= SERVICE AREA STARTS =============== */
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.homepage1-body {
		overflow-x: hidden !important;
		overflow-y: scroll !important;
	}
}
.homepage1-body .service1-section-area {
	position: relative;
	z-index: 1;
}
.homepage1-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading {
	margin-bottom: 65px;
}
@media (max-width: 767px) {
	.homepage1-body
		.service1-section-area
		.service-header-area
		.pbmit-heading-subheading {
		text-align: center;
	}
}
.homepage1-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	margin-bottom: 32px;
}
.homepage1-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	h4
	img {
	margin: 0 4px 0 0;
}
.homepage1-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage1-body
		.service1-section-area
		.service-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s40);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.service1-section-area
		.service-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage1-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	.designer {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	line-height: var(--ztc-font-size-font-s48);
	color: transparent;
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-1);
}
@media (max-width: 767px) {
	.homepage1-body
		.service1-section-area
		.service-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s32);
		display: block;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.service1-section-area
		.service-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage1-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	span.marketer {
	margin-top: 16px;
	background: var(
		--Button-Gradient,
		/* linear-gradient(90deg, #2ce97a 0%, #d9d314 100%) */
			linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: relative;
	border-radius: 4px;
	right: -14px;
}
@media (max-width: 767px) {
	.homepage1-body
		.service1-section-area
		.service-header-area
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s30);
		padding: 16px;
		margin-top: 20px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.service1-section-area
		.service-header-area
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		padding: 16px;
		margin-top: 10px;
	}
}
.homepage1-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-bg-bg-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-1);
	border-radius: 4px;
}
.homepage1-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.homepage1-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.homepage1-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.homepage1-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
.homepage1-body .service1-section-area .service-boxs-area {
	position: relative;
	left: 100px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.homepage1-body .service1-section-area .service-boxs-area {
		margin-left: 70px;
	}
}
@media (max-width: 767px) {
	.homepage1-body .service1-section-area .service-boxs-area {
		left: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body .service1-section-area .service-boxs-area {
		left: 0;
	}
}
.homepage1-body .service1-section-area .service-boxs-area .star2 {
	position: absolute;
	left: 37%;
	top: 57%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body .service1-section-area .service-boxs-area .star2 {
		top: 41%;
		left: 37%;
	}
}
.homepage1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box1 {
	left: -110px;
	left: 65px;
}
@media (max-width: 767px) {
	.homepage1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box1
		.content {
		right: 0 !important;
		left: 0 !important;
	}
}
.homepage1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box1
	.content
	p {
	color: var(--ztc-text-text-3) !important;
}
@media (max-width: 767px) {
	.homepage1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box1
		.content
		p {
		left: 0 inherit;
	}
}
.homepage1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box1
	.content
	.icons {
	background: none !important;
}
@media (max-width: 767px) {
	.homepage1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box1
		.content
		.icons {
		position: relative;
		left: 40%;
		right: 50%;
	}
}
@media (max-width: 767px) {
	.homepage1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box1
		.content
		.icons
		img {
		height: 50px;
		width: 50px;
	}
}
@media (max-width: 767px) {
	.homepage1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box1 {
		position: relative;
		top: 0;
		left: -20px !important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box1 {
		position: relative;
		top: 0;
		left: 0;
	}
}
.homepage1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box2 {
	position: absolute !important;
	margin-top: -366px;
	left: 48%;
	z-index: 4;
}
@media (max-width: 767px) {
	.homepage1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box2 {
		position: absolute !important;
		margin-top: 0;
		top: 0;
		right: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box2 {
		position: relative !important;
		top: 21%;
		left: 50%;
	}
}
.homepage1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box2
	.content
	p {
	position: relative;
	left: -75px !important;
}
.homepage1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box3 {
	position: absolute;
	left: 66%;
	margin-top: -70px;
	z-index: 4;
}
@media (max-width: 767px) {
	.homepage1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box3 {
		position: relative;
		margin-top: 0;
		left: 75px;
		top: -35px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box3 {
		position: relative;
		margin-top: 60px;
		left: 0;
	}
}
.homepage1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box3
	p {
	position: relative;
	left: -60px !important;
}
@media (max-width: 767px) {
	.homepage1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box3
		p {
		left: -70px !important;
	}
}
.homepage1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box4 {
	position: relative;
	left: 47%;
	z-index: 4;
	top: 225px;
}
@media (max-width: 767px) {
	.homepage1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box4 {
		position: relative;
		margin-top: 0;
		left: -20px;
		top: -70px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box4 {
		position: absolute !important;
		left: 50%;
		top: 36%;
	}
}
.homepage1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box4
	p {
	position: relative;
	left: -55px !important;
}
@media (max-width: 767px) {
	.homepage1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box4
		p {
		left: -70px !important;
	}
}
.homepage1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box5 {
	position: absolute;
	margin-top: -138px;
	left: 8%;
	z-index: 4;
}
@media (max-width: 767px) {
	.homepage1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box5 {
		position: absolute;
		margin-top: 0;
		bottom: 0;
		left: 49%;
		top: 48%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box5 {
		position: relative;
		margin-top: 30px;
		left: 0;
	}
}
.homepage1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box5
	p {
	position: relative;
	left: -75px !important;
}
.homepage1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box6 {
	position: relative;
	margin-top: -435px;
	left: -11%;
	z-index: 4;
}
@media (max-width: 767px) {
	.homepage1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box6 {
		position: relative;
		left: 80px;
		margin-top: -110px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box6 {
		position: relative;
		top: 0;
		left: 50%;
		margin-top: -366px;
	}
}
.homepage1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box6
	p {
	position: relative;
	left: -60px !important;
}
.homepage1-body .service1-section-area .service-boxs-area .service-author-box {
	position: relative;
	z-index: 1;
	height: 365px;
	width: 365px;
	background-size: contain !important;
}
@media (max-width: 767px) {
	.homepage1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box {
		width: 200px !important;
		height: 200px !important;
		-o-object-fit: contain;
		object-fit: contain;
		overflow: hidden;
	}
}
.homepage1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box:hover
	.polygon2 {
	visibility: visible;
	opacity: 1;
	transition: all 0.4s;
}
.homepage1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box:hover
	.content
	p {
	color: var(--ztc-text-text-3);
	transition: all 0.4s;
}
.homepage1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box:hover
	.content
	.icons {
	background: var(--ztc-bg-bg6);
	transition: all 0.4s;
}
.homepage1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box:hover
	.content
	.icons
	img {
	filter: brightness(0);
	transition: all 0.4s;
}
.homepage1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box
	.polygon2 {
	position: absolute;
	left: 23px;
	visibility: visible;
	opacity: 0;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box
		.polygon2 {
		left: 0;
		height: 200px;
		width: 200px;
		-o-object-fit: contain;
		object-fit: contain;
	}
}
.homepage1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box
	.content {
	position: relative;
	z-index: 3;
	top: 30%;
	left: 37%;
	right: 39%;
}
.homepage1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box
	.content
	.icons {
	height: 92px;
	width: 92px;
	text-align: center;
	line-height: 92px;
	background: var(--ztc-bg-bg-5);
	border-radius: 4px;
	display: inline-block;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box
		.content
		.icons {
		height: 50px;
		width: 50px;
		text-align: center;
		line-height: 50px;
	}
}
.homepage1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box
	.content
	.icons
	img {
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box
		.content
		.icons
		img {
		height: 32px;
		width: 32px;
	}
}
.homepage1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box
	.content
	p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s28);
	line-height: var(--ztc-font-size-font-s28);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	margin-top: 32px;
	text-transform: uppercase;
	position: relative;
	left: -45px;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box
		.content
		p {
		font-size: var(--ztc-font-size-font-s16);
		line-height: var(--ztc-font-size-font-s16);
		text-align: center;
		left: inherit;
		margin: 0 auto;
		margin-top: 18px;
	}
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.homepage2-body {
		overflow-x: hidden !important;
		overflow-y: scroll !important;
	}
}
.homepage2-body .service1-section-area {
	position: relative;
	z-index: 1;
}
.homepage2-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading {
	margin-bottom: 65px;
}
@media (max-width: 767px) {
	.homepage2-body
		.service1-section-area
		.service-header-area
		.pbmit-heading-subheading {
		text-align: center;
	}
}
.homepage2-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	margin-bottom: 32px;
}
.homepage2-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	h4
	img {
	margin: 0 4px 0 0;
}
.homepage2-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-3);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage2-body
		.service1-section-area
		.service-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s40);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.service1-section-area
		.service-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage2-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	.designer {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-3);
	font-weight: var(--ztc-weight-semibold);
	padding-left: 60px;
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-3);
}
@media (max-width: 767px) {
	.homepage2-body
		.service1-section-area
		.service-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s30);
		padding-left: 0;
		display: block;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.service1-section-area
		.service-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
		padding-left: 0;
	}
}
.homepage2-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	span.marketer {
	margin-top: 16px;
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: relative;
	border-radius: 4px;
	right: -14px;
}
@media (max-width: 767px) {
	.homepage2-body
		.service1-section-area
		.service-header-area
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		font-size: var(--ztc-font-size-font-s32);
		line-height: var(--ztc-font-size-font-s42);
		padding: 16px;
		margin-top: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.service1-section-area
		.service-header-area
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		padding: 16px;
		margin-top: 10px;
	}
}
.homepage2-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-text-text-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-6);
	border-radius: 4px;
}
.homepage2-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.homepage2-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.homepage2-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.homepage2-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
.homepage2-body .service1-section-area .service-boxs-area {
	position: relative;
	left: 100px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.homepage2-body .service1-section-area .service-boxs-area {
		margin-left: 70px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .service1-section-area .service-boxs-area {
		left: 0;
	}
}
@media (max-width: 767px) {
	.homepage2-body .service1-section-area .service-boxs-area {
		left: 0;
	}
}
.homepage2-body .service1-section-area .service-boxs-area .star2 {
	position: absolute;
	left: 37%;
	top: 57%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .service1-section-area .service-boxs-area .star2 {
		top: 41%;
		left: 37%;
	}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.homepage2-body .service1-section-area .service-boxs-area .star2 {
		left: 37%;
	}
}
.homepage2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box1 {
	left: 65px;
}
.homepage2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box1:hover
	.icons
	img {
	filter: none !important;
}
@media (max-width: 767px) {
	.homepage2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box1
		.content {
		right: 0 !important;
		left: 0 !important;
	}
}
.homepage2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box1
	.content
	p {
	color: var(--ztc-text-text-1) !important;
}
@media (max-width: 767px) {
	.homepage2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box1
		.content
		p {
		left: 0 inherit;
	}
}
.homepage2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box1
	.content
	.icons {
	background: none !important;
}
@media (max-width: 767px) {
	.homepage2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box1
		.content
		.icons {
		position: relative;
		left: 40%;
		right: 50%;
	}
}
@media (max-width: 767px) {
	.homepage2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box1
		.content
		.icons
		img {
		height: 50px;
		width: 50px;
	}
}
@media (max-width: 767px) {
	.homepage2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box1 {
		position: relative;
		top: 0;
		left: -20px !important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box1 {
		position: relative;
		top: 0;
		left: 0;
	}
}
.homepage2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box2 {
	position: absolute !important;
	margin-top: -366px;
	left: 48%;
	z-index: 4;
}
@media (max-width: 767px) {
	.homepage2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box2 {
		position: absolute !important;
		margin-top: 0;
		top: 0;
		right: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box2 {
		position: relative !important;
		top: 21%;
		left: 50%;
	}
}
.homepage2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box2
	.content
	p {
	position: relative;
	left: -75px !important;
}
.homepage2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box3 {
	position: absolute;
	left: 66%;
	margin-top: -70px;
	z-index: 4;
}
@media (max-width: 767px) {
	.homepage2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box3 {
		position: relative;
		margin-top: 0;
		left: 75px;
		top: -35px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box3 {
		position: relative;
		margin-top: 60px;
		left: 0;
	}
}
.homepage2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box3
	p {
	position: relative;
	left: -60px !important;
}
@media (max-width: 767px) {
	.homepage2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box3
		p {
		left: -70px !important;
	}
}
.homepage2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box4 {
	position: relative;
	left: 47%;
	z-index: 4;
	top: 225px;
}
@media (max-width: 767px) {
	.homepage2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box4 {
		position: relative;
		margin-top: 0;
		left: -20px;
		top: -70px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box4 {
		position: absolute !important;
		left: 50%;
		top: 36%;
	}
}
.homepage2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box4
	p {
	position: relative;
	left: -55px !important;
}
@media (max-width: 767px) {
	.homepage2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box4
		p {
		left: -70px !important;
	}
}
.homepage2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box5 {
	position: absolute;
	margin-top: -138px;
	left: 8%;
	z-index: 4;
}
@media (max-width: 767px) {
	.homepage2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box5 {
		position: absolute;
		margin-top: 0;
		bottom: 0;
		left: 49%;
		top: 48%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box5 {
		position: relative;
		margin-top: 30px;
		left: 0;
	}
}
.homepage2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box5
	p {
	position: relative;
	left: -75px !important;
}
.homepage2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box6 {
	position: relative;
	margin-top: -435px;
	left: -11%;
	z-index: 4;
}
@media (max-width: 767px) {
	.homepage2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box6 {
		position: relative;
		left: 80px;
		margin-top: -110px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box6 {
		position: relative;
		top: 0;
		left: 50%;
		margin-top: -366px;
	}
}
.homepage2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box6
	p {
	position: relative;
	left: -60px !important;
}
.homepage2-body .service1-section-area .service-boxs-area .service-author-box {
	position: relative;
	z-index: 1;
	height: 365px;
	width: 365px;
}
@media (max-width: 767px) {
	.homepage2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box {
		width: 200px !important;
		height: 200px !important;
		-o-object-fit: contain;
		object-fit: contain;
		overflow: hidden;
	}
}
.homepage2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box:hover
	.polygon2 {
	visibility: visible;
	opacity: 1;
	transition: all 0.4s;
}
.homepage2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box:hover
	.content
	p {
	color: var(--ztc-text-text-1) !important;
	transition: all 0.4s;
}
.homepage2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box:hover
	.content
	.icons {
	background: var(--ztc-bg-bg15);
	transition: all 0.4s;
}
.homepage2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box:hover
	.content
	.icons
	img {
	filter: brightness(0) invert(1);
	transition: all 0.4s;
}
.homepage2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box
	.polygon2 {
	position: absolute;
	left: 25px;
	top: 2px;
	visibility: visible;
	opacity: 0;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box
		.polygon2 {
		left: 0;
		height: 200px;
		width: 200px;
		-o-object-fit: contain;
		object-fit: contain;
	}
}
.homepage2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box
	.content {
	position: relative;
	z-index: 3;
	top: 30%;
	left: 37%;
	right: 39%;
}
.homepage2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box
	.content
	.icons {
	height: 92px;
	width: 92px;
	text-align: center;
	line-height: 92px;
	background: var(--ztc-bg-bg16);
	border-radius: 4px;
	display: inline-block;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box
		.content
		.icons {
		height: 50px;
		width: 50px;
		text-align: center;
		line-height: 50px;
	}
}
.homepage2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box
	.content
	.icons
	img {
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box
		.content
		.icons
		img {
		height: 32px;
		width: 32px;
	}
}
.homepage2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box
	.content
	p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s28);
	line-height: var(--ztc-font-size-font-s28);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-3);
	margin-top: 32px;
	text-transform: uppercase;
	position: relative;
	left: -45px;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box
		.content
		p {
		font-size: var(--ztc-font-size-font-s16);
		line-height: var(--ztc-font-size-font-s16);
		text-align: center;
		left: inherit;
		margin: 0 auto;
		margin-top: 18px;
	}
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.homepage1-body.rtl1-body {
		overflow-x: hidden !important;
		overflow-y: scroll !important;
	}
}
.homepage1-body.rtl1-body .service1-section-area {
	position: relative;
	z-index: 1;
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading {
	margin-bottom: 65px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.service1-section-area
		.service-header-area
		.pbmit-heading-subheading {
		text-align: center;
	}
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	margin-bottom: 32px;
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	h4
	img {
	margin: 0 0 0 4px;
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.service1-section-area
		.service-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s40);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.service1-section-area
		.service-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	.designer {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	line-height: var(--ztc-font-size-font-s48);
	color: transparent;
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-1);
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.service1-section-area
		.service-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s32);
		display: block;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.service1-section-area
		.service-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	span.marketer {
	margin-top: 16px;
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: relative;
	border-radius: 4px;
	left: -14px;
	right: inherit;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.service1-section-area
		.service-header-area
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s30);
		padding: 16px;
		margin-top: 20px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.service1-section-area
		.service-header-area
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		padding: 16px;
		margin-top: 10px;
	}
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-bg-bg-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-1);
	border-radius: 4px;
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
.homepage1-body.rtl1-body .service1-section-area .service-boxs-area {
	position: relative;
	right: 100px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.homepage1-body.rtl1-body .service1-section-area .service-boxs-area {
		margin-right: 70px;
	}
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .service1-section-area .service-boxs-area {
		right: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body .service1-section-area .service-boxs-area {
		right: 0;
	}
}
.homepage1-body.rtl1-body .service1-section-area .service-boxs-area .star2 {
	position: absolute;
	right: 37%;
	top: 57%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body .service1-section-area .service-boxs-area .star2 {
		top: 41%;
		right: 37%;
	}
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box1 {
	right: -110px;
	right: 65px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box1
		.content {
		right: 0 !important;
		right: 0 !important;
	}
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box1
	.content
	p {
	color: var(--ztc-text-text-3) !important;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box1
		.content
		p {
		right: 0 inherit;
	}
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box1
	.content
	.icons {
	background: none !important;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box1
		.content
		.icons {
		position: relative;
		right: 40%;
		left: 50%;
	}
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box1
		.content
		.icons
		img {
		height: 50px;
		width: 50px;
	}
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box1 {
		position: relative;
		top: 0;
		right: -20px !important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box1 {
		position: relative;
		top: 0;
		right: 0;
	}
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box2 {
	position: absolute !important;
	margin-top: -366px;
	right: 48%;
	z-index: 4;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box2 {
		position: absolute !important;
		margin-top: 0;
		top: 0;
		left: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box2 {
		position: relative !important;
		top: 21%;
		right: 50%;
	}
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box2
	.content
	p {
	position: relative;
	right: -75px !important;
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box3 {
	position: absolute;
	right: 66%;
	margin-top: -70px;
	z-index: 4;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box3 {
		position: relative;
		margin-top: 0;
		right: 75px;
		top: -35px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box3 {
		position: relative;
		margin-top: 60px;
		right: 0;
	}
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box3
	p {
	position: relative;
	right: -60px !important;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box3
		p {
		right: -70px !important;
	}
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box4 {
	position: relative;
	right: 47%;
	z-index: 4;
	top: 225px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box4 {
		position: relative;
		margin-top: 0;
		right: -20px;
		top: -70px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box4 {
		position: absolute !important;
		right: 50%;
		top: 36%;
	}
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box4
	p {
	position: relative;
	right: -55px !important;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box4
		p {
		right: -70px !important;
	}
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box5 {
	position: absolute;
	margin-top: -138px;
	right: 8%;
	z-index: 4;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box5 {
		position: absolute;
		margin-top: 0;
		bottom: 0;
		right: 49%;
		top: 48%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box5 {
		position: relative;
		margin-top: 30px;
		right: 0;
	}
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box5
	p {
	position: relative;
	right: -75px !important;
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box6 {
	position: relative;
	margin-top: -435px;
	right: -11%;
	z-index: 4;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box6 {
		position: relative;
		right: 80px;
		margin-top: -110px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box6 {
		position: relative;
		top: 0;
		right: 50%;
		margin-top: -366px;
	}
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box6
	p {
	position: relative;
	right: -60px !important;
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box {
	position: relative;
	z-index: 1;
	height: 365px;
	width: 365px;
	background-size: contain !important;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box {
		width: 200px !important;
		height: 200px !important;
		-o-object-fit: contain;
		object-fit: contain;
		overflow: hidden;
	}
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box:hover
	.polygon2 {
	visibility: visible;
	opacity: 1;
	transition: all 0.4s;
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box:hover
	.content
	p {
	color: var(--ztc-text-text-3);
	transition: all 0.4s;
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box:hover
	.content
	.icons {
	background: var(--ztc-bg-bg6);
	transition: all 0.4s;
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box:hover
	.content
	.icons
	img {
	filter: brightness(0);
	transition: all 0.4s;
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box
	.polygon2 {
	position: absolute;
	right: 23px;
	visibility: visible;
	opacity: 0;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box
		.polygon2 {
		right: 0;
		height: 200px;
		width: 200px;
		-o-object-fit: contain;
		object-fit: contain;
	}
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box
	.content {
	position: relative;
	z-index: 3;
	top: 30%;
	right: 37%;
	left: 39%;
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box
	.content
	.icons {
	height: 92px;
	width: 92px;
	text-align: center;
	line-height: 92px;
	background: var(--ztc-bg-bg-5);
	border-radius: 4px;
	display: inline-block;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box
		.content
		.icons {
		height: 50px;
		width: 50px;
		text-align: center;
		line-height: 50px;
	}
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box
	.content
	.icons
	img {
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box
		.content
		.icons
		img {
		height: 32px;
		width: 32px;
	}
}
.homepage1-body.rtl1-body
	.service1-section-area
	.service-boxs-area
	.service-author-box
	.content
	p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s28);
	line-height: var(--ztc-font-size-font-s28);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	margin-top: 32px;
	text-transform: uppercase;
	position: relative;
	right: -45px;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.service1-section-area
		.service-boxs-area
		.service-author-box
		.content
		p {
		font-size: var(--ztc-font-size-font-s16);
		line-height: var(--ztc-font-size-font-s16);
		text-align: center;
		right: inherit;
		margin: 0 auto;
		margin-top: 18px;
	}
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.homepage2-body.rtl2-body {
		overflow-x: hidden !important;
		overflow-y: scroll !important;
	}
}
.homepage2-body.rtl2-body .service1-section-area {
	position: relative;
	z-index: 1;
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading {
	margin-bottom: 65px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.service1-section-area
		.service-header-area
		.pbmit-heading-subheading {
		text-align: center;
	}
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	margin-bottom: 32px;
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	h4
	img {
	margin: 0 0 0 4px;
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-3);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.service1-section-area
		.service-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s40);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.service1-section-area
		.service-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	.designer {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-3);
	font-weight: var(--ztc-weight-semibold);
	padding-left: 60px;
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-3);
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.service1-section-area
		.service-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s30);
		padding-left: 0;
		display: block;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.service1-section-area
		.service-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
		padding-left: 0;
	}
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	span.marketer {
	margin-top: 16px;
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: relative;
	border-radius: 4px;
	left: -14px;
	right: inherit;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.service1-section-area
		.service-header-area
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		font-size: var(--ztc-font-size-font-s32);
		line-height: var(--ztc-font-size-font-s42);
		padding: 16px;
		margin-top: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.service1-section-area
		.service-header-area
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		padding: 16px;
		margin-top: 10px;
	}
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-text-text-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-6);
	border-radius: 4px;
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
.homepage2-body.rtl2-body .service1-section-area .service-boxs-area {
	position: relative;
	right: 100px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.homepage2-body.rtl2-body .service1-section-area .service-boxs-area {
		margin-right: 70px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body .service1-section-area .service-boxs-area {
		right: 0;
	}
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .service1-section-area .service-boxs-area {
		right: 0;
	}
}
.homepage2-body.rtl2-body .service1-section-area .service-boxs-area .star2 {
	position: absolute;
	right: 37%;
	top: 57%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body .service1-section-area .service-boxs-area .star2 {
		top: 41%;
		right: 37%;
	}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.homepage2-body.rtl2-body .service1-section-area .service-boxs-area .star2 {
		right: 37%;
	}
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box1 {
	right: -110px;
	right: 65px;
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box1:hover
	.icons
	img {
	filter: none !important;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box1
		.content {
		right: 0 !important;
		right: 0 !important;
	}
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box1
	.content
	p {
	color: var(--ztc-text-text-1) !important;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box1
		.content
		p {
		right: 0 inherit;
	}
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box1
	.content
	.icons {
	background: none !important;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box1
		.content
		.icons {
		position: relative;
		right: 40%;
		left: 50%;
	}
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box1
		.content
		.icons
		img {
		height: 50px;
		width: 50px;
	}
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box1 {
		position: relative;
		top: 0;
		right: -20px !important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box1 {
		position: relative;
		top: 0;
		right: 0;
	}
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box2 {
	position: absolute !important;
	margin-top: -366px;
	right: 48%;
	z-index: 4;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box2 {
		position: absolute !important;
		margin-top: 0;
		top: 0;
		left: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box2 {
		position: relative !important;
		top: 21%;
		right: 50%;
	}
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box2
	.content
	p {
	position: relative;
	right: -75px !important;
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box3 {
	position: absolute;
	right: 66%;
	margin-top: -70px;
	z-index: 4;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box3 {
		position: relative;
		margin-top: 0;
		right: 75px;
		top: -35px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box3 {
		position: relative;
		margin-top: 60px;
		right: 0;
	}
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box3
	p {
	position: relative;
	right: -60px !important;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box3
		p {
		right: -70px !important;
	}
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box4 {
	position: relative;
	right: 47%;
	z-index: 4;
	top: 225px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box4 {
		position: relative;
		margin-top: 0;
		right: -20px;
		top: -70px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box4 {
		position: absolute !important;
		right: 50%;
		top: 36%;
	}
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box4
	p {
	position: relative;
	right: -55px !important;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box4
		p {
		right: -70px !important;
	}
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box5 {
	position: absolute;
	margin-top: -138px;
	right: 8%;
	z-index: 4;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box5 {
		position: absolute;
		margin-top: 0;
		bottom: 0;
		right: 49%;
		top: 48%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box5 {
		position: relative;
		margin-top: 30px;
		right: 0;
	}
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box5
	p {
	position: relative;
	right: -75px !important;
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box6 {
	position: relative;
	margin-top: -435px;
	right: -11%;
	z-index: 4;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box6 {
		position: relative;
		right: 80px;
		margin-top: -110px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box.box6 {
		position: relative;
		top: 0;
		right: 50%;
		margin-top: -366px;
	}
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box.box6
	p {
	position: relative;
	right: -60px !important;
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box {
	position: relative;
	z-index: 1;
	height: 365px;
	width: 365px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box {
		width: 200px !important;
		height: 200px !important;
		-o-object-fit: contain;
		object-fit: contain;
		overflow: hidden;
	}
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box:hover
	.polygon2 {
	visibility: visible;
	opacity: 1;
	transition: all 0.4s;
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box:hover
	.content
	p {
	color: var(--ztc-text-text-1) !important;
	transition: all 0.4s;
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box:hover
	.content
	.icons {
	background: var(--ztc-bg-bg15);
	transition: all 0.4s;
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box:hover
	.content
	.icons
	img {
	filter: brightness(0) invert(1);
	transition: all 0.4s;
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box
	.polygon2 {
	position: absolute;
	right: 23px;
	top: 2px;
	visibility: visible;
	opacity: 0;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box
		.polygon2 {
		left: 0;
		height: 200px;
		width: 200px;
		-o-object-fit: contain;
		object-fit: contain;
	}
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box
	.content {
	position: relative;
	z-index: 3;
	top: 30%;
	right: 37%;
	left: 39%;
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box
	.content
	.icons {
	height: 92px;
	width: 92px;
	text-align: center;
	line-height: 92px;
	background: var(--ztc-bg-bg16);
	border-radius: 4px;
	display: inline-block;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box
		.content
		.icons {
		height: 50px;
		width: 50px;
		text-align: center;
		line-height: 50px;
	}
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box
	.content
	.icons
	img {
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box
		.content
		.icons
		img {
		height: 32px;
		width: 32px;
	}
}
.homepage2-body.rtl2-body
	.service1-section-area
	.service-boxs-area
	.service-author-box
	.content
	p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s28);
	line-height: var(--ztc-font-size-font-s28);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-3);
	margin-top: 32px;
	text-transform: uppercase;
	position: relative;
	right: -45px;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.service1-section-area
		.service-boxs-area
		.service-author-box
		.content
		p {
		font-size: var(--ztc-font-size-font-s16);
		line-height: var(--ztc-font-size-font-s16);
		text-align: center;
		right: inherit;
		margin: 0 auto;
		margin-top: 18px;
	}
}

/* ============= SERVICE AREA ENDS =============== */
/* ============= ABOUT AREA STARTS =============== */
.homepage1-body .about-section-area {
	position: relative;
	top: -50px;
	z-index: 1;
}
.homepage1-body .about-section-area .about-boxarea.box2 {
	position: relative;
	top: -70px;
	left: 130px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body .about-section-area .about-boxarea.box2 {
		top: 0;
		left: 0;
	}
}
@media (max-width: 767px) {
	.homepage1-body .about-section-area .about-boxarea.box2 {
		position: absolute;
		top: 0;
		margin: 0 !important;
		left: inherit;
		right: -30px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.homepage1-body .about-section-area .about-boxarea.box2 {
		position: absolute;
		top: 0;
		margin: 0 !important;
		left: inherit;
		right: 0;
	}
}
.homepage1-body .about-section-area .about-boxarea.box2 .content p {
	color: var(--ztc-text-text-3) !important;
	transition: all 0.4s;
}
.homepage1-body .about-section-area .about-boxarea.box3 {
	position: relative;
	top: -140px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body .about-section-area .about-boxarea.box3 {
		top: 0;
		left: 0;
	}
}
@media (max-width: 767px) {
	.homepage1-body .about-section-area .about-boxarea.box3 {
		position: relative;
		top: -30px;
		text-align: center;
		margin: 0 auto;
		left: 0px;
	}
}
@media (max-width: 767px) {
	.homepage1-body .about-section-area .about-boxareas {
		position: relative;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body .about-section-area .about-boxareas {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 100px;
		margin-bottom: 30px;
	}
}
.homepage1-body .about-section-area .about-boxarea {
	height: 260px;
	width: 260px;
	text-align: center;
	border-radius: 4px;
	z-index: 1;
	position: relative;
	-webkit-clip-path: polygon(
		-1% 25%,
		-1% 75%,
		49% 100%,
		101% 75%,
		100% 25%,
		50% 0%
	);
	clip-path: polygon(-1% 25%, -1% 75%, 49% 100%, 101% 75%, 100% 25%, 50% 0%);
}
.homepage1-body .about-section-area .about-boxarea:hover .polygon2 {
	visibility: visible;
	opacity: 1;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage1-body .about-section-area .about-boxarea:hover .polygon2 {
		height: 180px;
		width: 180px;
		left: 0;
		top: 0;
		-o-object-fit: contain;
		object-fit: contain;
	}
}
.homepage1-body .about-section-area .about-boxarea:hover .content p {
	color: var(--ztc-text-text-3);
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage1-body .about-section-area .about-boxarea {
		margin-top: 60px;
	}
}
.homepage1-body .about-section-area .about-boxarea .content {
	position: relative;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	right: 50%;
	position: relative;
}
.homepage1-body .about-section-area .about-boxarea .content h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	-webkit-background-clip: text;
	background-clip: text;
	background-image: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	color: var(--ztc-text-text-3);
	-webkit-text-stroke-color: transparent;
	-webkit-text-stroke-width: 0.0625em;
	text-transform: uppercase;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage1-body .about-section-area .about-boxarea .content h2 {
		font-size: var(--ztc-font-size-font-s36);
		line-height: var(--ztc-font-size-font-s36);
	}

	/* Mobile styles for projects delivered text */
	.homepage1-body .about-section-area .about-boxarea .content p.phover {
		font-size: 12px !important;
	}

	.homepage1-body .about-section-area .about-boxarea .content p.phover span {
		font-size: 8px !important;
	}
}
.homepage1-body .about-section-area .about-boxarea .content p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s18);
	line-height: var(--ztc-font-size-font-s18);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	margin-top: 16px;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage1-body .about-section-area .about-boxarea .content p {
		font-size: var(--ztc-font-size-font-s14);
		line-height: var(--ztc-font-size-font-s14);
	}
}
.homepage1-body .about-section-area .about-boxarea .polygin {
	position: absolute;
	left: 23px;
	top: 13px;
}
@media (max-width: 767px) {
	.homepage1-body .about-section-area .about-boxarea .polygin {
		height: 180px;
		width: 180px;
		-o-object-fit: contain;
		object-fit: contain;
		left: 0;
		top: 0;
	}
}
.homepage1-body .about-section-area .about-boxarea .polygon2 {
	position: absolute;
	left: 23px;
	top: 13px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage1-body .about-section-area .about-boxarea .polygon2 {
		-o-object-fit: contain;
		object-fit: contain;
		height: 180px;
		width: 180px;
		left: 0;
		top: 0;
	}
}
@media (max-width: 767px) {
	.homepage1-body .about-section-area .about-boxarea {
		height: 180px;
		width: 180px;
		-o-object-fit: cover;
		object-fit: cover;
		left: -30px;
	}
}
.homepage1-body .about-section-area .about-textarea {
	padding: 0 0 0 50px;
	margin-top: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body .about-section-area .about-textarea {
		padding: 0;
		margin: 0;
	}
}
@media (max-width: 767px) {
	.homepage1-body .about-section-area .about-textarea {
		padding: 0;
		margin-top: 30px;
		text-align: center;
	}
}
.homepage1-body .about-section-area .about-textarea h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
}
.homepage1-body .about-section-area .about-textarea h4 img {
	margin: 0 4px 0 0;
}
@media (max-width: 767px) {
	.homepage1-body
		.about-section-area
		.about-textarea
		.pbmit-heading-subheading {
		text-align: center;
		padding-top: 70px;
	}
}
.homepage1-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	line-height: var(--ztc-font-size-font-s24);
	margin-bottom: 24px;
}
.homepage1-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	display: flex;
}
@media (max-width: 767px) {
	.homepage1-body
		.about-section-area
		.about-textarea
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s40);
		display: inline-block;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.about-section-area
		.about-textarea
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage1-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	h2
	.designer {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	line-height: var(--ztc-font-size-font-s48);
	color: transparent;
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-1);
	padding-left: 4px;
}
@media (max-width: 767px) {
	.homepage1-body
		.about-section-area
		.about-textarea
		.pbmit-heading-subheading
		h2
		.designer {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s30);
		position: relative;
		left: 0;
		top: 3px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.about-section-area
		.about-textarea
		.pbmit-heading-subheading
		h2
		.designer {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage1-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	span.marketer {
	margin-top: 24px;
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: relative;
	border-radius: 4px;
	right: -88px;
}
@media (max-width: 767px) {
	.homepage1-body
		.about-section-area
		.about-textarea
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		font-size: var(--ztc-font-size-font-s24);
		line-height: var(--ztc-font-size-font-s30);
		padding: 16px;
		margin-top: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.about-section-area
		.about-textarea
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		padding: 16px;
		margin-top: 10px;
	}
}
.homepage1-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-bg-bg-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-1);
	border-radius: 4px;
}
.homepage1-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.homepage1-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.homepage1-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.homepage1-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
.homepage1-body .about-section-area .about-textarea .pera-content {
	padding-left: 88px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body .about-section-area .about-textarea .pera-content {
		padding-left: 0;
	}
}
@media (max-width: 767px) {
	.homepage1-body .about-section-area .about-textarea .pera-content {
		padding-left: 0;
	}
}
.homepage1-body .about-section-area .about-textarea .pera-content p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	line-height: var(-ztc-font-size-font-s16);
	color: var(--ztc-text-text-1);
	opacity: 0.8;
	margin-top: 32px;
}
.homepage1-body .about-section-area .about-textarea .pera-content .list-area {
	display: flex;
	align-items: center;
	margin-top: 16px;
}
@media (max-width: 767px) {
	.homepage1-body .about-section-area .about-textarea .pera-content .list-area {
		display: inline-block;
	}
}
.homepage1-body
	.about-section-area
	.about-textarea
	.pera-content
	.list-area
	ul {
	margin: 0 40px 0 0;
}
.homepage1-body
	.about-section-area
	.about-textarea
	.pera-content
	.list-area
	ul
	li {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s18);
	line-height: var(--ztc-font-size-font-s18);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	margin-top: 16px;
}
.homepage1-body
	.about-section-area
	.about-textarea
	.pera-content
	.list-area
	ul
	li
	img {
	margin: 0 6px 0 0;
}

.homepage2-body .about-section-area {
	position: relative;
	top: -50px;
	z-index: 1;
}
.homepage2-body .about-section-area .about-boxarea.box2 {
	position: relative;
	top: -70px;
	left: 130px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .about-section-area .about-boxarea.box2 {
		top: 0;
		left: 15px;
	}
}
@media (max-width: 767px) {
	.homepage2-body .about-section-area .about-boxarea.box2 {
		position: absolute;
		top: 0;
		margin: 0 !important;
		left: inherit;
		right: -30px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.homepage2-body .about-section-area .about-boxarea.box2 {
		position: absolute;
		top: 0;
		margin: 0 !important;
		left: inherit;
		right: 0;
	}
}
.homepage2-body .about-section-area .about-boxarea.box2 .content p {
	color: var(--ztc-text-text-1) !important;
	transition: all 0.4s;
}
.homepage2-body .about-section-area .about-boxarea.box3 {
	position: relative;
	top: -140px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .about-section-area .about-boxarea.box3 {
		top: 0;
		left: 0;
	}
}
@media (max-width: 767px) {
	.homepage2-body .about-section-area .about-boxarea.box3 {
		position: relative;
		top: -30px;
		text-align: center;
		margin: 0 auto;
		left: 0px;
	}
}
@media (max-width: 767px) {
	.homepage2-body .about-section-area .about-boxareas {
		position: relative;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .about-section-area .about-boxareas {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 100px;
		margin-bottom: 30px;
	}
}
.homepage2-body .about-section-area .about-boxarea {
	height: 260px;
	width: 260px;
	text-align: center;
	border-radius: 4px;
	z-index: 1;
	position: relative;
}
.homepage2-body .about-section-area .about-boxarea:hover .polygon2 {
	visibility: visible;
	opacity: 1;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage2-body .about-section-area .about-boxarea:hover .polygon2 {
		height: 180px;
		width: 180px;
		left: 0;
		top: 0;
		-o-object-fit: contain;
		object-fit: contain;
	}
}
.homepage2-body .about-section-area .about-boxarea:hover .content p {
	color: var(--ztc-text-text-1);
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage2-body .about-section-area .about-boxarea {
		margin-top: 60px;
	}
}
.homepage2-body .about-section-area .about-boxarea .content {
	position: relative;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	right: 50%;
	position: relative;
}
.homepage2-body .about-section-area .about-boxarea .content h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	-webkit-background-clip: text;
	background-clip: text;
	background-image: var(--ztc-bg-main-bg);
	color: var(--ztc-text-text-1);
	-webkit-text-stroke-color: transparent;
	-webkit-text-stroke-width: 0.0625em;
	text-transform: uppercase;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage2-body .about-section-area .about-boxarea .content h2 {
		font-size: var(--ztc-font-size-font-s36);
		line-height: var(--ztc-font-size-font-s36);
	}

	/* Mobile styles for projects delivered text - Homepage2 */
	.homepage2-body .about-section-area .about-boxarea .content p.phover {
		font-size: 12px !important;
	}

	.homepage2-body .about-section-area .about-boxarea .content p.phover span {
		font-size: 8px !important;
	}
}
.homepage2-body .about-section-area .about-boxarea .content p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s18);
	line-height: var(--ztc-font-size-font-s18);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-8);
	text-transform: uppercase;
	margin-top: 16px;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage2-body .about-section-area .about-boxarea .content p {
		font-size: var(--ztc-font-size-font-s14);
		line-height: var(--ztc-font-size-font-s14);
	}
}
.homepage2-body .about-section-area .about-boxarea .polygin {
	position: absolute;
	left: 23px;
	top: 13px;
}
@media (max-width: 767px) {
	.homepage2-body .about-section-area .about-boxarea .polygin {
		height: 180px;
		width: 180px;
		-o-object-fit: contain;
		object-fit: contain;
		left: 0;
		top: 0;
	}
}
.homepage2-body .about-section-area .about-boxarea .polygon2 {
	position: absolute;
	left: 23px;
	top: 13px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage2-body .about-section-area .about-boxarea .polygon2 {
		-o-object-fit: contain;
		object-fit: contain;
		height: 180px;
		width: 180px;
		left: 0;
		top: 0;
	}
}
@media (max-width: 767px) {
	.homepage2-body .about-section-area .about-boxarea {
		height: 180px;
		width: 180px;
		-o-object-fit: cover;
		object-fit: cover;
		left: -30px;
	}
}
.homepage2-body .about-section-area .about-textarea {
	padding: 0 0 0 50px;
	margin-top: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .about-section-area .about-textarea {
		padding: 0;
		margin: 0;
	}
}
@media (max-width: 767px) {
	.homepage2-body .about-section-area .about-textarea {
		padding: 0;
		margin-top: 30px;
	}
}
@media (max-width: 767px) and (max-width: 767px) {
	.homepage2-body .about-section-area .about-textarea {
		padding: 0;
		margin-top: 30px;
		text-align: center;
	}
}
.homepage2-body .about-section-area .about-textarea h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
}
.homepage2-body .about-section-area .about-textarea h4 img {
	margin: 0 4px 0 0;
}
@media (max-width: 767px) {
	.homepage2-body
		.about-section-area
		.about-textarea
		.pbmit-heading-subheading {
		text-align: center;
		padding-top: 70px;
	}
}
.homepage2-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-3);
	line-height: var(--ztc-font-size-font-s24);
	margin-bottom: 24px;
}
.homepage2-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-3);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage2-body
		.about-section-area
		.about-textarea
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s40);
		display: inline-block;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.about-section-area
		.about-textarea
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage2-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	h2
	.designer {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-3);
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-3);
}
@media (max-width: 767px) {
	.homepage2-body
		.about-section-area
		.about-textarea
		.pbmit-heading-subheading
		h2
		.designer {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s30);
		position: relative;
		left: 0;
		top: 3px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.about-section-area
		.about-textarea
		.pbmit-heading-subheading
		h2
		.designer {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage2-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	span.marketer {
	margin-top: 24px;
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: relative;
	border-radius: 4px;
	right: -88px;
}
@media (max-width: 767px) {
	.homepage2-body
		.about-section-area
		.about-textarea
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		font-size: var(--ztc-font-size-font-s24);
		line-height: var(--ztc-font-size-font-s30);
		padding: 16px;
		margin-top: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.about-section-area
		.about-textarea
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		padding: 16px;
		margin-top: 10px;
	}
}
.homepage2-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-text-text-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-6);
	border-radius: 4px;
}
.homepage2-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.homepage2-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.homepage2-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.homepage2-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
.homepage2-body .about-section-area .about-textarea .pera-content {
	padding-left: 88px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .about-section-area .about-textarea .pera-content {
		padding-left: 0;
	}
}
@media (max-width: 767px) {
	.homepage2-body .about-section-area .about-textarea .pera-content {
		padding-left: 0;
	}
}
.homepage2-body .about-section-area .about-textarea .pera-content p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	line-height: var(-ztc-font-size-font-s16);
	color: var(--ztc-text-text-8);
	opacity: 0.8;
	margin-top: 32px;
}
.homepage2-body .about-section-area .about-textarea .pera-content .list-area {
	display: flex;
	align-items: center;
	margin-top: 16px;
}
@media (max-width: 767px) {
	.homepage2-body .about-section-area .about-textarea .pera-content .list-area {
		display: inline-block;
	}
}
.homepage2-body
	.about-section-area
	.about-textarea
	.pera-content
	.list-area
	ul {
	margin: 0 40px 0 0;
}
.homepage2-body
	.about-section-area
	.about-textarea
	.pera-content
	.list-area
	ul
	li {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s18);
	line-height: var(--ztc-font-size-font-s18);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-3);
	text-transform: uppercase;
	margin-top: 16px;
}
.homepage2-body
	.about-section-area
	.about-textarea
	.pera-content
	.list-area
	ul
	li
	img {
	margin: 0 6px 0 0;
}

.homepage1-body.rtl1-body .about-section-area {
	position: relative;
	top: -50px;
	z-index: 1;
}
.homepage1-body.rtl1-body .about-section-area .about-boxarea.box2 {
	position: relative;
	top: -70px;
	right: 130px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body .about-section-area .about-boxarea.box2 {
		top: 0;
		right: 0;
	}
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .about-section-area .about-boxarea.box2 {
		position: absolute;
		top: 0;
		margin: 0 !important;
		right: inherit;
		left: -30px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.homepage1-body.rtl1-body .about-section-area .about-boxarea.box2 {
		position: absolute;
		top: 0;
		margin: 0 !important;
		right: inherit;
		left: 0;
	}
}
.homepage1-body.rtl1-body .about-section-area .about-boxarea.box2 .content p {
	color: var(--ztc-text-text-3) !important;
	transition: all 0.4s;
}
.homepage1-body.rtl1-body .about-section-area .about-boxarea.box3 {
	position: relative;
	top: -140px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body .about-section-area .about-boxarea.box3 {
		top: 0;
		right: 0;
	}
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .about-section-area .about-boxarea.box3 {
		position: relative;
		top: -30px;
		text-align: center;
		margin: 0 auto;
		right: 0px;
	}
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .about-section-area .about-boxareas {
		position: relative;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body .about-section-area .about-boxareas {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 100px;
		margin-bottom: 30px;
	}
}
.homepage1-body.rtl1-body .about-section-area .about-boxarea {
	height: 260px;
	width: 260px;
	text-align: center;
	border-radius: 4px;
	z-index: 1;
	position: relative;
	-webkit-clip-path: polygon(
		-1% 25%,
		-1% 75%,
		49% 100%,
		101% 75%,
		100% 25%,
		50% 0%
	);
	clip-path: polygon(-1% 25%, -1% 75%, 49% 100%, 101% 75%, 100% 25%, 50% 0%);
}
.homepage1-body.rtl1-body .about-section-area .about-boxarea:hover .polygon2 {
	visibility: visible;
	opacity: 1;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .about-section-area .about-boxarea:hover .polygon2 {
		height: 180px;
		width: 180px;
		left: 0;
		top: 0;
		-o-object-fit: contain;
		object-fit: contain;
	}
}
.homepage1-body.rtl1-body .about-section-area .about-boxarea:hover .content p {
	color: var(--ztc-text-text-3);
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .about-section-area .about-boxarea {
		margin-top: 60px;
	}
}
.homepage1-body.rtl1-body .about-section-area .about-boxarea .content {
	transform: translate(50%, 50%);
	top: 50px;
	right: 50%;
	position: relative;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .about-section-area .about-boxarea .content {
		top: 25px;
	}
}
.homepage1-body.rtl1-body .about-section-area .about-boxarea .content h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	-webkit-background-clip: text;
	background-clip: text;
	background-image: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	color: var(--ztc-text-text-3);
	-webkit-text-stroke-color: transparent;
	-webkit-text-stroke-width: 0.0625em;
	text-transform: uppercase;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .about-section-area .about-boxarea .content h2 {
		font-size: var(--ztc-font-size-font-s36);
		line-height: var(--ztc-font-size-font-s36);
	}
}
.homepage1-body.rtl1-body .about-section-area .about-boxarea .content p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s18);
	line-height: var(--ztc-font-size-font-s18);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	margin-top: 16px;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .about-section-area .about-boxarea .content p {
		font-size: var(--ztc-font-size-font-s14);
		line-height: var(--ztc-font-size-font-s14);
	}
}
.homepage1-body.rtl1-body .about-section-area .about-boxarea .polygin {
	position: absolute;
	right: 23px;
	top: 13px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .about-section-area .about-boxarea .polygin {
		height: 180px;
		width: 180px;
		-o-object-fit: contain;
		object-fit: contain;
		right: 0;
		top: 0;
	}
}
.homepage1-body.rtl1-body .about-section-area .about-boxarea .polygon2 {
	position: absolute;
	right: 23px;
	top: 13px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .about-section-area .about-boxarea .polygon2 {
		-o-object-fit: contain;
		object-fit: contain;
		height: 180px;
		width: 180px;
		right: 0;
		top: 0;
	}
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .about-section-area .about-boxarea {
		height: 180px;
		width: 180px;
		-o-object-fit: cover;
		object-fit: cover;
		right: -30px;
	}
}
.homepage1-body.rtl1-body .about-section-area .about-textarea {
	padding: 0 50px 0 0;
	margin-top: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body .about-section-area .about-textarea {
		padding: 0;
		margin: 0;
	}
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .about-section-area .about-textarea {
		padding: 0;
		margin-top: 30px;
		text-align: center;
	}
}
.homepage1-body.rtl1-body .about-section-area .about-textarea h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
}
.homepage1-body.rtl1-body .about-section-area .about-textarea h4 img {
	margin: 0 0 0 4px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.about-section-area
		.about-textarea
		.pbmit-heading-subheading {
		text-align: center;
		padding-top: 70px;
	}
}
.homepage1-body.rtl1-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	line-height: var(--ztc-font-size-font-s24);
	margin-bottom: 24px;
}
.homepage1-body.rtl1-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	h4
	img {
	margin: 0 0 0 4px;
}
.homepage1-body.rtl1-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.about-section-area
		.about-textarea
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s40);
		display: inline-block;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.about-section-area
		.about-textarea
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage1-body.rtl1-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	h2
	.designer {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	line-height: var(--ztc-font-size-font-s48);
	color: transparent;
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-1);
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.about-section-area
		.about-textarea
		.pbmit-heading-subheading
		h2
		.designer {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s30);
		position: relative;
		left: 0;
		top: 3px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.about-section-area
		.about-textarea
		.pbmit-heading-subheading
		h2
		.designer {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage1-body.rtl1-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	span.marketer {
	margin-top: 24px;
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: relative;
	border-radius: 4px;
	left: -88px;
	right: inherit;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.about-section-area
		.about-textarea
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		font-size: var(--ztc-font-size-font-s24);
		line-height: var(--ztc-font-size-font-s30);
		padding: 16px;
		margin-top: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.about-section-area
		.about-textarea
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		padding: 16px;
		margin-top: 10px;
	}
}
.homepage1-body.rtl1-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-bg-bg-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-1);
	border-radius: 4px;
}
.homepage1-body.rtl1-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.homepage1-body.rtl1-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.homepage1-body.rtl1-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.homepage1-body.rtl1-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
.homepage1-body.rtl1-body .about-section-area .about-textarea .pera-content {
	padding-right: 88px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body .about-section-area .about-textarea .pera-content {
		padding-right: 0;
	}
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .about-section-area .about-textarea .pera-content {
		padding-right: 0;
	}
}
.homepage1-body.rtl1-body .about-section-area .about-textarea .pera-content p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	line-height: var(-ztc-font-size-font-s16);
	color: var(--ztc-text-text-1);
	opacity: 0.8;
	margin-top: 32px;
}
.homepage1-body.rtl1-body
	.about-section-area
	.about-textarea
	.pera-content
	.list-area {
	display: flex;
	align-items: center;
	margin-top: 16px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.about-section-area
		.about-textarea
		.pera-content
		.list-area {
		display: inline-block;
	}
}
.homepage1-body.rtl1-body
	.about-section-area
	.about-textarea
	.pera-content
	.list-area
	ul {
	margin: 0 0 0 32px;
}
.homepage1-body.rtl1-body
	.about-section-area
	.about-textarea
	.pera-content
	.list-area
	ul
	li {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s18);
	line-height: var(--ztc-font-size-font-s18);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	margin-top: 16px;
}
.homepage1-body.rtl1-body
	.about-section-area
	.about-textarea
	.pera-content
	.list-area
	ul
	li
	img {
	margin: 0 0 0 6px;
}

.homepage2-body.rtl2-body .about-section-area {
	position: relative;
	top: -50px;
	z-index: 1;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .about-section-area .about-boxarea.box1 {
		left: -165px;
		right: inherit;
	}
}
.homepage2-body.rtl2-body .about-section-area .about-boxarea.box2 {
	position: relative;
	top: -70px;
	right: 130px;
	left: inherit;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body .about-section-area .about-boxarea.box2 {
		top: 0;
		right: 15px;
	}
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .about-section-area .about-boxarea.box2 {
		position: absolute;
		top: 0;
		margin: 0 !important;
		left: inherit;
		right: -30px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.homepage2-body.rtl2-body .about-section-area .about-boxarea.box2 {
		position: absolute;
		top: 0;
		margin: 0 !important;
		right: inherit;
		left: 0;
	}
}
.homepage2-body.rtl2-body .about-section-area .about-boxarea.box2 .content p {
	color: var(--ztc-text-text-1) !important;
	transition: all 0.4s;
}
.homepage2-body.rtl2-body .about-section-area .about-boxarea.box3 {
	position: relative;
	top: -140px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body .about-section-area .about-boxarea.box3 {
		top: 0;
		right: 0;
	}
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .about-section-area .about-boxarea.box3 {
		position: relative;
		top: -30px;
		text-align: center;
		margin: 0 auto;
		right: 0px;
	}
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .about-section-area .about-boxareas {
		position: relative;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body .about-section-area .about-boxareas {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 100px;
		margin-bottom: 30px;
	}
}
.homepage2-body.rtl2-body .about-section-area .about-boxarea {
	height: 260px;
	width: 260px;
	text-align: center;
	border-radius: 4px;
	z-index: 1;
	position: relative;
}
.homepage2-body.rtl2-body .about-section-area .about-boxarea:hover .polygon2 {
	visibility: visible;
	opacity: 1;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .about-section-area .about-boxarea:hover .polygon2 {
		height: 180px;
		width: 180px;
		left: 0;
		top: 0;
		-o-object-fit: contain;
		object-fit: contain;
	}
}
.homepage2-body.rtl2-body .about-section-area .about-boxarea:hover .content p {
	color: var(--ztc-text-text-1);
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .about-section-area .about-boxarea {
		margin-top: 60px;
	}
}
.homepage2-body.rtl2-body .about-section-area .about-boxarea .content {
	transform: translate(50%, 50%);
	top: 50px;
	right: 50%;
	position: relative;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .about-section-area .about-boxarea .content {
		top: 25px;
	}
}
.homepage2-body.rtl2-body .about-section-area .about-boxarea .content h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	-webkit-background-clip: text;
	background-clip: text;
	background-image: var(--ztc-bg-main-bg);
	color: var(--ztc-text-text-1);
	-webkit-text-stroke-color: transparent;
	-webkit-text-stroke-width: 0.0625em;
	text-transform: uppercase;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .about-section-area .about-boxarea .content h2 {
		font-size: var(--ztc-font-size-font-s36);
		line-height: var(--ztc-font-size-font-s36);
	}

	/* Mobile styles for projects delivered text - Homepage2 RTL */
	.homepage2-body.rtl2-body
		.about-section-area
		.about-boxarea
		.content
		p.phover {
		font-size: 12px !important;
	}

	.homepage2-body.rtl2-body
		.about-section-area
		.about-boxarea
		.content
		p.phover
		span {
		font-size: 8px !important;
	}
}
.homepage2-body.rtl2-body .about-section-area .about-boxarea .content p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s18);
	line-height: var(--ztc-font-size-font-s18);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-8);
	text-transform: uppercase;
	margin-top: 16px;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .about-section-area .about-boxarea .content p {
		font-size: var(--ztc-font-size-font-s14);
		line-height: var(--ztc-font-size-font-s14);
	}
}
.homepage2-body.rtl2-body .about-section-area .about-boxarea .polygin {
	position: absolute;
	left: 23px;
	top: 13px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .about-section-area .about-boxarea .polygin {
		height: 180px;
		width: 180px;
		-o-object-fit: contain;
		object-fit: contain;
		left: 0;
		top: 0;
	}
}
.homepage2-body.rtl2-body .about-section-area .about-boxarea .polygon2 {
	position: absolute;
	left: 23px;
	top: 13px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .about-section-area .about-boxarea .polygon2 {
		-o-object-fit: contain;
		object-fit: contain;
		height: 180px;
		width: 180px;
		left: 0;
		top: 0;
	}
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .about-section-area .about-boxarea {
		height: 180px;
		width: 180px;
		-o-object-fit: cover;
		object-fit: cover;
		left: -30px;
	}
}
.homepage2-body.rtl2-body .about-section-area .about-textarea {
	padding: 0 50px 0 0;
	margin-top: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body .about-section-area .about-textarea {
		padding: 0;
		margin: 0;
	}
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .about-section-area .about-textarea {
		padding: 0;
		margin-top: 30px;
	}
}
@media (max-width: 767px) and (max-width: 767px) {
	.homepage2-body.rtl2-body .about-section-area .about-textarea {
		padding: 0;
		margin-top: 30px;
		text-align: center;
	}
}
.homepage2-body.rtl2-body .about-section-area .about-textarea h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
}
.homepage2-body.rtl2-body .about-section-area .about-textarea h4 img {
	margin: 0 0 0 4px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.about-section-area
		.about-textarea
		.pbmit-heading-subheading {
		text-align: center;
		padding-top: 70px;
	}
}
.homepage2-body.rtl2-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-3);
	line-height: var(--ztc-font-size-font-s24);
	margin-bottom: 24px;
}
.homepage2-body.rtl2-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	h4
	img {
	margin: 0 0 0 4px;
}
.homepage2-body.rtl2-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-3);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.about-section-area
		.about-textarea
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s40);
		display: inline-block;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.about-section-area
		.about-textarea
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage2-body.rtl2-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	h2
	.designer {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-3);
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-3);
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.about-section-area
		.about-textarea
		.pbmit-heading-subheading
		h2
		.designer {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s30);
		position: relative;
		left: 0;
		top: 3px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.about-section-area
		.about-textarea
		.pbmit-heading-subheading
		h2
		.designer {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage2-body.rtl2-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	span.marketer {
	margin-top: 24px;
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: relative;
	border-radius: 4px;
	left: -88px;
	right: inherit;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.about-section-area
		.about-textarea
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		font-size: var(--ztc-font-size-font-s24);
		line-height: var(--ztc-font-size-font-s30);
		padding: 16px;
		margin-top: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.about-section-area
		.about-textarea
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		padding: 16px;
		margin-top: 10px;
	}
}
.homepage2-body.rtl2-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-text-text-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-6);
	border-radius: 4px;
}
.homepage2-body.rtl2-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.homepage2-body.rtl2-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.homepage2-body.rtl2-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.homepage2-body.rtl2-body
	.about-section-area
	.about-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
.homepage2-body.rtl2-body .about-section-area .about-textarea .pera-content {
	padding-right: 88px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body .about-section-area .about-textarea .pera-content {
		padding-left: 0;
		padding-right: inherit;
	}
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .about-section-area .about-textarea .pera-content {
		padding-left: 0;
		padding-right: inherit;
	}
}
.homepage2-body.rtl2-body .about-section-area .about-textarea .pera-content p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	line-height: var(-ztc-font-size-font-s16);
	color: var(--ztc-text-text-8);
	opacity: 0.8;
	margin-top: 32px;
}
.homepage2-body.rtl2-body
	.about-section-area
	.about-textarea
	.pera-content
	.list-area {
	display: flex;
	align-items: center;
	margin-top: 16px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.about-section-area
		.about-textarea
		.pera-content
		.list-area {
		display: inline-block;
	}
}
.homepage2-body.rtl2-body
	.about-section-area
	.about-textarea
	.pera-content
	.list-area
	ul {
	margin: 0 0 0 32px;
}
.homepage2-body.rtl2-body
	.about-section-area
	.about-textarea
	.pera-content
	.list-area
	ul
	li {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s18);
	line-height: var(--ztc-font-size-font-s18);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-3);
	text-transform: uppercase;
	margin-top: 16px;
}
.homepage2-body.rtl2-body
	.about-section-area
	.about-textarea
	.pera-content
	.list-area
	ul
	li
	img {
	margin: 0 0 0 6px;
}

/* ============= ABOUT AREA ENDS =============== */
/* ============= SKILLS AREA STARTS =============== */
.homepage1-body .skills-section-area {
	position: relative;
	z-index: 1;
	padding: 0 0 100px 0;
	margin-top: 200px;
}
@media (max-width: 767px) {
	.homepage1-body .skills-section-area {
		margin-top: 50px;
		padding: 0 0 50px 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body .skills-section-area {
		margin-top: 50px;
		padding: 0;
	}
}
.homepage1-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading {
	margin-bottom: 65px;
}
@media (max-width: 767px) {
	.homepage1-body
		.skills-section-area
		.skills-header-area
		.pbmit-heading-subheading {
		text-align: center;
	}
}
.homepage1-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	margin-bottom: 32px;
}
.homepage1-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	h4
	img {
	margin: 0 4px 0 0;
}
.homepage1-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage1-body
		.skills-section-area
		.skills-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s40);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.skills-section-area
		.skills-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage1-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	.designer {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	line-height: var(--ztc-font-size-font-s48);
	color: transparent;
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-1);
}
@media (max-width: 767px) {
	.homepage1-body
		.skills-section-area
		.skills-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s30);
		margin-left: 8px;
		display: inline-block;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.skills-section-area
		.skills-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage1-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	span.marketer {
	margin-top: 16px;
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: relative;
	border-radius: 4px;
	right: -112px;
}
@media (max-width: 767px) {
	.homepage1-body
		.skills-section-area
		.skills-header-area
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s30);
		padding: 16px;
		margin-top: 10px;
		width: 100%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.skills-section-area
		.skills-header-area
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		padding: 16px;
		margin-top: 10px;
	}
}
.homepage1-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-bg-bg-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-1);
	border-radius: 4px;
}
.homepage1-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.homepage1-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.homepage1-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.homepage1-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body .skills-section-area .all-boxes-area {
		overflow-x: scroll;
		overflow-y: hidden;
		padding: 50px 0 50px 0;
	}
}
@media (max-width: 767px) {
	.homepage1-body .skills-section-area .all-boxes-area {
		position: relative;
	}
}
.homepage1-body .skills-section-area .all-boxes-area .skils-auhtor-area {
	display: flex;
	align-items: center;
}
@media (max-width: 767px) {
	.homepage1-body .skills-section-area .all-boxes-area .skils-auhtor-area {
		display: inline-block;
	}
}
@media (max-width: 767px) {
	.homepage1-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.box1 {
		left: -20px !important;
	}
}
.homepage1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box2
	.percent {
	background: var(--ztc-text-text-1) !important;
}
@media (max-width: 767px) {
	.homepage1-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.box2 {
		position: absolute !important;
		right: -20px !important;
		left: inherit;
		top: 0;
		margin: 0 0 0 0 !important;
	}
}
@media (max-width: 767px) {
	.homepage1-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.box3 {
		position: relative;
		left: 80px !important;
	}
}
.homepage1-body .skills-section-area .all-boxes-area .skils-auhtor-area .box4 {
	margin-left: 155px !important;
	margin-top: -50px !important;
	position: relative;
}
.homepage1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box4
	.percent {
	bottom: -30px;
}
@media (max-width: 767px) {
	.homepage1-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.box4 {
		margin-left: 0 !important;
		top: 20px;
		left: -20px;
	}
}
.homepage1-body .skills-section-area .all-boxes-area .skils-auhtor-area .box5 {
	margin-left: 0 !important;
	margin-top: -50px !important;
	position: relative;
}
.homepage1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box5
	.percent {
	bottom: -30px;
}
@media (max-width: 767px) {
	.homepage1-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.box5 {
		position: absolute !important;
		right: -20px;
		left: inherit;
		bottom: 150px;
		margin: 0 0 0 0 !important;
	}
}
.homepage1-body .skills-section-area .all-boxes-area .skils-auhtor-area .box6 {
	margin-left: 0 !important;
	margin-top: -50px !important;
	position: relative;
}
.homepage1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box6
	.percent {
	bottom: -30px;
}
@media (max-width: 767px) {
	.homepage1-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.box6 {
		margin: -30px 40px 0 0 !important;
		left: 68px;
		top: 55px;
	}
}
.homepage1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box2
	.content
	.icons {
	background: var(--ztc-bg-bg6) !important;
}
.homepage1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box2
	.content
	.icons
	img {
	filter: brightness(0);
}
.homepage1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box2
	.content
	p {
	color: var(--ztc-text-text-3) !important;
}
.homepage1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea {
	position: relative;
	z-index: 1;
	margin: 0 40px 0 0;
}
.homepage1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea:hover
	.polygon4 {
	visibility: visible;
	opacity: 1;
	transition: all 0.4s;
}
.homepage1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea:hover
	.content
	p {
	color: var(--ztc-text-text-3);
	transition: all 0.4s;
}
.homepage1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea:hover
	.content
	.icons {
	background: var(--ztc-bg-bg6);
	transition: all 0.4s;
}
.homepage1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea:hover
	.content
	.icons
	img {
	filter: brightness(0);
	transition: all 0.4s;
}
.homepage1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea:hover
	.percent::after {
	visibility: visible;
	transition: all 0.4s;
}
.homepage1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.polygon4 {
	position: absolute;
	left: 0;
	transition: all 0.4s;
	visibility: hidden;
	opacity: 0;
}
@media (max-width: 767px) {
	.homepage1-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.skills-all-boxarea
		.polygon4 {
		height: 200px;
		width: 200px;
		-o-object-fit: contain;
		object-fit: contain;
	}
}
@media (max-width: 767px) {
	.homepage1-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.skills-all-boxarea
		.polygon2 {
		height: 200px;
		width: 200px;
		-o-object-fit: contain;
		object-fit: contain;
	}
}
.homepage1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.percent {
	height: 70px;
	width: 70px;
	text-align: center;
	line-height: 70px;
	border-radius: 50%;
	position: absolute;
	left: 39%;
	margin-top: -30px;
	z-index: 2;
	transition: all 0.4s;
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
}
@media (max-width: 767px) {
	.homepage1-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.skills-all-boxarea
		.percent {
		height: 40px;
		width: 40px;
		text-align: center;
	}
}
.homepage1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.percent::after {
	background: var(--ztc-text-text-1);
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	border-radius: 50%;
	z-index: -1;
	visibility: hidden;
	transition: all 0.4s;
}
.homepage1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.percent
	p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-3);
}
@media (max-width: 767px) {
	.homepage1-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.skills-all-boxarea
		.percent
		p {
		font-size: var(--ztc-font-size-font-s14);
		line-height: 40px;
		text-align: center;
	}
}
.homepage1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.content {
	text-align: center;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 52%;
	right: -33%;
	position: absolute;
}
.homepage1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.content
	.icons {
	height: 80px;
	width: 80px;
	text-align: center;
	border-radius: 4px;
	line-height: 80px;
	display: inline-block;
	background: var(--ztc-bg-bg-5);
	transition: all 0.4s;
	margin-bottom: 30px;
}
@media (max-width: 767px) {
	.homepage1-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.skills-all-boxarea
		.content
		.icons {
		height: 50px;
		width: 50px;
		line-height: 50px;
		text-align: center;
	}
}
.homepage1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.content
	.icons
	img {
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage1-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.skills-all-boxarea
		.content
		.icons
		img {
		height: 32px;
		width: 32px;
	}
}
.homepage1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.content
	p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-semibold);
	color: var(--ztc-text-text-1);
	line-height: var(--ztc-font-size-font-s24);
	text-transform: uppercase;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage1-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.skills-all-boxarea
		.content
		p {
		font-size: var(--ztc-font-size-font-s16);
		line-height: 16px;
		text-align: center;
	}
}

.homepage2-body .skills-section-area {
	position: relative;
	z-index: 1;
	padding: 0 0 100px 0;
	margin-top: 400px;
}
@media (max-width: 767px) {
	.homepage2-body .skills-section-area {
		margin-top: 50px;
		padding: 0 0 50px 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .skills-section-area {
		margin-top: 50px;
		padding: 0;
	}
}
.homepage2-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading {
	margin-bottom: 65px;
}
@media (max-width: 767px) {
	.homepage2-body
		.skills-section-area
		.skills-header-area
		.pbmit-heading-subheading {
		text-align: center;
	}
}
.homepage2-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	margin-bottom: 32px;
}
.homepage2-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	h4
	img {
	margin: 0 4px 0 0;
}
.homepage2-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-3);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage2-body
		.skills-section-area
		.skills-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s40);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.skills-section-area
		.skills-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage2-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	.designer {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-3);
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-3);
}
@media (max-width: 767px) {
	.homepage2-body
		.skills-section-area
		.skills-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s30);
		margin-left: 8px;
		display: inline-block;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.skills-section-area
		.skills-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage2-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	span.marketer {
	margin-top: 16px;
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: relative;
	border-radius: 4px;
	right: -112px;
}
@media (max-width: 767px) {
	.homepage2-body
		.skills-section-area
		.skills-header-area
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s30);
		padding: 16px;
		margin-top: 10px;
		width: 100%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.skills-section-area
		.skills-header-area
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		padding: 16px;
		margin-top: 10px;
	}
}
.homepage2-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-text-text-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-6);
	border-radius: 4px;
}
.homepage2-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.homepage2-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.homepage2-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.homepage2-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .skills-section-area .all-boxes-area {
		overflow-x: scroll;
		overflow-y: hidden;
		padding: 50px 0 50px 0;
	}
}
@media (max-width: 767px) {
	.homepage2-body .skills-section-area .all-boxes-area {
		position: relative;
	}
}
.homepage2-body .skills-section-area .all-boxes-area .skils-auhtor-area {
	display: flex;
	align-items: center;
}
@media (max-width: 767px) {
	.homepage2-body .skills-section-area .all-boxes-area .skils-auhtor-area {
		display: inline-block;
	}
}
@media (max-width: 767px) {
	.homepage2-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.box1 {
		left: -20px !important;
	}
}
.homepage2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box2
	.percent {
	background: var(--ztc-text-text-1) !important;
}
.homepage2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box2
	.percent
	p {
	color: var(--ztc-text-text-3) !important;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage2-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.box2 {
		position: absolute !important;
		right: -20px !important;
		left: inherit;
		top: 0;
		margin: 0 0 0 0 !important;
	}
}
@media (max-width: 767px) {
	.homepage2-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.box3 {
		position: relative;
		left: 80px !important;
	}
}
.homepage2-body .skills-section-area .all-boxes-area .skils-auhtor-area .box4 {
	margin-left: 155px !important;
	margin-top: -50px !important;
	position: relative;
}
.homepage2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box4
	.percent {
	bottom: -30px;
}
@media (max-width: 767px) {
	.homepage2-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.box4 {
		margin-left: 0 !important;
		top: 20px;
		left: -20px;
	}
}
.homepage2-body .skills-section-area .all-boxes-area .skils-auhtor-area .box5 {
	margin-left: 0 !important;
	margin-top: -50px !important;
	position: relative;
}
.homepage2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box5
	.percent {
	bottom: -30px;
}
@media (max-width: 767px) {
	.homepage2-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.box5 {
		position: absolute !important;
		right: -140px;
		left: inherit;
		bottom: 150px;
		margin: 0 0 0 0 !important;
	}
}
.homepage2-body .skills-section-area .all-boxes-area .skils-auhtor-area .box6 {
	margin-left: 0 !important;
	margin-top: -50px !important;
	position: relative;
}
.homepage2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box6
	.percent {
	bottom: -30px;
}
@media (max-width: 767px) {
	.homepage2-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.box6 {
		margin: -30px 40px 0 0 !important;
		left: 68px;
		top: 55px;
	}
}
.homepage2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box2
	.content
	.icons {
	background: var(--ztc-bg-bg17) !important;
}
.homepage2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box2
	.content
	.icons
	img {
	filter: brightness(0) invert(1);
}
.homepage2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box2
	.content
	p {
	color: var(--ztc-text-text-1) !important;
}
.homepage2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea {
	position: relative;
	z-index: 1;
	margin: 0 40px 0 0;
}
.homepage2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea:hover
	.polygon4 {
	visibility: visible;
	opacity: 1;
	transition: all 0.4s;
}
.homepage2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea:hover
	.content
	p {
	color: var(--ztc-text-text-1);
	transition: all 0.4s;
}
.homepage2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea:hover
	.content
	.icons {
	background: var(--ztc-bg-bg17);
	transition: all 0.4s;
}
.homepage2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea:hover
	.content
	.icons
	img {
	filter: brightness(0) invert(1);
	transition: all 0.4s;
}
.homepage2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea:hover
	.percent::after {
	visibility: visible;
	transition: all 0.4s;
	background: var(--ztc-text-text-1);
}
.homepage2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea:hover
	.percent
	p {
	color: var(--ztc-text-text-3);
}
.homepage2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.polygon4 {
	position: absolute;
	left: 0;
	transition: all 0.4s;
	visibility: hidden;
	opacity: 0;
}
@media (max-width: 767px) {
	.homepage2-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.skills-all-boxarea
		.polygon4 {
		height: 200px;
		width: 200px;
		-o-object-fit: contain;
		object-fit: contain;
	}
}
@media (max-width: 767px) {
	.homepage2-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.skills-all-boxarea
		.polygon2 {
		height: 200px;
		width: 200px;
		-o-object-fit: contain;
		object-fit: contain;
	}
}
.homepage2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.percent {
	height: 70px;
	width: 70px;
	text-align: center;
	line-height: 70px;
	border-radius: 50%;
	position: absolute;
	left: 39%;
	margin-top: -30px;
	z-index: 2;
	background: var(--ztc-bg-main-bg);
}
@media (max-width: 767px) {
	.homepage2-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.skills-all-boxarea
		.percent {
		height: 40px;
		width: 40px;
		text-align: center;
	}
}
.homepage2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.percent::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	transition: all 0.4s;
	background: var(--ztc-bg-main-bg);
	border-radius: 50%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: -1;
}
.homepage2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.percent
	p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
}
@media (max-width: 767px) {
	.homepage2-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.skills-all-boxarea
		.percent
		p {
		font-size: var(--ztc-font-size-font-s14);
		line-height: 40px;
		text-align: center;
	}
}
.homepage2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.content {
	text-align: center;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 52%;
	right: -33%;
	position: absolute;
}
.homepage2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.content
	.icons {
	height: 80px;
	width: 80px;
	text-align: center;
	border-radius: 4px;
	line-height: 80px;
	display: inline-block;
	background: var(--ztc-bg-bg16);
	transition: all 0.4s;
	margin-bottom: 30px;
}
@media (max-width: 767px) {
	.homepage2-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.skills-all-boxarea
		.content
		.icons {
		height: 50px;
		width: 50px;
		line-height: 50px;
		text-align: center;
	}
}
.homepage2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.content
	.icons
	img {
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage2-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.skills-all-boxarea
		.content
		.icons
		img {
		height: 32px;
		width: 32px;
	}
}
.homepage2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.content
	p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-semibold);
	color: var(--ztc-text-text-3);
	line-height: var(--ztc-font-size-font-s24);
	text-transform: uppercase;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage2-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.skills-all-boxarea
		.content
		p {
		font-size: var(--ztc-font-size-font-s16);
		line-height: 16px;
		text-align: center;
	}
}

.homepage1-body.rtl1-body .skills-section-area {
	position: relative;
	z-index: 1;
	padding: 0 0 100px 0;
	margin-top: 400px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .skills-section-area {
		margin-top: 50px;
		padding: 0 0 50px 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body .skills-section-area {
		margin-top: 50px;
		padding: 0;
	}
}
.homepage1-body.rtl1-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading {
	margin-bottom: 65px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.skills-section-area
		.skills-header-area
		.pbmit-heading-subheading {
		text-align: center;
	}
}
.homepage1-body.rtl1-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	margin-bottom: 32px;
}
.homepage1-body.rtl1-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	h4
	img {
	margin: 0 0 0 4px;
}
.homepage1-body.rtl1-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.skills-section-area
		.skills-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s40);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.skills-section-area
		.skills-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage1-body.rtl1-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	.designer {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	line-height: var(--ztc-font-size-font-s48);
	color: transparent;
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-1);
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.skills-section-area
		.skills-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s30);
		margin-left: 8px;
		display: inline-block;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.skills-section-area
		.skills-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage1-body.rtl1-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	span.marketer {
	margin-top: 16px;
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: relative;
	border-radius: 4px;
	left: -112px;
	right: inherit;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.skills-section-area
		.skills-header-area
		.pbmit-heading-subheading
		span.marketer {
		left: 0;
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s30);
		padding: 16px;
		margin-top: 10px;
		width: 100%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.skills-section-area
		.skills-header-area
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		padding: 16px;
		margin-top: 10px;
	}
}
.homepage1-body.rtl1-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-bg-bg-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-1);
	border-radius: 4px;
}
.homepage1-body.rtl1-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.homepage1-body.rtl1-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.homepage1-body.rtl1-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.homepage1-body.rtl1-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body .skills-section-area .all-boxes-area {
		overflow-x: scroll;
		overflow-y: hidden;
		padding: 50px 0 50px 0;
	}
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .skills-section-area .all-boxes-area {
		position: relative;
	}
}
.homepage1-body.rtl1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area {
	display: flex;
	align-items: center;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area {
		display: inline-block;
	}
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.box1 {
		left: -130px !important;
	}
}
.homepage1-body.rtl1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box2
	.percent {
	background: var(--ztc-text-text-1) !important;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.box2 {
		position: absolute !important;
		right: -20px !important;
		left: inherit;
		top: 0;
		margin: 0 0 0 0 !important;
	}
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.box3 {
		position: relative;
		right: 40px !important;
		left: inherit;
	}
}
.homepage1-body.rtl1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box4 {
	margin-right: 200px !important;
	margin-left: 0 !important;
	margin-top: -50px !important;
	position: relative;
}
.homepage1-body.rtl1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box4
	.percent {
	bottom: -30px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.box4 {
		margin-right: 0;
		top: 20px;
		left: 20px;
	}
}
.homepage1-body.rtl1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box5 {
	margin-left: 0 !important;
	margin-top: -50px !important;
	position: relative;
}
.homepage1-body.rtl1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box5
	.percent {
	bottom: -30px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.box5 {
		position: absolute !important;
		right: -20px;
		left: inherit;
		bottom: 150px;
		margin: 0 0 0 0 !important;
	}
}
.homepage1-body.rtl1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box6 {
	margin-left: 0 !important;
	margin-top: -50px !important;
	position: relative;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.box6
		.content {
		left: 76% !important;
	}
}
.homepage1-body.rtl1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box6
	.percent {
	bottom: -30px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.box6
		.percent {
		left: 70% !important;
	}
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.box6 {
		margin: -30px 0 0 0 !important;
		left: -68px;
		top: 55px;
	}
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.box6
		.polygon4 {
		left: 50% !important;
	}
}
.homepage1-body.rtl1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box2
	.content
	.icons {
	background: var(--ztc-bg-bg6) !important;
}
.homepage1-body.rtl1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box2
	.content
	.icons
	img {
	filter: brightness(0);
}
.homepage1-body.rtl1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box2
	.content
	p {
	color: var(--ztc-text-text-3) !important;
}
.homepage1-body.rtl1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea {
	position: relative;
	z-index: 1;
	margin: 0 40px 0 0;
}
.homepage1-body.rtl1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea:hover
	.polygon4 {
	visibility: visible;
	opacity: 1;
	transition: all 0.4s;
}
.homepage1-body.rtl1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea:hover
	.content
	p {
	color: var(--ztc-text-text-3);
	transition: all 0.4s;
}
.homepage1-body.rtl1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea:hover
	.content
	.icons {
	background: var(--ztc-bg-bg6);
	transition: all 0.4s;
}
.homepage1-body.rtl1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea:hover
	.content
	.icons
	img {
	filter: brightness(0);
	transition: all 0.4s;
}
.homepage1-body.rtl1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea:hover
	.percent::after {
	visibility: visible;
	transition: all 0.4s;
}
.homepage1-body.rtl1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.polygon4 {
	position: absolute;
	left: 0;
	transition: all 0.4s;
	visibility: hidden;
	opacity: 0;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.skills-all-boxarea
		.polygon4 {
		height: 200px;
		width: 200px;
		-o-object-fit: contain;
		object-fit: contain;
	}
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.skills-all-boxarea
		.polygon2 {
		height: 200px;
		width: 200px;
		-o-object-fit: contain;
		object-fit: contain;
	}
}
.homepage1-body.rtl1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.percent {
	height: 70px;
	width: 70px;
	text-align: center;
	line-height: 70px;
	border-radius: 50%;
	position: absolute;
	left: 39%;
	margin-top: -30px;
	z-index: 2;
	transition: all 0.4s;
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.skills-all-boxarea
		.percent {
		height: 40px;
		width: 40px;
		text-align: center;
	}
}
.homepage1-body.rtl1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.percent::after {
	background: var(--ztc-text-text-1);
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	border-radius: 50%;
	z-index: -1;
	visibility: hidden;
	transition: all 0.4s;
}
.homepage1-body.rtl1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.percent
	p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-3);
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.skills-all-boxarea
		.percent
		p {
		font-size: var(--ztc-font-size-font-s14);
		line-height: 40px;
		text-align: center;
	}
}
.homepage1-body.rtl1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.content {
	text-align: center;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 52%;
	right: -33%;
	position: absolute;
}
.homepage1-body.rtl1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.content
	.icons {
	height: 80px;
	width: 80px;
	text-align: center;
	border-radius: 4px;
	line-height: 80px;
	display: inline-block;
	background: var(--ztc-bg-bg-5);
	transition: all 0.4s;
	margin-bottom: 30px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.skills-all-boxarea
		.content
		.icons {
		height: 50px;
		width: 50px;
		line-height: 50px;
		text-align: center;
	}
}
.homepage1-body.rtl1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.content
	.icons
	img {
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.skills-all-boxarea
		.content
		.icons
		img {
		height: 32px;
		width: 32px;
	}
}
.homepage1-body.rtl1-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.content
	p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-semibold);
	color: var(--ztc-text-text-1);
	line-height: var(--ztc-font-size-font-s24);
	text-transform: uppercase;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.skills-all-boxarea
		.content
		p {
		font-size: var(--ztc-font-size-font-s16);
		line-height: 16px;
		text-align: center;
	}
}

.homepage2-body.rtl2-body .skills-section-area {
	position: relative;
	z-index: 1;
	padding: 0 0 100px 0;
	margin-top: 400px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .skills-section-area {
		margin-top: 50px;
		padding: 0 0 50px 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body .skills-section-area {
		margin-top: 50px;
		padding: 0;
	}
}
.homepage2-body.rtl2-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading {
	margin-bottom: 65px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.skills-section-area
		.skills-header-area
		.pbmit-heading-subheading {
		text-align: center;
	}
}
.homepage2-body.rtl2-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	margin-bottom: 32px;
}
.homepage2-body.rtl2-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	h4
	img {
	margin: 0 0 0 4px;
}
.homepage2-body.rtl2-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-3);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.skills-section-area
		.skills-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s40);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.skills-section-area
		.skills-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage2-body.rtl2-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	.designer {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-3);
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-3);
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.skills-section-area
		.skills-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s30);
		margin-left: 8px;
		display: inline-block;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.skills-section-area
		.skills-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage2-body.rtl2-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	span.marketer {
	margin-top: 16px;
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: relative;
	border-radius: 4px;
	left: -112px;
	right: inherit;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.skills-section-area
		.skills-header-area
		.pbmit-heading-subheading
		span.marketer {
		left: 0;
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s30);
		padding: 16px;
		margin-top: 10px;
		width: 100%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.skills-section-area
		.skills-header-area
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		padding: 16px;
		margin-top: 10px;
	}
}
.homepage2-body.rtl2-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-text-text-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-6);
	border-radius: 4px;
}
.homepage2-body.rtl2-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.homepage2-body.rtl2-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.homepage2-body.rtl2-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.homepage2-body.rtl2-body
	.skills-section-area
	.skills-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body .skills-section-area .all-boxes-area {
		overflow-x: scroll;
		overflow-y: hidden;
		padding: 50px 0 50px 0;
	}
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .skills-section-area .all-boxes-area {
		position: relative;
	}
}
.homepage2-body.rtl2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area {
	display: flex;
	align-items: center;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area {
		display: inline-block;
	}
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.box1 {
		left: -130px !important;
	}
}
.homepage2-body.rtl2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box2
	.percent {
	background: var(--ztc-text-text-1) !important;
}
.homepage2-body.rtl2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box2
	.percent
	p {
	color: var(--ztc-text-text-3) !important;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.box2 {
		position: absolute !important;
		right: -20px !important;
		left: inherit;
		top: 0;
		margin: 0 0 0 0 !important;
	}
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.box3 {
		position: relative;
		right: 40px !important;
		left: inherit;
	}
}
.homepage2-body.rtl2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box4 {
	margin-right: 200px !important;
	margin-left: 0 !important;
	margin-top: -50px !important;
	position: relative;
}
.homepage2-body.rtl2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box4
	.percent {
	bottom: -30px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.box4 {
		margin-right: 0;
		top: 20px;
		left: 20px;
	}
}
.homepage2-body.rtl2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box5 {
	margin-left: 0 !important;
	margin-top: -50px !important;
	position: relative;
}
.homepage2-body.rtl2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box5
	.percent {
	bottom: -30px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.box5 {
		position: absolute !important;
		right: -20px;
		left: inherit;
		bottom: 150px;
		margin: 0 0 0 0 !important;
	}
}
.homepage2-body.rtl2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box6 {
	margin-left: 0 !important;
	margin-top: -50px !important;
	position: relative;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.box6
		.content {
		left: 76% !important;
	}
}
.homepage2-body.rtl2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box6
	.percent {
	bottom: -30px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.box6
		.percent {
		left: 70% !important;
	}
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.box6 {
		margin: -30px 0 0 0 !important;
		left: -68px;
		top: 55px;
	}
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.box6
		.polygon4 {
		left: 50% !important;
	}
}
.homepage2-body.rtl2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box2
	.content
	.icons {
	background: var(--ztc-bg-bg17) !important;
}
.homepage2-body.rtl2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box2
	.content
	.icons
	img {
	filter: brightness(0) invert(1);
}
.homepage2-body.rtl2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.box2
	.content
	p {
	color: var(--ztc-text-text-1) !important;
}
.homepage2-body.rtl2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea {
	position: relative;
	z-index: 1;
	margin: 0 40px 0 0;
}
.homepage2-body.rtl2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea:hover
	.polygon4 {
	visibility: visible;
	opacity: 1;
	transition: all 0.4s;
}
.homepage2-body.rtl2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea:hover
	.content
	p {
	color: var(--ztc-text-text-1);
	transition: all 0.4s;
}
.homepage2-body.rtl2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea:hover
	.content
	.icons {
	background: var(--ztc-bg-bg17);
	transition: all 0.4s;
}
.homepage2-body.rtl2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea:hover
	.content
	.icons
	img {
	filter: brightness(0) invert(1);
	transition: all 0.4s;
}
.homepage2-body.rtl2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea:hover
	.percent::after {
	visibility: visible;
	transition: all 0.4s;
	background: var(--ztc-text-text-1);
}
.homepage2-body.rtl2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea:hover
	.percent
	p {
	color: var(--ztc-text-text-3);
}
.homepage2-body.rtl2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.polygon4 {
	position: absolute;
	left: 0;
	transition: all 0.4s;
	visibility: hidden;
	opacity: 0;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.skills-all-boxarea
		.polygon4 {
		height: 200px;
		width: 200px;
		-o-object-fit: contain;
		object-fit: contain;
	}
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.skills-all-boxarea
		.polygon2 {
		height: 200px;
		width: 200px;
		-o-object-fit: contain;
		object-fit: contain;
	}
}
.homepage2-body.rtl2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.percent {
	height: 70px;
	width: 70px;
	text-align: center;
	line-height: 70px;
	border-radius: 50%;
	position: absolute;
	left: 39%;
	margin-top: -30px;
	z-index: 2;
	background: var(--ztc-bg-main-bg);
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.skills-all-boxarea
		.percent {
		height: 40px;
		width: 40px;
		text-align: center;
	}
}
.homepage2-body.rtl2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.percent::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	transition: all 0.4s;
	background: var(--ztc-bg-main-bg);
	border-radius: 50%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: -1;
}
.homepage2-body.rtl2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.percent
	p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.skills-all-boxarea
		.percent
		p {
		font-size: var(--ztc-font-size-font-s14);
		line-height: 40px;
		text-align: center;
	}
}
.homepage2-body.rtl2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.content {
	text-align: center;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 52%;
	right: -33%;
	position: absolute;
}
.homepage2-body.rtl2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.content
	.icons {
	height: 80px;
	width: 80px;
	text-align: center;
	border-radius: 4px;
	line-height: 80px;
	display: inline-block;
	background: var(--ztc-bg-bg16);
	transition: all 0.4s;
	margin-bottom: 30px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.skills-all-boxarea
		.content
		.icons {
		height: 50px;
		width: 50px;
		line-height: 50px;
		text-align: center;
	}
}
.homepage2-body.rtl2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.content
	.icons
	img {
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.skills-all-boxarea
		.content
		.icons
		img {
		height: 32px;
		width: 32px;
	}
}
.homepage2-body.rtl2-body
	.skills-section-area
	.all-boxes-area
	.skils-auhtor-area
	.skills-all-boxarea
	.content
	p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-semibold);
	color: var(--ztc-text-text-3);
	line-height: var(--ztc-font-size-font-s24);
	text-transform: uppercase;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.skills-section-area
		.all-boxes-area
		.skils-auhtor-area
		.skills-all-boxarea
		.content
		p {
		font-size: var(--ztc-font-size-font-s16);
		line-height: 16px;
		text-align: center;
	}
}

/* ============= SKILLS AREA ENDS =============== */
/* ============= PORTFOLIO AREA STARTS =============== */
.homepage1-body .portfolio-section-area {
	position: relative;
	z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body .portfolio-section-area {
		padding: 50px 0 0 0;
	}
}
@media (max-width: 767px) {
	.homepage1-body .portfolio-section-area {
		padding: 50px 0 0 0;
	}
}
@media (max-width: 767px) {
	.homepage1-body .portfolio-section-area .portfolio-header-area {
		margin-top: 30px;
	}
}
.homepage1-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading {
	margin-bottom: 65px;
}
@media (max-width: 767px) {
	.homepage1-body
		.portfolio-section-area
		.portfolio-header-area
		.pbmit-heading-subheading {
		text-align: center;
	}
}
.homepage1-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	margin-bottom: 32px;
}
.homepage1-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	h4
	img {
	margin: 0 4px 0 0;
}
.homepage1-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage1-body
		.portfolio-section-area
		.portfolio-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s40);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.portfolio-section-area
		.portfolio-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage1-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	.designer {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	line-height: var(--ztc-font-size-font-s48);
	color: transparent;
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-1);
}
@media (max-width: 767px) {
	.homepage1-body
		.portfolio-section-area
		.portfolio-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s30);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.portfolio-section-area
		.portfolio-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage1-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	span.marketer {
	margin-top: 16px;
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: relative;
	border-radius: 4px;
	right: -300px;
}
@media (max-width: 767px) {
	.homepage1-body
		.portfolio-section-area
		.portfolio-header-area
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		font-size: var(--ztc-font-size-font-s26);
		line-height: var(--ztc-font-size-font-s26);
		padding: 16px;
		margin-top: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.portfolio-section-area
		.portfolio-header-area
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		padding: 16px;
		margin-top: 10px;
	}
}
.homepage1-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-bg-bg-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-1);
	border-radius: 4px;
}
.homepage1-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.homepage1-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.homepage1-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.homepage1-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
.homepage1-body .portfolio-section-area .box2 {
	left: 110px;
	margin-top: 60px;
}
@media (max-width: 767px) {
	.homepage1-body .portfolio-section-area .box2 {
		left: 0;
		margin-top: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body .portfolio-section-area .box2 {
		left: 0;
		margin-top: 0;
	}
}
.homepage1-body .portfolio-section-area .box3 {
	margin-top: -60px;
}
@media (max-width: 767px) {
	.homepage1-body .portfolio-section-area .box3 {
		margin-top: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body .portfolio-section-area .box3 {
		margin-top: 0;
	}
}
.homepage1-body .portfolio-section-area .box4 {
	left: 110px;
}
@media (max-width: 767px) {
	.homepage1-body .portfolio-section-area .box4 {
		left: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body .portfolio-section-area .box4 {
		left: 0;
	}
}
.homepage1-body .portfolio-section-area .portfolio-box-area {
	position: relative;
	margin-bottom: 60px;
}
@media (max-width: 767px) {
	.homepage1-body .portfolio-section-area .portfolio-box-area {
		margin-bottom: 30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body .portfolio-section-area .portfolio-box-area {
		margin-bottom: 30px;
	}
}
.homepage1-body .portfolio-section-area .portfolio-box-area:hover .images img {
	transform: scale(1.1);
	transition: all 0.4s;
}
.homepage1-body
	.portfolio-section-area
	.portfolio-box-area:hover
	.content-area {
	margin-left: 0;
	transition: all 0.4s;
}
.homepage1-body .portfolio-section-area .portfolio-box-area .images {
	overflow: hidden;
	transition: all 0.4s;
	border-radius: 4px;
}
.homepage1-body .portfolio-section-area .portfolio-box-area .images img {
	height: 340px;
	width: 460px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 4px;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage1-body .portfolio-section-area .portfolio-box-area .images img {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body .portfolio-section-area .portfolio-box-area .images img {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
}
.homepage1-body .portfolio-section-area .portfolio-box-area .content-area {
	padding: 28px 24px;
	border-radius: 4px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin-top: -80px;
	width: 100%;
	margin-left: 100px;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage1-body .portfolio-section-area .portfolio-box-area .content-area {
		margin-left: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body .portfolio-section-area .portfolio-box-area .content-area {
		margin-left: 0;
	}
}
.homepage1-body .portfolio-section-area .portfolio-box-area .content-area h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	line-height: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	margin-bottom: 16px;
}
.homepage1-body .portfolio-section-area .portfolio-box-area .content-area a {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s30);
	color: var(--ztc-text-text-1);
	position: relative;
	transition: all 0.4s;
	text-transform: uppercase;
}
.homepage1-body
	.portfolio-section-area
	.portfolio-box-area
	.content-area
	a:hover {
	text-decoration: underline;
}

.homepage2-body .portfolio-section-area {
	position: relative;
	z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .portfolio-section-area {
		padding: 50px 0 0 0;
	}
}
@media (max-width: 767px) {
	.homepage2-body .portfolio-section-area {
		padding: 50px 0 0 0;
	}
}
.homepage2-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading {
	margin-bottom: 65px;
}
@media (max-width: 767px) {
	.homepage2-body
		.portfolio-section-area
		.portfolio-header-area
		.pbmit-heading-subheading {
		text-align: center;
	}
}
.homepage2-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	margin-bottom: 32px;
}
.homepage2-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	h4
	img {
	margin: 0 4px 0 0;
}
.homepage2-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-3);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage2-body
		.portfolio-section-area
		.portfolio-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s40);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.portfolio-section-area
		.portfolio-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage2-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	.designer {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-3);
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-3);
}
@media (max-width: 767px) {
	.homepage2-body
		.portfolio-section-area
		.portfolio-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s32);
		line-height: var(--ztc-font-size-font-s32);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.portfolio-section-area
		.portfolio-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage2-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	span.marketer {
	margin-top: 16px;
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: relative;
	border-radius: 4px;
	right: -300px;
}
@media (max-width: 767px) {
	.homepage2-body
		.portfolio-section-area
		.portfolio-header-area
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		font-size: var(--ztc-font-size-font-s26);
		line-height: var(--ztc-font-size-font-s26);
		padding: 16px;
		margin-top: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.portfolio-section-area
		.portfolio-header-area
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		padding: 16px;
		margin-top: 10px;
	}
}
.homepage2-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-text-text-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-6);
	border-radius: 4px;
}
.homepage2-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.homepage2-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.homepage2-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.homepage2-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
.homepage2-body .portfolio-section-area .box2 {
	left: 110px;
	margin-top: 60px;
}
@media (max-width: 767px) {
	.homepage2-body .portfolio-section-area .box2 {
		left: 0;
		margin-top: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .portfolio-section-area .box2 {
		left: 0;
		margin-top: 0;
	}
}
.homepage2-body .portfolio-section-area .box3 {
	margin-top: -60px;
}
@media (max-width: 767px) {
	.homepage2-body .portfolio-section-area .box3 {
		margin-top: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .portfolio-section-area .box3 {
		margin-top: 0;
	}
}
.homepage2-body .portfolio-section-area .box4 {
	left: 110px;
}
@media (max-width: 767px) {
	.homepage2-body .portfolio-section-area .box4 {
		left: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .portfolio-section-area .box4 {
		left: 0;
	}
}
.homepage2-body .portfolio-section-area .portfolio-box-area {
	position: relative;
	margin-bottom: 60px;
}
@media (max-width: 767px) {
	.homepage2-body .portfolio-section-area .portfolio-box-area {
		margin-bottom: 30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .portfolio-section-area .portfolio-box-area {
		margin-bottom: 30px;
	}
}
.homepage2-body .portfolio-section-area .portfolio-box-area:hover .images img {
	transform: scale(1.1);
	transition: all 0.4s;
}
.homepage2-body
	.portfolio-section-area
	.portfolio-box-area:hover
	.content-area {
	margin-left: 0;
	transition: all 0.4s;
}
.homepage2-body .portfolio-section-area .portfolio-box-area .images {
	overflow: hidden;
	transition: all 0.4s;
	border-radius: 4px;
}
.homepage2-body .portfolio-section-area .portfolio-box-area .images img {
	height: 340px;
	width: 460px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 4px;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage2-body .portfolio-section-area .portfolio-box-area .images img {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .portfolio-section-area .portfolio-box-area .images img {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
}
.homepage2-body .portfolio-section-area .portfolio-box-area .content-area {
	padding: 28px 24px;
	border-radius: 4px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin-top: -80px;
	width: 100%;
	margin-left: 100px;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage2-body .portfolio-section-area .portfolio-box-area .content-area {
		margin-left: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .portfolio-section-area .portfolio-box-area .content-area {
		margin-left: 0;
	}
}
.homepage2-body .portfolio-section-area .portfolio-box-area .content-area h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	line-height: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	margin-bottom: 16px;
}
.homepage2-body .portfolio-section-area .portfolio-box-area .content-area a {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s30);
	color: var(--ztc-text-text-3);
	position: relative;
	transition: all 0.4s;
	text-transform: uppercase;
}
.homepage2-body
	.portfolio-section-area
	.portfolio-box-area
	.content-area
	a:hover {
	text-decoration: underline;
}

.homepage1-body.rtl1-body .portfolio-section-area {
	position: relative;
	z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body .portfolio-section-area {
		padding: 50px 0 0 0;
	}
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .portfolio-section-area {
		padding: 50px 0 0 0;
	}
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .portfolio-section-area .portfolio-header-area {
		margin-top: 30px;
	}
}
.homepage1-body.rtl1-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading {
	margin-bottom: 65px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.portfolio-section-area
		.portfolio-header-area
		.pbmit-heading-subheading {
		text-align: center;
	}
}
.homepage1-body.rtl1-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	margin-bottom: 32px;
}
.homepage1-body.rtl1-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	h4
	img {
	margin: 0 0 0 4px;
}
.homepage1-body.rtl1-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.portfolio-section-area
		.portfolio-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s40);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.portfolio-section-area
		.portfolio-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage1-body.rtl1-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	.designer {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	line-height: var(--ztc-font-size-font-s48);
	color: transparent;
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-1);
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.portfolio-section-area
		.portfolio-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s30);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.portfolio-section-area
		.portfolio-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage1-body.rtl1-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	span.marketer {
	margin-top: 16px;
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: relative;
	border-radius: 4px;
	left: -300px;
	right: inherit;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.portfolio-section-area
		.portfolio-header-area
		.pbmit-heading-subheading
		span.marketer {
		left: 0;
		font-size: var(--ztc-font-size-font-s26);
		line-height: var(--ztc-font-size-font-s26);
		padding: 16px;
		margin-top: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.portfolio-section-area
		.portfolio-header-area
		.pbmit-heading-subheading
		span.marketer {
		left: 0;
		padding: 16px;
		margin-top: 10px;
	}
}
.homepage1-body.rtl1-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-bg-bg-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-1);
	border-radius: 4px;
}
.homepage1-body.rtl1-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.homepage1-body.rtl1-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.homepage1-body.rtl1-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.homepage1-body.rtl1-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
.homepage1-body.rtl1-body .portfolio-section-area .box2 {
	right: 110px;
	margin-top: 60px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .portfolio-section-area .box2 {
		right: 0;
		margin-top: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body .portfolio-section-area .box2 {
		right: 0;
		margin-top: 0;
	}
}
.homepage1-body.rtl1-body .portfolio-section-area .box3 {
	margin-top: -60px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .portfolio-section-area .box3 {
		margin-top: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body .portfolio-section-area .box3 {
		margin-top: 0;
	}
}
.homepage1-body.rtl1-body .portfolio-section-area .box4 {
	right: 110px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .portfolio-section-area .box4 {
		right: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body .portfolio-section-area .box4 {
		right: 0;
	}
}
.homepage1-body.rtl1-body .portfolio-section-area .portfolio-box-area {
	position: relative;
	margin-bottom: 60px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .portfolio-section-area .portfolio-box-area {
		margin-bottom: 30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body .portfolio-section-area .portfolio-box-area {
		margin-bottom: 30px;
	}
}
.homepage1-body.rtl1-body
	.portfolio-section-area
	.portfolio-box-area:hover
	.images
	img {
	transform: scale(1.1);
	transition: all 0.4s;
}
.homepage1-body.rtl1-body
	.portfolio-section-area
	.portfolio-box-area:hover
	.content-area {
	margin-right: 0;
	transition: all 0.4s;
}
.homepage1-body.rtl1-body .portfolio-section-area .portfolio-box-area .images {
	overflow: hidden;
	transition: all 0.4s;
	border-radius: 4px;
}
.homepage1-body.rtl1-body
	.portfolio-section-area
	.portfolio-box-area
	.images
	img {
	height: 340px;
	width: 460px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 4px;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.portfolio-section-area
		.portfolio-box-area
		.images
		img {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.portfolio-section-area
		.portfolio-box-area
		.images
		img {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
}
.homepage1-body.rtl1-body
	.portfolio-section-area
	.portfolio-box-area
	.content-area {
	padding: 28px 24px;
	border-radius: 4px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin-top: -80px;
	width: 100%;
	margin-right: 100px;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.portfolio-section-area
		.portfolio-box-area
		.content-area {
		margin-right: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.portfolio-section-area
		.portfolio-box-area
		.content-area {
		margin-right: 0;
	}
}
.homepage1-body.rtl1-body
	.portfolio-section-area
	.portfolio-box-area
	.content-area
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	line-height: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	margin-bottom: 16px;
}
.homepage1-body.rtl1-body
	.portfolio-section-area
	.portfolio-box-area
	.content-area
	a {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s30);
	color: var(--ztc-text-text-1);
	position: relative;
	transition: all 0.4s;
	text-transform: uppercase;
}
.homepage1-body.rtl1-body
	.portfolio-section-area
	.portfolio-box-area
	.content-area
	a:hover {
	text-decoration: underline;
}

.homepage2-body.rtl2-body .portfolio-section-area {
	position: relative;
	z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body .portfolio-section-area {
		padding: 50px 0 0 0;
	}
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .portfolio-section-area {
		padding: 50px 0 0 0;
	}
}
.homepage2-body.rtl2-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading {
	margin-bottom: 65px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.portfolio-section-area
		.portfolio-header-area
		.pbmit-heading-subheading {
		text-align: center;
	}
}
.homepage2-body.rtl2-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	margin-bottom: 32px;
}
.homepage2-body.rtl2-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	h4
	img {
	margin: 0 0 0 4px;
}
.homepage2-body.rtl2-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-3);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.portfolio-section-area
		.portfolio-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s40);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.portfolio-section-area
		.portfolio-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage2-body.rtl2-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	.designer {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-3);
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-3);
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.portfolio-section-area
		.portfolio-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s32);
		line-height: var(--ztc-font-size-font-s32);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.portfolio-section-area
		.portfolio-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage2-body.rtl2-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	span.marketer {
	margin-top: 16px;
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: relative;
	border-radius: 4px;
	left: -300px;
	right: inherit;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.portfolio-section-area
		.portfolio-header-area
		.pbmit-heading-subheading
		span.marketer {
		left: 0;
		font-size: var(--ztc-font-size-font-s26);
		line-height: var(--ztc-font-size-font-s26);
		padding: 16px;
		margin-top: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.portfolio-section-area
		.portfolio-header-area
		.pbmit-heading-subheading
		span.marketer {
		left: 0;
		padding: 16px;
		margin-top: 10px;
	}
}
.homepage2-body.rtl2-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-text-text-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-6);
	border-radius: 4px;
}
.homepage2-body.rtl2-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.homepage2-body.rtl2-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.homepage2-body.rtl2-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.homepage2-body.rtl2-body
	.portfolio-section-area
	.portfolio-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
.homepage2-body.rtl2-body .portfolio-section-area .box2 {
	right: 110px;
	margin-top: 60px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .portfolio-section-area .box2 {
		right: 0;
		margin-top: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body .portfolio-section-area .box2 {
		right: 0;
		margin-top: 0;
	}
}
.homepage2-body.rtl2-body .portfolio-section-area .box3 {
	margin-top: -60px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .portfolio-section-area .box3 {
		margin-top: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body .portfolio-section-area .box3 {
		margin-top: 0;
	}
}
.homepage2-body.rtl2-body .portfolio-section-area .box4 {
	right: 110px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .portfolio-section-area .box4 {
		right: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body .portfolio-section-area .box4 {
		right: 0;
	}
}
.homepage2-body.rtl2-body .portfolio-section-area .portfolio-box-area {
	position: relative;
	margin-bottom: 60px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .portfolio-section-area .portfolio-box-area {
		margin-bottom: 30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body .portfolio-section-area .portfolio-box-area {
		margin-bottom: 30px;
	}
}
.homepage2-body.rtl2-body
	.portfolio-section-area
	.portfolio-box-area:hover
	.images
	img {
	transform: scale(1.1);
	transition: all 0.4s;
}
.homepage2-body.rtl2-body
	.portfolio-section-area
	.portfolio-box-area:hover
	.content-area {
	margin-left: 0;
	transition: all 0.4s;
}
.homepage2-body.rtl2-body .portfolio-section-area .portfolio-box-area .images {
	overflow: hidden;
	transition: all 0.4s;
	border-radius: 4px;
}
.homepage2-body.rtl2-body
	.portfolio-section-area
	.portfolio-box-area
	.images
	img {
	height: 340px;
	width: 460px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 4px;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.portfolio-section-area
		.portfolio-box-area
		.images
		img {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.portfolio-section-area
		.portfolio-box-area
		.images
		img {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
}
.homepage2-body.rtl2-body
	.portfolio-section-area
	.portfolio-box-area
	.content-area {
	padding: 28px 24px;
	border-radius: 4px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin-top: -80px;
	width: 100%;
	margin-right: 100px;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.portfolio-section-area
		.portfolio-box-area
		.content-area {
		margin-right: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.portfolio-section-area
		.portfolio-box-area
		.content-area {
		margin-right: 0;
	}
}
.homepage2-body.rtl2-body
	.portfolio-section-area
	.portfolio-box-area
	.content-area
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	line-height: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	margin-bottom: 16px;
}
.homepage2-body.rtl2-body
	.portfolio-section-area
	.portfolio-box-area
	.content-area
	a {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s30);
	color: var(--ztc-text-text-3);
	position: relative;
	transition: all 0.4s;
	text-transform: uppercase;
}
.homepage2-body.rtl2-body
	.portfolio-section-area
	.portfolio-box-area
	.content-area
	a:hover {
	text-decoration: underline;
}

/* ============= PORTFOLIO AREA ENDS =============== */
/* ============= TESTIMONIAL AREA STARTS =============== */
.homepage1-body .testimonial-section-area {
	position: relative;
	z-index: 1;
}
.homepage1-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading {
	margin-bottom: 65px;
}
@media (max-width: 767px) {
	.homepage1-body
		.testimonial-section-area
		.testimonial-header-area
		.pbmit-heading-subheading {
		text-align: center;
	}
}
.homepage1-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	margin-bottom: 32px;
}
.homepage1-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	h4
	img {
	margin: 0 4px 0 0;
}
.homepage1-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage1-body
		.testimonial-section-area
		.testimonial-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s40);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.testimonial-section-area
		.testimonial-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage1-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	.designer {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	line-height: var(--ztc-font-size-font-s48);
	color: transparent;
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-1);
}
@media (max-width: 767px) {
	.homepage1-body
		.testimonial-section-area
		.testimonial-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s30);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.testimonial-section-area
		.testimonial-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage1-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	span.marketer {
	margin-top: 16px;
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: relative;
	border-radius: 4px;
	right: -14px;
}
@media (max-width: 767px) {
	.homepage1-body
		.testimonial-section-area
		.testimonial-header-area
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		font-size: var(--ztc-font-size-font-s32);
		line-height: var(--ztc-font-size-font-s42);
		padding: 16px;
		margin-top: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.testimonial-section-area
		.testimonial-header-area
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		padding: 16px;
		margin-top: 10px;
	}
}
.homepage1-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-bg-bg-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-1);
	border-radius: 4px;
}
.homepage1-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.homepage1-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.homepage1-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.homepage1-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
.homepage1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content {
	background: var(--ztc-bg-bg-1);
	border: 1px solid var(--ztc-border-border-1);
	padding: 90px 190px;
	border-radius: 4px;
	position: relative;
}
@media (max-width: 767px) {
	.homepage1-body
		.testimonial-section-area
		.testimonial-box-area
		.testimonial-content {
		padding: 20px;
	}
}
.homepage1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.testimonial1 {
	position: absolute;
	top: 20px;
	left: 20px;
	height: 100px;
	width: 100px;
	border-radius: 50%;
}
@media (max-width: 767px) {
	.homepage1-body
		.testimonial-section-area
		.testimonial-box-area
		.testimonial-content
		.testimonial1 {
		display: none;
	}
}
.homepage1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.testimonial2 {
	position: absolute;
	top: 20px;
	right: 20px;
	height: 160px;
	width: 142px;
}
@media (max-width: 767px) {
	.homepage1-body
		.testimonial-section-area
		.testimonial-box-area
		.testimonial-content
		.testimonial2 {
		display: none;
	}
}
.homepage1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.testimonial3 {
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 124px;
	height: 140px;
}
@media (max-width: 767px) {
	.homepage1-body
		.testimonial-section-area
		.testimonial-box-area
		.testimonial-content
		.testimonial3 {
		display: none;
	}
}
.homepage1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.testimonial4 {
	position: absolute;
	bottom: 20px;
	right: 20px;
	height: 100px;
	width: 100px;
}
@media (max-width: 767px) {
	.homepage1-body
		.testimonial-section-area
		.testimonial-box-area
		.testimonial-content
		.testimonial4 {
		display: none;
	}
}
.homepage1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	ul
	li {
	display: inline-block;
	color: #ffc700;
}
.homepage1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	ul
	li:nth-child(5) {
	color: var(--ztc-text-text-1);
	opacity: 0.3;
}
.homepage1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	p {
	margin-top: 24px;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	opacity: 0.8;
	line-height: var(--ztc-font-size-font-s32);
}
.homepage1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.name {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	color: var(--ztc-text-text-1);
	line-height: var(--ztc-font-size-font-s30);
	font-weight: var(--ztc-weight-semibold);
	display: block;
	text-transform: uppercase;
	margin-top: 40px;
	margin-bottom: 20px;
}
.homepage1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.readmore {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	color: var(--ztc-text-text-1);
	line-height: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-bold);
	text-transform: uppercase;
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 0;
	text-decoration: underline;
	position: relative;
}
.homepage1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.readmore::after {
	position: absolute;
	content: "";
	height: 1px;
	width: 100%;
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	left: 0;
	bottom: 0;
}
.homepage1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.owl-nav {
	position: absolute;
	bottom: 0;
	right: 0;
}
@media (max-width: 767px) {
	.homepage1-body
		.testimonial-section-area
		.testimonial-box-area
		.testimonial-content
		.owl-nav {
		position: relative;
		margin-top: 30px;
	}
}
.homepage1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.owl-nav
	button {
	height: 48px;
	width: 48px;
	display: inline-block;
	border-radius: 50%;
	line-height: 48px;
	background-color: var(--ztc-bg-bg18);
	color: var(--ztc-bg-bg19);
	transition: all 0.4s;
	position: relative;
	z-index: 1;
	margin: 0 8px 0 0;
}
.homepage1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.owl-nav
	button::after {
	position: absolute;
	content: "";
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	color: var(--ztc-text-text-3);
	transition: all 0.4s;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	border-radius: 50%;
	z-index: -1;
	visibility: hidden;
	opacity: 0;
}
.homepage1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.owl-nav
	button:hover {
	color: var(--ztc-text-text-3);
	transition: all 0.4s;
}
.homepage1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.owl-nav
	button:hover::after {
	visibility: visible;
	opacity: 1;
	transition: all 0.4s;
}

.homepage2-body .testimonial-section-area {
	position: relative;
	z-index: 1;
}
.homepage2-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading {
	margin-bottom: 65px;
}
@media (max-width: 767px) {
	.homepage2-body
		.testimonial-section-area
		.testimonial-header-area
		.pbmit-heading-subheading {
		text-align: center;
	}
}
.homepage2-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	margin-bottom: 32px;
}
.homepage2-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	h4
	img {
	margin: 0 4px 0 0;
}
.homepage2-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-3);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage2-body
		.testimonial-section-area
		.testimonial-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s40);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.testimonial-section-area
		.testimonial-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage2-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	.designer {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-3);
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-3);
	padding-left: 60px;
}
@media (max-width: 767px) {
	.homepage2-body
		.testimonial-section-area
		.testimonial-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s32);
		line-height: var(--ztc-font-size-font-s32);
		padding-left: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.testimonial-section-area
		.testimonial-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
		padding-left: 0;
	}
}
.homepage2-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	span.marketer {
	margin-top: 16px;
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: relative;
	border-radius: 4px;
	right: -14px;
}
@media (max-width: 767px) {
	.homepage2-body
		.testimonial-section-area
		.testimonial-header-area
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		font-size: var(--ztc-font-size-font-s32);
		line-height: var(--ztc-font-size-font-s42);
		padding: 16px;
		margin-top: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.testimonial-section-area
		.testimonial-header-area
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		padding: 16px;
		margin-top: 10px;
	}
}
.homepage2-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-text-text-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-6);
	border-radius: 4px;
}
.homepage2-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.homepage2-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.homepage2-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.homepage2-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
.homepage2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content {
	background: var(--ztc-text-text-1);
	border: 1px solid var(--ztc-text-text-1);
	padding: 90px 190px;
	border-radius: 4px;
	position: relative;
}
@media (max-width: 767px) {
	.homepage2-body
		.testimonial-section-area
		.testimonial-box-area
		.testimonial-content {
		padding: 20px;
	}
}
.homepage2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.testimonial1 {
	position: absolute;
	top: 20px;
	left: 20px;
	height: 100px;
	width: 100px;
	border-radius: 50%;
}
@media (max-width: 767px) {
	.homepage2-body
		.testimonial-section-area
		.testimonial-box-area
		.testimonial-content
		.testimonial1 {
		display: none;
	}
}
.homepage2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.testimonial2 {
	position: absolute;
	top: 20px;
	right: 20px;
	height: 160px;
	width: 142px;
}
@media (max-width: 767px) {
	.homepage2-body
		.testimonial-section-area
		.testimonial-box-area
		.testimonial-content
		.testimonial2 {
		display: none;
	}
}
.homepage2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.testimonial3 {
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 124px;
	height: 140px;
}
@media (max-width: 767px) {
	.homepage2-body
		.testimonial-section-area
		.testimonial-box-area
		.testimonial-content
		.testimonial3 {
		display: none;
	}
}
.homepage2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.testimonial4 {
	position: absolute;
	bottom: 20px;
	right: 20px;
	height: 100px;
	width: 100px;
}
@media (max-width: 767px) {
	.homepage2-body
		.testimonial-section-area
		.testimonial-box-area
		.testimonial-content
		.testimonial4 {
		display: none;
	}
}
.homepage2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	ul
	li {
	display: inline-block;
	color: #ffc700;
}
.homepage2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	ul
	li:nth-child(5) {
	color: var(--ztc-text-text-1);
	opacity: 0.3;
}
.homepage2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	p {
	margin-top: 24px;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-3);
	opacity: 0.9;
	line-height: var(--ztc-font-size-font-s32);
}
.homepage2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.name {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	color: var(--ztc-text-text-3);
	line-height: var(--ztc-font-size-font-s30);
	font-weight: var(--ztc-weight-semibold);
	display: block;
	text-transform: uppercase;
	margin-top: 40px;
	margin-bottom: 20px;
}
.homepage2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.readmore {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	color: var(--ztc-text-text-1);
	line-height: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-bold);
	text-transform: uppercase;
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 0;
	text-decoration: underline;
	position: relative;
}
.homepage2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.readmore::after {
	position: absolute;
	content: "";
	height: 1px;
	width: 100%;
	background: var(--ztc-bg-main-bg);
	left: 0;
	bottom: 0;
}
.homepage2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.owl-nav {
	position: absolute;
	bottom: 0;
	right: 0;
}
@media (max-width: 767px) {
	.homepage2-body
		.testimonial-section-area
		.testimonial-box-area
		.testimonial-content
		.owl-nav {
		position: relative;
		margin-top: 30px;
	}
}
.homepage2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.owl-nav
	button {
	height: 48px;
	width: 48px;
	display: inline-block;
	border-radius: 50%;
	line-height: 48px;
	background-color: #ffcfb4;
	color: var(--ztc-text-text-9);
	transition: all 0.4s;
	position: relative;
	z-index: 1;
	margin: 0 8px 0 0;
}
.homepage2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.owl-nav
	button::after {
	position: absolute;
	content: "";
	background: var(--ztc-bg-main-bg);
	color: var(--ztc-text-text-1);
	transition: all 0.4s;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	border-radius: 50%;
	z-index: -1;
	visibility: hidden;
	opacity: 0;
}
.homepage2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.owl-nav
	button:hover {
	color: var(--ztc-text-text-1);
	transition: all 0.4s;
}
.homepage2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.owl-nav
	button:hover::after {
	visibility: visible;
	opacity: 1;
	transition: all 0.4s;
}

.homepage1-body.rtl1-body .testimonial-section-area {
	position: relative;
	z-index: 1;
}
.homepage1-body.rtl1-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading {
	margin-bottom: 65px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.testimonial-section-area
		.testimonial-header-area
		.pbmit-heading-subheading {
		text-align: center;
	}
}
.homepage1-body.rtl1-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	margin-bottom: 32px;
}
.homepage1-body.rtl1-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	h4
	img {
	margin: 0 0 0 4px;
}
.homepage1-body.rtl1-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.testimonial-section-area
		.testimonial-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s40);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.testimonial-section-area
		.testimonial-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage1-body.rtl1-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	.designer {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	line-height: var(--ztc-font-size-font-s48);
	color: transparent;
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-1);
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.testimonial-section-area
		.testimonial-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s30);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.testimonial-section-area
		.testimonial-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage1-body.rtl1-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	span.marketer {
	margin-top: 16px;
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: relative;
	border-radius: 4px;
	left: -14px;
	right: 0;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.testimonial-section-area
		.testimonial-header-area
		.pbmit-heading-subheading
		span.marketer {
		left: 0;
		font-size: var(--ztc-font-size-font-s32);
		line-height: var(--ztc-font-size-font-s42);
		padding: 16px;
		margin-top: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.testimonial-section-area
		.testimonial-header-area
		.pbmit-heading-subheading
		span.marketer {
		left: 0;
		padding: 16px;
		margin-top: 10px;
	}
}
.homepage1-body.rtl1-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-bg-bg-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-1);
	border-radius: 4px;
}
.homepage1-body.rtl1-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.homepage1-body.rtl1-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.homepage1-body.rtl1-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.homepage1-body.rtl1-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
.homepage1-body.rtl1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content {
	background: var(--ztc-bg-bg-1);
	border: 1px solid var(--ztc-border-border-1);
	padding: 90px 190px;
	border-radius: 4px;
	position: relative;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.testimonial-section-area
		.testimonial-box-area
		.testimonial-content {
		padding: 20px;
	}
}
.homepage1-body.rtl1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.testimonial1 {
	position: absolute;
	top: 20px;
	left: 20px;
	height: 100px;
	width: 100px;
	border-radius: 50%;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.testimonial-section-area
		.testimonial-box-area
		.testimonial-content
		.testimonial1 {
		display: none;
	}
}
.homepage1-body.rtl1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.testimonial2 {
	position: absolute;
	top: 20px;
	right: 20px;
	height: 160px;
	width: 142px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.testimonial-section-area
		.testimonial-box-area
		.testimonial-content
		.testimonial2 {
		display: none;
	}
}
.homepage1-body.rtl1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.testimonial3 {
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 124px;
	height: 140px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.testimonial-section-area
		.testimonial-box-area
		.testimonial-content
		.testimonial3 {
		display: none;
	}
}
.homepage1-body.rtl1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.testimonial4 {
	position: absolute;
	bottom: 20px;
	right: 20px;
	height: 100px;
	width: 100px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.testimonial-section-area
		.testimonial-box-area
		.testimonial-content
		.testimonial4 {
		display: none;
	}
}
.homepage1-body.rtl1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	ul
	li {
	display: inline-block;
	color: #ffc700;
}
.homepage1-body.rtl1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	ul
	li:nth-child(5) {
	color: var(--ztc-text-text-1);
	opacity: 0.3;
}
.homepage1-body.rtl1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	p {
	margin-top: 24px;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	opacity: 0.8;
	line-height: var(--ztc-font-size-font-s32);
}
.homepage1-body.rtl1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.name {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	color: var(--ztc-text-text-1);
	line-height: var(--ztc-font-size-font-s30);
	font-weight: var(--ztc-weight-semibold);
	display: block;
	text-transform: uppercase;
	margin-top: 40px;
	margin-bottom: 20px;
}
.homepage1-body.rtl1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.readmore {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	color: var(--ztc-text-text-1);
	line-height: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-bold);
	text-transform: uppercase;
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 0;
	text-decoration: underline;
	position: relative;
}
.homepage1-body.rtl1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.readmore::after {
	position: absolute;
	content: "";
	height: 1px;
	width: 100%;
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	left: 0;
	bottom: 0;
}
.homepage1-body.rtl1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.owl-nav {
	position: absolute;
	bottom: 0;
	left: 0;
	right: inherit;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.testimonial-section-area
		.testimonial-box-area
		.testimonial-content
		.owl-nav {
		position: relative;
		margin-top: 30px;
	}
}
.homepage1-body.rtl1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.owl-nav
	button {
	height: 48px;
	width: 48px;
	display: inline-block;
	border-radius: 50%;
	line-height: 48px;
	background-color: var(--ztc-bg-bg18);
	color: var(--ztc-bg-bg19);
	transition: all 0.4s;
	position: relative;
	z-index: 1;
	margin: 0 8px 0 0;
}
.homepage1-body.rtl1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.owl-nav
	button::after {
	position: absolute;
	content: "";
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	color: var(--ztc-text-text-3);
	transition: all 0.4s;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	border-radius: 50%;
	z-index: -1;
	visibility: hidden;
	opacity: 0;
}
.homepage1-body.rtl1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.owl-nav
	button:hover {
	color: var(--ztc-text-text-3);
	transition: all 0.4s;
}
.homepage1-body.rtl1-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.owl-nav
	button:hover::after {
	visibility: visible;
	opacity: 1;
	transition: all 0.4s;
}

.homepage2-body.rtl2-body .testimonial-section-area {
	position: relative;
	z-index: 1;
}
.homepage2-body.rtl2-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading {
	margin-bottom: 65px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.testimonial-section-area
		.testimonial-header-area
		.pbmit-heading-subheading {
		text-align: center;
	}
}
.homepage2-body.rtl2-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	margin-bottom: 32px;
}
.homepage2-body.rtl2-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	h4
	img {
	margin: 0 0 0 4px;
}
.homepage2-body.rtl2-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-3);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.testimonial-section-area
		.testimonial-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s40);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.testimonial-section-area
		.testimonial-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage2-body.rtl2-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	.designer {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-3);
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-3);
	padding-left: 60px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.testimonial-section-area
		.testimonial-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s32);
		line-height: var(--ztc-font-size-font-s32);
		padding-left: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.testimonial-section-area
		.testimonial-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
		padding-left: 0;
	}
}
.homepage2-body.rtl2-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	span.marketer {
	margin-top: 16px;
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: relative;
	border-radius: 4px;
	left: -14px;
	right: 0;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.testimonial-section-area
		.testimonial-header-area
		.pbmit-heading-subheading
		span.marketer {
		left: 0;
		font-size: var(--ztc-font-size-font-s32);
		line-height: var(--ztc-font-size-font-s42);
		padding: 16px;
		margin-top: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.testimonial-section-area
		.testimonial-header-area
		.pbmit-heading-subheading
		span.marketer {
		left: 0;
		padding: 16px;
		margin-top: 10px;
	}
}
.homepage2-body.rtl2-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-text-text-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-6);
	border-radius: 4px;
}
.homepage2-body.rtl2-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.homepage2-body.rtl2-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.homepage2-body.rtl2-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.homepage2-body.rtl2-body
	.testimonial-section-area
	.testimonial-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
.homepage2-body.rtl2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content {
	background: var(--ztc-text-text-1);
	border: 1px solid var(--ztc-text-text-1);
	padding: 90px 190px;
	border-radius: 4px;
	position: relative;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.testimonial-section-area
		.testimonial-box-area
		.testimonial-content {
		padding: 20px;
	}
}
.homepage2-body.rtl2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.testimonial1 {
	position: absolute;
	top: 20px;
	left: 20px;
	height: 100px;
	width: 100px;
	border-radius: 50%;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.testimonial-section-area
		.testimonial-box-area
		.testimonial-content
		.testimonial1 {
		display: none;
	}
}
.homepage2-body.rtl2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.testimonial2 {
	position: absolute;
	top: 20px;
	right: 20px;
	height: 160px;
	width: 142px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.testimonial-section-area
		.testimonial-box-area
		.testimonial-content
		.testimonial2 {
		display: none;
	}
}
.homepage2-body.rtl2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.testimonial3 {
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 124px;
	height: 140px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.testimonial-section-area
		.testimonial-box-area
		.testimonial-content
		.testimonial3 {
		display: none;
	}
}
.homepage2-body.rtl2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.testimonial4 {
	position: absolute;
	bottom: 20px;
	right: 20px;
	height: 100px;
	width: 100px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.testimonial-section-area
		.testimonial-box-area
		.testimonial-content
		.testimonial4 {
		display: none;
	}
}
.homepage2-body.rtl2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	ul
	li {
	display: inline-block;
	color: #ffc700;
}
.homepage2-body.rtl2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	ul
	li:nth-child(5) {
	color: var(--ztc-text-text-1);
	opacity: 0.3;
}
.homepage2-body.rtl2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	p {
	margin-top: 24px;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-3);
	opacity: 0.9;
	line-height: var(--ztc-font-size-font-s32);
}
.homepage2-body.rtl2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.name {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	color: var(--ztc-text-text-3);
	line-height: var(--ztc-font-size-font-s30);
	font-weight: var(--ztc-weight-semibold);
	display: block;
	text-transform: uppercase;
	margin-top: 40px;
	margin-bottom: 20px;
}
.homepage2-body.rtl2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.readmore {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	color: var(--ztc-text-text-1);
	line-height: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-bold);
	text-transform: uppercase;
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 0;
	text-decoration: underline;
	position: relative;
}
.homepage2-body.rtl2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.readmore::after {
	position: absolute;
	content: "";
	height: 1px;
	width: 100%;
	background: var(--ztc-bg-main-bg);
	left: 0;
	bottom: 0;
}
.homepage2-body.rtl2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.owl-nav {
	position: absolute;
	bottom: 0;
	left: 0;
	right: inherit;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.testimonial-section-area
		.testimonial-box-area
		.testimonial-content
		.owl-nav {
		position: relative;
		margin-top: 30px;
	}
}
.homepage2-body.rtl2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.owl-nav
	button {
	height: 48px;
	width: 48px;
	display: inline-block;
	border-radius: 50%;
	line-height: 48px;
	background-color: #ffcfb4;
	color: var(--ztc-text-text-9);
	transition: all 0.4s;
	position: relative;
	z-index: 1;
	margin: 0 8px 0 0;
}
.homepage2-body.rtl2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.owl-nav
	button::after {
	position: absolute;
	content: "";
	background: var(--ztc-bg-main-bg);
	color: var(--ztc-text-text-1);
	transition: all 0.4s;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	border-radius: 50%;
	z-index: -1;
	visibility: hidden;
	opacity: 0;
}
.homepage2-body.rtl2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.owl-nav
	button:hover {
	color: var(--ztc-text-text-1);
	transition: all 0.4s;
}
.homepage2-body.rtl2-body
	.testimonial-section-area
	.testimonial-box-area
	.testimonial-content
	.owl-nav
	button:hover::after {
	visibility: visible;
	opacity: 1;
	transition: all 0.4s;
}

/* ============= TESTIMONIAL AREA ENDS =============== */
/* ============= BLOG AREA STARTS =============== */
.blog-section-area {
	padding: 100px 0 0 0;
	position: relative;
	z-index: 1;
}
.blog-section-area .blog-header-area .pbmit-heading-subheading {
	margin-bottom: 65px;
}
@media (max-width: 767px) {
	.blog-section-area .blog-header-area .pbmit-heading-subheading {
		text-align: center;
	}
}
.blog-section-area .blog-header-area .pbmit-heading-subheading h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	margin-bottom: 32px;
}
.blog-section-area .blog-header-area .pbmit-heading-subheading h4 img {
	margin: 0 4px 0 0;
}
.blog-section-area .blog-header-area .pbmit-heading-subheading h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.blog-section-area .blog-header-area .pbmit-heading-subheading h2 {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s40);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-section-area .blog-header-area .pbmit-heading-subheading h2 {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.blog-section-area .blog-header-area .pbmit-heading-subheading .designer {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	line-height: var(--ztc-font-size-font-s48);
	color: transparent;
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-1);
	padding-left: 120px;
}
@media (max-width: 767px) {
	.blog-section-area .blog-header-area .pbmit-heading-subheading .designer {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s30);
		padding-left: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-section-area .blog-header-area .pbmit-heading-subheading .designer {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
		padding-left: 0;
	}
}
.blog-section-area .blog-header-area .pbmit-heading-subheading span.marketer {
	margin-top: 16px;
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: relative;
	border-radius: 4px;
	right: -14px;
}
@media (max-width: 767px) {
	.blog-section-area .blog-header-area .pbmit-heading-subheading span.marketer {
		right: 0;
		font-size: var(--ztc-font-size-font-s32);
		line-height: var(--ztc-font-size-font-s42);
		padding: 16px;
		margin-top: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-section-area .blog-header-area .pbmit-heading-subheading span.marketer {
		right: 0;
		padding: 16px;
		margin-top: 10px;
	}
}
.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-bg-bg-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-1);
	border-radius: 4px;
}
.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
.blog-section-area .box2 {
	left: 70px;
	margin-top: 60px;
}
@media (max-width: 767px) {
	.blog-section-area .box2 {
		left: 0;
		margin-top: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-section-area .box2 {
		left: 0;
		margin-top: 0;
	}
}
.blog-section-area .box3 {
	margin-top: -60px;
}
@media (max-width: 767px) {
	.blog-section-area .box3 {
		margin-top: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-section-area .box3 {
		margin-top: 0;
	}
}
.blog-section-area .box4 {
	left: 70px;
}
@media (max-width: 767px) {
	.blog-section-area .box4 {
		left: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-section-area .box4 {
		left: 0;
	}
}
.blog-section-area .blog-box-area {
	position: relative;
	margin-bottom: 48px;
}
@media (max-width: 767px) {
	.blog-section-area .blog-box-area {
		margin-bottom: 30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-section-area .blog-box-area {
		margin-bottom: 30px;
	}
}
.blog-section-area .blog-box-area:hover .images img {
	transform: scale(1.1);
	transition: all 0.4s;
}
.blog-section-area .blog-box-area:hover .content-area {
	margin-left: 0;
	transition: all 0.4s;
}
.blog-section-area .blog-box-area .images {
	overflow: hidden;
	transition: all 0.4s;
	border-radius: 4px;
}
.blog-section-area .blog-box-area .images img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 4px;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.blog-section-area .blog-box-area .images img {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-section-area .blog-box-area .images img {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
}
.blog-section-area .blog-box-area .content-area {
	padding: 28px 24px;
	border-radius: 4px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin-top: -150px;
	width: 100%;
	margin-left: 30px;
	transition: all 0.4s;
	background: var(--ztc-bg-bg-1);
}
@media (max-width: 767px) {
	.blog-section-area .blog-box-area .content-area {
		margin-left: 0;
		margin-top: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-section-area .blog-box-area .content-area {
		margin-left: 0;
		margin-top: 0;
	}
}
.blog-section-area .blog-box-area .content-area .tags-area {
	margin-bottom: 18px;
}
.blog-section-area .blog-box-area .content-area .tags-area a {
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	display: inline-block;
	line-height: var(--ztc-font-size-font-s16);
	font-family: var(--ztc-family-font1);
	text-transform: uppercase;
	margin: 0 16px 0 0;
}
.blog-section-area .blog-box-area .content-area .tags-area a img {
	margin: -5px 4px 0 0;
}
.blog-section-area .blog-box-area .content-area a {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s18);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s28);
	color: var(--ztc-text-text-1);
	position: relative;
	transition: all 0.4s;
	margin-bottom: 16px;
	text-transform: uppercase;
}
.blog-section-area .blog-box-area .content-area a:hover {
	text-decoration: underline;
}
.blog-section-area .blog-box-area .content-area p {
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	display: inline-block;
	opacity: 0.8;
	line-height: var(--ztc-font-size-font-s26);
	font-family: var(--ztc-family-font1);
	margin-bottom: 20px;
}
.blog-section-area .blog-box-area .content-area a.readmore {
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-bold);
	display: inline-block;
	line-height: var(--ztc-font-size-font-s16);
	font-family: var(--ztc-family-font1);
	margin-bottom: 0;
	color: none;
	position: relative;
}
.blog-section-area .blog-box-area .content-area a.readmore svg {
	margin-left: 4px;
	color: #2ce97a;
	transform: rotate(-45deg);
}

.homepage2-body .blog-section-area {
	padding: 100px 0 0 0;
	position: relative;
	z-index: 1;
}
.homepage2-body .blog-section-area .blog-header-area .pbmit-heading-subheading {
	margin-bottom: 65px;
}
@media (max-width: 767px) {
	.homepage2-body
		.blog-section-area
		.blog-header-area
		.pbmit-heading-subheading {
		text-align: center;
	}
}
.homepage2-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	margin-bottom: 32px;
}
.homepage2-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	h4
	img {
	margin: 0 4px 0 0;
}
.homepage2-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-3);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage2-body
		.blog-section-area
		.blog-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s40);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.blog-section-area
		.blog-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage2-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	.designer {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-3);
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-3);
	padding-left: 120px;
}
@media (max-width: 767px) {
	.homepage2-body
		.blog-section-area
		.blog-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s30);
		padding-left: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.blog-section-area
		.blog-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
		padding-left: 0;
	}
}
.homepage2-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	span.marketer {
	margin-top: 16px;
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: relative;
	border-radius: 4px;
	right: -14px;
}
@media (max-width: 767px) {
	.homepage2-body
		.blog-section-area
		.blog-header-area
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		font-size: var(--ztc-font-size-font-s32);
		line-height: var(--ztc-font-size-font-s42);
		padding: 16px;
		margin-top: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.blog-section-area
		.blog-header-area
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		padding: 16px;
		margin-top: 10px;
	}
}
.homepage2-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-text-text-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-6);
	border-radius: 4px;
}
.homepage2-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.homepage2-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.homepage2-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.homepage2-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
.homepage2-body .blog-section-area .box2 {
	left: 70px;
	margin-top: 60px;
}
@media (max-width: 767px) {
	.homepage2-body .blog-section-area .box2 {
		left: 0;
		margin-top: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .blog-section-area .box2 {
		left: 0;
		margin-top: 0;
	}
}
.homepage2-body .blog-section-area .box3 {
	margin-top: -60px;
}
@media (max-width: 767px) {
	.homepage2-body .blog-section-area .box3 {
		margin-top: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .blog-section-area .box3 {
		margin-top: 0;
	}
}
.homepage2-body .blog-section-area .box4 {
	left: 70px;
}
@media (max-width: 767px) {
	.homepage2-body .blog-section-area .box4 {
		left: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .blog-section-area .box4 {
		left: 0;
	}
}
.homepage2-body .blog-section-area .blog-box-area {
	position: relative;
	margin-bottom: 48px;
}
@media (max-width: 767px) {
	.homepage2-body .blog-section-area .blog-box-area {
		margin-bottom: 30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .blog-section-area .blog-box-area {
		margin-bottom: 30px;
	}
}
.homepage2-body .blog-section-area .blog-box-area:hover .images img {
	transform: scale(1.1);
	transition: all 0.4s;
}
.homepage2-body .blog-section-area .blog-box-area:hover .content-area {
	margin-left: 0;
	transition: all 0.4s;
}
.homepage2-body .blog-section-area .blog-box-area .images {
	overflow: hidden;
	transition: all 0.4s;
	border-radius: 4px;
}
.homepage2-body .blog-section-area .blog-box-area .images img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 4px;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage2-body .blog-section-area .blog-box-area .images img {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .blog-section-area .blog-box-area .images img {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
}
.homepage2-body .blog-section-area .blog-box-area .content-area {
	padding: 28px 24px;
	border-radius: 4px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin-top: -150px;
	width: 100%;
	margin-left: 30px;
	transition: all 0.4s;
	background: var(--ztc-text-text-1);
}
@media (max-width: 767px) {
	.homepage2-body .blog-section-area .blog-box-area .content-area {
		margin-left: 0;
		margin-top: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .blog-section-area .blog-box-area .content-area {
		margin-left: 0;
		margin-top: 0;
	}
}
.homepage2-body .blog-section-area .blog-box-area .content-area .tags-area {
	margin-bottom: 18px;
}
.homepage2-body .blog-section-area .blog-box-area .content-area .tags-area img {
	filter: brightness(0);
}
.homepage2-body .blog-section-area .blog-box-area .content-area .tags-area a {
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-3);
	display: inline-block;
	line-height: var(--ztc-font-size-font-s16);
	font-family: var(--ztc-family-font1);
	text-transform: uppercase;
	margin: 0 16px 0 0;
}
.homepage2-body
	.blog-section-area
	.blog-box-area
	.content-area
	.tags-area
	a
	img {
	margin: -5px 4px 0 0;
}
.homepage2-body .blog-section-area .blog-box-area .content-area a {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s18);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s28);
	color: var(--ztc-text-text-3);
	position: relative;
	transition: all 0.4s;
	margin-bottom: 16px;
	text-transform: uppercase;
}
.homepage2-body .blog-section-area .blog-box-area .content-area a:hover {
	text-decoration: underline;
}
.homepage2-body .blog-section-area .blog-box-area .content-area p {
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-3);
	display: inline-block;
	opacity: 0.8;
	line-height: var(--ztc-font-size-font-s26);
	font-family: var(--ztc-family-font1);
	margin-bottom: 20px;
}
.homepage2-body .blog-section-area .blog-box-area .content-area a.readmore {
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-bold);
	display: inline-block;
	line-height: var(--ztc-font-size-font-s16);
	font-family: var(--ztc-family-font1);
	margin-bottom: 0;
	color: none;
	position: relative;
}
.homepage2-body .blog-section-area .blog-box-area .content-area a.readmore svg {
	margin-left: 4px;
	color: var(--ztc-border-border-6);
	transform: rotate(-45deg);
}

.homepage1-body.rtl1-body .blog-section-area {
	padding: 100px 0 0 0;
	position: relative;
	z-index: 1;
}
.homepage1-body.rtl1-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading {
	margin-bottom: 65px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.blog-section-area
		.blog-header-area
		.pbmit-heading-subheading {
		text-align: center;
	}
}
.homepage1-body.rtl1-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	margin-bottom: 32px;
}
.homepage1-body.rtl1-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	h4
	img {
	margin: 0 0 0 4px;
}
.homepage1-body.rtl1-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.blog-section-area
		.blog-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s40);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.blog-section-area
		.blog-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage1-body.rtl1-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	.designer {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	line-height: var(--ztc-font-size-font-s48);
	color: transparent;
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-1);
	padding-right: 120px;
	padding-left: 0 !important;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.blog-section-area
		.blog-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s30);
		padding-right: 0;
		padding-left: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.blog-section-area
		.blog-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
		padding-right: 0;
		padding-left: 0;
	}
}
.homepage1-body.rtl1-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	span.marketer {
	margin-top: 16px;
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: relative;
	border-radius: 4px;
	left: -14px;
	right: inherit;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.blog-section-area
		.blog-header-area
		.pbmit-heading-subheading
		span.marketer {
		left: 0;
		font-size: var(--ztc-font-size-font-s32);
		line-height: var(--ztc-font-size-font-s42);
		padding: 16px;
		margin-top: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.blog-section-area
		.blog-header-area
		.pbmit-heading-subheading
		span.marketer {
		left: 0;
		padding: 16px;
		margin-top: 10px;
	}
}
.homepage1-body.rtl1-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-bg-bg-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-1);
	border-radius: 4px;
}
.homepage1-body.rtl1-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.homepage1-body.rtl1-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.homepage1-body.rtl1-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.homepage1-body.rtl1-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
.homepage1-body.rtl1-body .blog-section-area .box2 {
	right: 70px;
	margin-top: 60px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .blog-section-area .box2 {
		right: 0;
		margin-top: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body .blog-section-area .box2 {
		right: 0;
		margin-top: 0;
	}
}
.homepage1-body.rtl1-body .blog-section-area .box3 {
	margin-top: -60px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .blog-section-area .box3 {
		margin-top: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body .blog-section-area .box3 {
		margin-top: 0;
	}
}
.homepage1-body.rtl1-body .blog-section-area .box4 {
	right: 70px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .blog-section-area .box4 {
		right: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body .blog-section-area .box4 {
		right: 0;
	}
}
.homepage1-body.rtl1-body .blog-section-area .blog-box-area {
	position: relative;
	margin-bottom: 48px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .blog-section-area .blog-box-area {
		margin-bottom: 30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body .blog-section-area .blog-box-area {
		margin-bottom: 30px;
	}
}
.homepage1-body.rtl1-body .blog-section-area .blog-box-area:hover .images img {
	transform: scale(1.1);
	transition: all 0.4s;
}
.homepage1-body.rtl1-body
	.blog-section-area
	.blog-box-area:hover
	.content-area {
	margin-right: 0;
	transition: all 0.4s;
}
.homepage1-body.rtl1-body .blog-section-area .blog-box-area .images {
	overflow: hidden;
	transition: all 0.4s;
	border-radius: 4px;
}
.homepage1-body.rtl1-body .blog-section-area .blog-box-area .images img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 4px;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .blog-section-area .blog-box-area .images img {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body .blog-section-area .blog-box-area .images img {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
}
.homepage1-body.rtl1-body .blog-section-area .blog-box-area .content-area {
	padding: 28px 24px;
	border-radius: 4px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin-top: -150px;
	width: 100%;
	margin-right: 30px;
	transition: all 0.4s;
	background: var(--ztc-bg-bg-1);
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .blog-section-area .blog-box-area .content-area {
		margin-right: 0;
		margin-top: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body .blog-section-area .blog-box-area .content-area {
		margin-right: 0;
		margin-top: 0;
	}
}
.homepage1-body.rtl1-body
	.blog-section-area
	.blog-box-area
	.content-area
	.tags-area {
	margin-bottom: 18px;
}
.homepage1-body.rtl1-body
	.blog-section-area
	.blog-box-area
	.content-area
	.tags-area
	a {
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	display: inline-block;
	line-height: var(--ztc-font-size-font-s16);
	font-family: var(--ztc-family-font1);
	text-transform: uppercase;
	margin: 0 0 0 16px;
}
.homepage1-body.rtl1-body
	.blog-section-area
	.blog-box-area
	.content-area
	.tags-area
	a
	img {
	margin: -5px 0 0 4px;
}
.homepage1-body.rtl1-body .blog-section-area .blog-box-area .content-area a {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s18);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s28);
	color: var(--ztc-text-text-1);
	position: relative;
	transition: all 0.4s;
	margin-bottom: 16px;
	text-transform: uppercase;
}
.homepage1-body.rtl1-body
	.blog-section-area
	.blog-box-area
	.content-area
	a:hover {
	text-decoration: underline;
}
.homepage1-body.rtl1-body .blog-section-area .blog-box-area .content-area p {
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	display: inline-block;
	opacity: 0.8;
	line-height: var(--ztc-font-size-font-s26);
	font-family: var(--ztc-family-font1);
	margin-bottom: 20px;
}
.homepage1-body.rtl1-body
	.blog-section-area
	.blog-box-area
	.content-area
	a.readmore {
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-bold);
	display: inline-block;
	line-height: var(--ztc-font-size-font-s16);
	font-family: var(--ztc-family-font1);
	margin-bottom: 0;
	color: none;
	position: relative;
}
.homepage1-body.rtl1-body
	.blog-section-area
	.blog-box-area
	.content-area
	a.readmore
	svg {
	margin-right: 4px;
	color: #2ce97a;
	transform: rotate(-45deg);
}

.homepage2-body .blog-section-area {
	padding: 100px 0 0 0;
	position: relative;
	z-index: 1;
}
.homepage2-body .blog-section-area .blog-header-area .pbmit-heading-subheading {
	margin-bottom: 65px;
}
@media (max-width: 767px) {
	.homepage2-body
		.blog-section-area
		.blog-header-area
		.pbmit-heading-subheading {
		text-align: center;
	}
}
.homepage2-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	margin-bottom: 32px;
}
.homepage2-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	h4
	img {
	margin: 0 0 0 4px;
}
.homepage2-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-3);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage2-body
		.blog-section-area
		.blog-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s40);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.blog-section-area
		.blog-header-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage2-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	.designer {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-3);
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-3);
	padding-right: 120px;
	padding-left: 0 !important;
}
@media (max-width: 767px) {
	.homepage2-body
		.blog-section-area
		.blog-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s30);
		padding-right: 0;
		padding-left: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.blog-section-area
		.blog-header-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
		padding-right: 0;
		padding-left: 0;
	}
}
.homepage2-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	span.marketer {
	margin-top: 16px;
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: relative;
	border-radius: 4px;
	left: -14px;
	right: inherit;
}
@media (max-width: 767px) {
	.homepage2-body
		.blog-section-area
		.blog-header-area
		.pbmit-heading-subheading
		span.marketer {
		left: 0;
		font-size: var(--ztc-font-size-font-s32);
		line-height: var(--ztc-font-size-font-s42);
		padding: 16px;
		margin-top: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.blog-section-area
		.blog-header-area
		.pbmit-heading-subheading
		span.marketer {
		left: 0;
		padding: 16px;
		margin-top: 10px;
	}
}
.homepage2-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-text-text-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-6);
	border-radius: 4px;
}
.homepage2-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.homepage2-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.homepage2-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.homepage2-body
	.blog-section-area
	.blog-header-area
	.pbmit-heading-subheading
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
.homepage2-body .blog-section-area .box2 {
	right: 70px;
	margin-top: 60px;
}
@media (max-width: 767px) {
	.homepage2-body .blog-section-area .box2 {
		right: 0;
		margin-top: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .blog-section-area .box2 {
		right: 0;
		margin-top: 0;
	}
}
.homepage2-body .blog-section-area .box3 {
	margin-top: -60px;
}
@media (max-width: 767px) {
	.homepage2-body .blog-section-area .box3 {
		margin-top: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .blog-section-area .box3 {
		margin-top: 0;
	}
}
.homepage2-body .blog-section-area .box4 {
	right: 70px;
}
@media (max-width: 767px) {
	.homepage2-body .blog-section-area .box4 {
		right: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .blog-section-area .box4 {
		right: 0;
	}
}
.homepage2-body .blog-section-area .blog-box-area {
	position: relative;
	margin-bottom: 48px;
}
@media (max-width: 767px) {
	.homepage2-body .blog-section-area .blog-box-area {
		margin-bottom: 30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .blog-section-area .blog-box-area {
		margin-bottom: 30px;
	}
}
.homepage2-body .blog-section-area .blog-box-area:hover .images img {
	transform: scale(1.1);
	transition: all 0.4s;
}
.homepage2-body .blog-section-area .blog-box-area:hover .content-area {
	margin-right: 0;
	transition: all 0.4s;
}
.homepage2-body .blog-section-area .blog-box-area .images {
	overflow: hidden;
	transition: all 0.4s;
	border-radius: 4px;
}
.homepage2-body .blog-section-area .blog-box-area .images img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 4px;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.homepage2-body .blog-section-area .blog-box-area .images img {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .blog-section-area .blog-box-area .images img {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
}
.homepage2-body .blog-section-area .blog-box-area .content-area {
	padding: 28px 24px;
	border-radius: 4px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin-top: -150px;
	width: 100%;
	margin-right: 30px;
	transition: all 0.4s;
	background: var(--ztc-text-text-1);
}
@media (max-width: 767px) {
	.homepage2-body .blog-section-area .blog-box-area .content-area {
		margin-left: 0;
		margin-top: 0;
		margin-right: inherit;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .blog-section-area .blog-box-area .content-area {
		margin-left: 0;
		margin-top: 0;
	}
}
.homepage2-body .blog-section-area .blog-box-area .content-area .tags-area {
	margin-bottom: 18px;
}
.homepage2-body .blog-section-area .blog-box-area .content-area .tags-area img {
	filter: brightness(0);
}
.homepage2-body .blog-section-area .blog-box-area .content-area .tags-area a {
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-3);
	display: inline-block;
	line-height: var(--ztc-font-size-font-s16);
	font-family: var(--ztc-family-font1);
	text-transform: uppercase;
	margin: 0 16px 0 0;
}
.homepage2-body
	.blog-section-area
	.blog-box-area
	.content-area
	.tags-area
	a
	img {
	margin: -5px 0 0 4px;
}
.homepage2-body .blog-section-area .blog-box-area .content-area a {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s18);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s28);
	color: var(--ztc-text-text-3);
	position: relative;
	transition: all 0.4s;
	margin-bottom: 16px;
	text-transform: uppercase;
}
.homepage2-body .blog-section-area .blog-box-area .content-area a:hover {
	text-decoration: underline;
}
.homepage2-body .blog-section-area .blog-box-area .content-area p {
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-3);
	display: inline-block;
	opacity: 0.8;
	line-height: var(--ztc-font-size-font-s26);
	font-family: var(--ztc-family-font1);
	margin-bottom: 20px;
}
.homepage2-body .blog-section-area .blog-box-area .content-area a.readmore {
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-bold);
	display: inline-block;
	line-height: var(--ztc-font-size-font-s16);
	font-family: var(--ztc-family-font1);
	margin-bottom: 0;
	color: none;
	position: relative;
}
.homepage2-body .blog-section-area .blog-box-area .content-area a.readmore svg {
	margin-left: 4px;
	color: var(--ztc-border-border-6);
	transform: rotate(-45deg);
}

/* ============= BLOG AREA ENDS =============== */
/* ============= FOOTER AREA STARTS =============== */
.homepage1-body .contact-section-area {
	padding: 50px 0 100px;
	position: relative;
	z-index: 1;
	margin-bottom: 230px;
}
@media (max-width: 767px) {
	.homepage1-body .contact-section-area {
		margin-bottom: 0;
		padding: 50px 0 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body .contact-section-area {
		margin-bottom: 0;
		padding: 50px 0 0;
	}
}
.homepage1-body .contact-section-area .contact-header-area {
	background: var(--ztc-bg-bg8);
	border-radius: 4px;
	padding: 48px 48px 225px 48px;
	border: 1px solid var(--ztc-border-border-1);
}
@media (max-width: 767px) {
	.homepage1-body .contact-section-area .contact-header-area {
		padding: 20px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body .contact-section-area .contact-header-area {
		padding: 40px;
	}
}
.homepage1-body .contact-section-area .contact-header-area .contact-from-area {
	background: var(--ztc-bg-bg9);
	border-radius: 4px;
	padding: 24px;
	border: 1px solid var(--ztc-border-border-1);
}
@media (max-width: 767px) {
	.homepage1-body
		.contact-section-area
		.contact-header-area
		.contact-from-area {
		margin-bottom: 30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.contact-section-area
		.contact-header-area
		.contact-from-area {
		margin-bottom: 30px;
	}
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	h3 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	line-height: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	color: var(--ztc-text-text-1);
	margin-bottom: 4px;
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	.nice-select {
	border: none;
	outline: none;
	width: 100%;
	border-radius: 4px;
	margin-top: 20px;
	background: var(--ztc-bg-bg10);
	padding: 16px;
	height: 48px;
	color: var(--ztc-text-text-1);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	line-height: 16px;
	font-weight: var(--ztc-weight-medium);
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	.nice-select
	span {
	color: var(--ztc-text-text-1);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	opacity: 0.8;
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	.nice-select
	ul.list {
	width: 100%;
	position: relative;
	z-index: 1;
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	.nice-select
	ul.list
	li {
	color: var(--ztc-text-text-3);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	z-index: 2;
	font-weight: var(--ztc-weight-medium);
	position: relative;
	z-index: 1;
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	input {
	border: none;
	outline: none;
	width: 100%;
	border-radius: 4px;
	margin-top: 20px;
	background: var(--ztc-bg-bg10);
	padding: 16px;
	height: 48px;
	color: var(--ztc-text-text-1);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	input::-moz-placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	opacity: 0.7;
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	input::placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	opacity: 0.7;
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	textarea {
	border: none;
	outline: none;
	width: 100%;
	border-radius: 4px;
	margin-top: 20px;
	background: var(--ztc-bg-bg10);
	padding: 16px;
	height: 110px;
	color: var(--ztc-text-text-1);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	textarea::-moz-placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	opacity: 0.7;
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	textarea::placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	opacity: 0.7;
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.btn-area {
	text-align: end;
	margin-top: -8px;
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.btn-area
	button {
	text-align: right;
	border: none;
	outline: none;
}
.homepage1-body .contact-section-area .contact-header-area .contact-text-area {
	padding: 0 0 0 15px;
}
@media (max-width: 767px) {
	.homepage1-body
		.contact-section-area
		.contact-header-area
		.contact-text-area {
		margin-bottom: 30px;
		padding: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.contact-section-area
		.contact-header-area
		.contact-text-area {
		margin-bottom: 30px;
		padding: 0;
	}
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.pbmit-heading-subheading {
	position: relative;
	z-index: 2;
}
@media (max-width: 767px) {
	.homepage1-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		.pbmit-heading-subheading {
		text-align: center;
	}
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	margin-bottom: 32px;
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.pbmit-heading-subheading
	h4
	img {
	margin: 0 4px 0 0;
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.pbmit-heading-subheading
	h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage1-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s40);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.pbmit-heading-subheading
	.designer {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	line-height: var(--ztc-font-size-font-s48);
	color: transparent;
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-1);
}
@media (max-width: 767px) {
	.homepage1-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s30);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.pbmit-heading-subheading
	span.marketer {
	margin-top: 16px;
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: absolute;
	border-radius: 4px;
	right: 25px;
	top: 10px;
}
@media (max-width: 767px) {
	.homepage1-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		font-size: var(--ztc-font-size-font-s32);
		line-height: var(--ztc-font-size-font-s42);
		padding: 16px;
		margin-top: 10px;
		position: relative;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		padding: 16px;
	}
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.pbmit-heading-subheading
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-bg-bg-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-1);
	border-radius: 4px;
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.pbmit-heading-subheading
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.pbmit-heading-subheading
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.pbmit-heading-subheading
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.pbmit-heading-subheading
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.contact-info-area {
	display: flex;
	align-items: center;
	padding-left: 55px;
}
@media (max-width: 767px) {
	.homepage1-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		.contact-info-area {
		padding: 0;
		display: inline-block;
		width: 100%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		.contact-info-area {
		padding: 0;
		display: inline-block;
	}
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.contact-info-area
	.info-boxarea {
	display: flex;
	align-items: center;
	background: var(--ztc-bg-bg9);
	border-radius: 4px;
	border: 1px solid var(--ztc-border-border-1);
	padding: 24px 28px;
	margin: 20px 20px 0 0;
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.contact-info-area
	.info-boxarea:hover {
	border: 1px solid var(--ztc-text-text-2) !important;
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.contact-info-area
	.info-boxarea
	.icons {
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 50px;
	display: inline-block;
	border-radius: 50%;
	background: var(--ztc-bg-bg10);
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.contact-info-area
	.info-boxarea
	.content {
	margin-left: 16px;
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.contact-info-area
	.info-boxarea
	.content
	h5 {
	font-size: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	color: var(--ztc-text-text-1);
	font-weight: var(--ztc-weight-semibold);
	margin-bottom: 14px;
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.contact-info-area
	.info-boxarea
	.content
	a {
	font-size: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s15);
	line-height: var(--ztc-font-size-font-s16);
	color: var(--ztc-text-text-1);
	opacity: 0.8;
	font-weight: var(--ztc-weight-semibold);
	display: inline-block;
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.btn-area {
	padding-left: 55px;
}
@media (max-width: 767px) {
	.homepage1-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		.btn-area {
		padding: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		.btn-area {
		padding: 0;
	}
}
.homepage1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	line-height: var(--ztc-font-size-font-s26);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	opacity: 0.8;
	margin-top: 44px;
	padding-left: 55px;
}
@media (max-width: 767px) {
	.homepage1-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		p {
		padding: 0;
		text-align: center;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		p {
		padding: 0;
	}
}
.homepage1-body .contact-section-area .footer-section-area {
	border-radius: 4px;
	padding: 40px 40px;
	position: absolute;
	margin-top: 48px;
}
@media (max-width: 767px) {
	.homepage1-body .contact-section-area .footer-section-area {
		position: relative;
		padding: 20px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body .contact-section-area .footer-section-area {
		position: relative;
		padding: 20px;
	}
}
.homepage1-body
	.contact-section-area
	.footer-section-area
	.footer-form-area
	h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s32);
	font-weight: var(--ztc-weight-semibold);
	color: var(--ztc-text-text-3);
	line-height: var(--ztc-font-size-font-s32);
	margin-bottom: 32px;
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage1-body
		.contact-section-area
		.footer-section-area
		.footer-form-area
		h2 {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s40);
	}
}
.homepage1-body
	.contact-section-area
	.footer-section-area
	.footer-form-area
	form {
	background: var(--ztc-bg-bg11);
	border-radius: 4px;
	position: relative;
	display: inline-block;
	height: 58px;
	width: 420px;
	padding: 19px 20px;
}
@media (max-width: 767px) {
	.homepage1-body
		.contact-section-area
		.footer-section-area
		.footer-form-area
		form {
		width: 100%;
	}
}
.homepage1-body
	.contact-section-area
	.footer-section-area
	.footer-form-area
	form
	input {
	background: none;
	outline: none;
	border: none;
	width: 100%;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	color: var(--ztc-text-text-3);
	font-weight: var(--ztc-weight-medium);
}
.homepage1-body
	.contact-section-area
	.footer-section-area
	.footer-form-area
	form
	input::-moz-placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	color: var(--ztc-text-text-3);
	font-weight: var(--ztc-weight-medium);
}
.homepage1-body
	.contact-section-area
	.footer-section-area
	.footer-form-area
	form
	input::placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	color: var(--ztc-text-text-3);
	font-weight: var(--ztc-weight-medium);
}
.homepage1-body
	.contact-section-area
	.footer-section-area
	.footer-form-area
	form
	button {
	background: var(--ztc-text-text-3);
	border: none;
	outline: none;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	color: var(--ztc-text-text-1);
	line-height: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-bold);
	text-transform: uppercase;
	padding: 21px 24px;
	border-radius: 4px;
	position: absolute;
	top: 0;
	right: 0;
}
@media (max-width: 767px) {
	.homepage1-body
		.contact-section-area
		.footer-section-area
		.footer-form-area
		form
		button {
		position: relative;
		margin-top: 30px;
	}
}
.homepage1-body
	.contact-section-area
	.footer-section-area
	.social-links-area
	ul {
	margin-top: 40px;
	text-align: center;
	display: flex;
	justify-content: center;
	padding-bottom: 40px;
	border-bottom: 1px solid var(--ztc-border-border-4);
}
@media (max-width: 767px) {
	.homepage1-body
		.contact-section-area
		.footer-section-area
		.social-links-area
		ul {
		display: inline-block;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.contact-section-area
		.footer-section-area
		.social-links-area
		ul {
		display: inline-block;
	}
}
.homepage1-body
	.contact-section-area
	.footer-section-area
	.social-links-area
	ul
	li {
	display: inline-block;
}
@media (max-width: 767px) {
	.homepage1-body
		.contact-section-area
		.footer-section-area
		.social-links-area
		ul
		li {
		margin-top: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.contact-section-area
		.footer-section-area
		.social-links-area
		ul
		li {
		margin-top: 10px;
	}
}
.homepage1-body
	.contact-section-area
	.footer-section-area
	.social-links-area
	ul
	li
	a {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s14);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-3);
	text-transform: uppercase;
	line-height: var(--ztc-font-size-font-s14);
	display: inline-block;
	background: var(--ztc-bg-bg11);
	border-radius: 5px;
	padding: 11px 19px;
	margin: 0 16px 0 0;
	position: relative;
	transition: all 0.4s;
}
.homepage1-body
	.contact-section-area
	.footer-section-area
	.social-links-area
	ul
	li
	a:hover {
	background: var(--ztc-text-text-1);
	transition: all 0.4s;
}
.homepage1-body
	.contact-section-area
	.footer-section-area
	.social-links-area
	ul
	li
	a::after {
	position: absolute;
	content: "";
	height: 32px;
	border-radius: 4px;
	width: 1px;
	background: var(--ztc-border-border-5);
	left: 60px;
	top: 10px;
}
.homepage1-body
	.contact-section-area
	.footer-section-area
	.social-links-area
	ul
	li
	a
	img {
	margin: 0 12px 0 0;
	position: relative;
	filter: brightness(0);
}
.homepage1-body
	.contact-section-area
	.footer-section-area
	.social-links-area
	ul
	li
	.twitter::after {
	left: 53px;
}
.homepage1-body .contact-section-area .footer-section-area .copyright-pera p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-3);
	opacity: 0.6;
	line-height: var(--ztc-font-size-font-s16);
	text-align: center;
	padding-top: 24px;
}

.contact-section-area {
	padding: 50px 0 100px;
	position: relative;
	z-index: 1;
	margin-bottom: 230px;
}
@media (max-width: 767px) {
	.contact-section-area {
		margin-bottom: 0;
		padding: 50px 0 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.contact-section-area {
		margin-bottom: 0;
		padding: 50px 0 0;
	}
}
.contact-section-area .contact-header-area {
	background: var(--ztc-text-text-1);
	border-radius: 4px;
	padding: 48px 48px 225px 48px;
	border: 1px solid var(--ztc-text-text-1);
}
@media (max-width: 767px) {
	.contact-section-area .contact-header-area {
		padding: 20px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.contact-section-area .contact-header-area {
		padding: 40px;
	}
}
.contact-section-area .contact-header-area .contact-from-area {
	background: var(--ztc-bg-bg13);
	border-radius: 4px;
	padding: 24px;
	border: 1px solid var(--ztc-bg-bg13);
}
@media (max-width: 767px) {
	.contact-section-area .contact-header-area .contact-from-area {
		margin-bottom: 30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.contact-section-area .contact-header-area .contact-from-area {
		margin-bottom: 30px;
	}
}
.contact-section-area .contact-header-area .contact-from-area h3 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	line-height: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	color: var(--ztc-text-text-3);
	margin-bottom: 4px;
}
.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	.nice-select {
	border: none;
	outline: none;
	width: 100%;
	border-radius: 4px;
	margin-top: 20px;
	background: var(--ztc-text-text-1);
	padding: 16px;
	height: 48px;
	color: var(--ztc-text-text-3);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	line-height: 16px;
	font-weight: var(--ztc-weight-medium);
}
.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	.nice-select
	span {
	color: var(--ztc-text-text-8);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	opacity: 0.8;
}
.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	.nice-select
	ul.list {
	width: 100%;
	position: relative;
	z-index: 1;
	opacity: none;
}
.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	.nice-select
	ul.list
	li {
	color: var(--ztc-text-text-3);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	z-index: 2;
	font-weight: var(--ztc-weight-medium);
	position: relative;
	z-index: 1;
}
.contact-section-area .contact-header-area .contact-from-area .input input {
	border: none;
	outline: none;
	width: 100%;
	border-radius: 4px;
	margin-top: 20px;
	background: var(--ztc-text-text-1);
	padding: 16px;
	height: 48px;
	color: var(--ztc-text-text-3);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
}
.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	input::-moz-placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-8);
	opacity: 0.7;
}
.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	input::placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-8);
	opacity: 0.7;
}
.contact-section-area .contact-header-area .contact-from-area .input textarea {
	border: none;
	outline: none;
	width: 100%;
	border-radius: 4px;
	margin-top: 20px;
	background: var(--ztc-text-text-1);
	padding: 16px;
	height: 110px;
	color: var(--ztc-text-text-3);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
}
.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	textarea::-moz-placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-8);
	opacity: 0.7;
}
.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	textarea::placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-8);
	opacity: 0.7;
}
.contact-section-area .contact-header-area .contact-from-area .btn-area {
	text-align: end;
	margin-top: -8px;
}
.contact-section-area .contact-header-area .contact-from-area .btn-area button {
	text-align: right;
	border: none;
	outline: none;
}
.contact-section-area .contact-header-area .contact-text-area {
	padding: 0 0 0 15px;
}
.contact-section-area
	.contact-header-area
	.contact-text-area
	.pbmit-heading-subheading {
	position: relative;
	z-index: 2;
}
@media (max-width: 767px) {
	.contact-section-area
		.contact-header-area
		.contact-text-area
		.pbmit-heading-subheading {
		text-align: center;
	}
}
.contact-section-area
	.contact-header-area
	.contact-text-area
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	margin-bottom: 32px;
}
.contact-section-area
	.contact-header-area
	.contact-text-area
	.pbmit-heading-subheading
	h4
	img {
	margin: 0 4px 0 0;
}
.contact-section-area
	.contact-header-area
	.contact-text-area
	.pbmit-heading-subheading
	h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-3);
	text-transform: uppercase;
	line-height: var(--ztc-font-size-font-s42);
}
@media (max-width: 767px) {
	.contact-section-area
		.contact-header-area
		.contact-text-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s40);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.contact-section-area
		.contact-header-area
		.contact-text-area
		.pbmit-heading-subheading {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.contact-section-area .contact-header-area .contact-text-area .designer {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-3);
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-3);
}
@media (max-width: 767px) {
	.contact-section-area .contact-header-area .contact-text-area .designer {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s30);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.contact-section-area .contact-header-area .contact-text-area .designer {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.contact-section-area .contact-header-area .contact-text-area span.marketer {
	margin-top: 16px;
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-3);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: absolute;
	border-radius: 4px;
	right: 35px;
	top: 10px;
}
@media (max-width: 767px) {
	.contact-section-area .contact-header-area .contact-text-area span.marketer {
		right: 0;
		font-size: var(--ztc-font-size-font-s32);
		line-height: var(--ztc-font-size-font-s42);
		padding: 16px;
		margin-top: 10px;
		position: relative;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.contact-section-area .contact-header-area .contact-text-area span.marketer {
		right: 0;
		padding: 16px;
	}
}
.contact-section-area
	.contact-header-area
	.contact-text-area
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-text-text-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-6);
	border-radius: 4px;
}
.contact-section-area
	.contact-header-area
	.contact-text-area
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.contact-section-area
	.contact-header-area
	.contact-text-area
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.contact-section-area
	.contact-header-area
	.contact-text-area
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.contact-section-area
	.contact-header-area
	.contact-text-area
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
.contact-section-area .contact-header-area .contact-info-area {
	display: flex;
	align-items: center;
	padding-left: 70px;
}
@media (max-width: 767px) {
	.contact-section-area .contact-header-area .contact-info-area {
		padding: 0;
		display: inline-block;
		width: 100%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.contact-section-area .contact-header-area .contact-info-area {
		padding: 0;
		display: inline-block;
	}
}
.contact-section-area .contact-header-area .contact-info-area .info-boxarea {
	display: flex;
	align-items: center;
	background: var(--ztc-bg-bg13);
	border-radius: 4px;
	border: 1px solid var(--ztc-bg-bg13);
	padding: 24px 28px;
	margin: 20px 14px 0 0;
	transition: all 0.4s;
}
.contact-section-area
	.contact-header-area
	.contact-info-area
	.info-boxarea:hover {
	border: 1px solid var(--ztc-text-text-9);
	transition: all 0.4s;
}
.contact-section-area
	.contact-header-area
	.contact-info-area
	.info-boxarea
	.icons {
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 50px;
	display: inline-block;
	border-radius: 50%;
	background: var(--ztc-text-text-1);
}
.contact-section-area
	.contact-header-area
	.contact-info-area
	.info-boxarea
	.content {
	margin-left: 16px;
}
.contact-section-area
	.contact-header-area
	.contact-info-area
	.info-boxarea
	.content
	h5 {
	font-size: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	color: var(--ztc-text-text-3);
	font-weight: var(--ztc-weight-semibold);
	margin-bottom: 14px;
}
.contact-section-area
	.contact-header-area
	.contact-info-area
	.info-boxarea
	.content
	a {
	font-size: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	line-height: var(--ztc-font-size-font-s16);
	color: var(--ztc-text-text-8);
	opacity: 0.8;
	font-weight: var(--ztc-weight-semibold);
	display: inline-block;
}
.contact-section-area .contact-header-area .btn-area {
	padding-left: 70px;
}
@media (max-width: 767px) {
	.contact-section-area .contact-header-area .btn-area {
		padding: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.contact-section-area .contact-header-area .btn-area {
		padding: 0;
	}
}
.contact-section-area .contact-header-area p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	line-height: var(--ztc-font-size-font-s26);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-8);
	opacity: 0.8;
	margin-top: 44px;
	padding-left: 70px;
}
@media (max-width: 767px) {
	.contact-section-area .contact-header-area p {
		padding: 0;
		text-align: center;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.contact-section-area .contact-header-area p {
		padding: 0;
	}
}

.footer-section-area {
	border-radius: 4px;
	padding: 40px 40px;
	position: absolute;
	margin-top: 48px;
}
@media (max-width: 767px) {
	.footer-section-area {
		position: relative;
		padding: 20px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.footer-section-area {
		position: relative;
		padding: 20px;
	}
}
.footer-section-area .footer-form-area h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s32);
	font-weight: var(--ztc-weight-semibold);
	color: var(--ztc-text-text-1);
	line-height: var(--ztc-font-size-font-s32);
	margin-bottom: 32px;
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.footer-section-area .footer-form-area h2 {
		font-size: var(--ztc-font-size-font-s32);
		line-height: var(--ztc-font-size-font-s42);
	}
}
.footer-section-area .footer-form-area form {
	background: var(--ztc-bg-bg21);
	border-radius: 4px;
	position: relative;
	display: inline-block;
	height: 58px;
	width: 420px;
	padding: 19px 20px;
}
@media (max-width: 767px) {
	.footer-section-area .footer-form-area form {
		width: 100%;
	}
}
.footer-section-area .footer-form-area form input {
	background: none;
	outline: none;
	border: none;
	width: 100%;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	color: var(--ztc-text-text-1);
	font-weight: var(--ztc-weight-medium);
}
.footer-section-area .footer-form-area form input::-moz-placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	color: var(--ztc-text-text-1);
	opacity: 0.8;
	font-weight: var(--ztc-weight-medium);
}
.footer-section-area .footer-form-area form input::placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	color: var(--ztc-text-text-1);
	opacity: 0.8;
	font-weight: var(--ztc-weight-medium);
}
.footer-section-area .footer-form-area form button {
	background: var(--ztc-text-text-1);
	border: none;
	outline: none;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	color: var(--ztc-border-border-6);
	line-height: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-bold);
	text-transform: uppercase;
	padding: 21px 24px;
	border-radius: 4px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
@media (max-width: 767px) {
	.footer-section-area .footer-form-area form button {
		position: relative;
		margin-top: 30px;
	}
}
.footer-section-area .social-links-area ul {
	margin-top: 40px;
	text-align: center;
	display: flex;
	justify-content: center;
	padding-bottom: 40px;
	border-bottom: 1px solid var(--ztc-border-border-7);
}
@media (max-width: 767px) {
	.footer-section-area .social-links-area ul {
		display: inline-block;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.footer-section-area .social-links-area ul {
		display: inline-block;
	}
}
.footer-section-area .social-links-area ul li {
	display: inline-block;
}
@media (max-width: 767px) {
	.footer-section-area .social-links-area ul li {
		margin-top: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.footer-section-area .social-links-area ul li {
		margin-top: 10px;
	}
}
.footer-section-area .social-links-area ul li a {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s14);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	line-height: var(--ztc-font-size-font-s14);
	display: inline-block;
	background: var(--ztc-bg-bg22);
	border-radius: 5px;
	padding: 11px 19px;
	margin: 0 16px 0 0;
	position: relative;
	transition: all 0.4s;
}
.footer-section-area .social-links-area ul li a:hover {
	background: var(--ztc-text-text-3);
	transition: all 0.4s;
}
.footer-section-area .social-links-area ul li a:hover::after {
	background: var(--ztc-text-text-11);
	opacity: 0.8;
	transition: all 0.4s;
}
.footer-section-area .social-links-area ul li a::after {
	position: absolute;
	content: "";
	height: 32px;
	border-radius: 4px;
	width: 1px;
	left: 60px;
	top: 10px;
	background: var(--ztc-bg-bg22);
	transition: all 0.4s;
}
.footer-section-area .social-links-area ul li a img {
	margin: 0 12px 0 0;
	position: relative;
	filter: brightness(0) invert(1);
}
.footer-section-area .social-links-area ul li .twitter::after {
	left: 53px;
}
.footer-section-area .copyright-pera p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	opacity: 0.6;
	line-height: var(--ztc-font-size-font-s16);
	text-align: center;
	padding-top: 24px;
}

.homepage1-body.rtl1-body .contact-section-area {
	padding: 50px 0 100px;
	position: relative;
	z-index: 1;
	margin-bottom: 230px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .contact-section-area {
		margin-bottom: 0;
		padding: 50px 0 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body .contact-section-area {
		margin-bottom: 0;
		padding: 50px 0 0;
	}
}
.homepage1-body.rtl1-body .contact-section-area .contact-header-area {
	background: var(--ztc-bg-bg8);
	border-radius: 4px;
	padding: 48px 48px 225px 48px;
	border: 1px solid var(--ztc-border-border-1);
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .contact-section-area .contact-header-area {
		padding: 20px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body .contact-section-area .contact-header-area {
		padding: 40px;
	}
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-from-area {
	background: var(--ztc-bg-bg9);
	border-radius: 4px;
	padding: 24px;
	border: 1px solid var(--ztc-border-border-1);
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.contact-section-area
		.contact-header-area
		.contact-from-area {
		margin-bottom: 30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.contact-section-area
		.contact-header-area
		.contact-from-area {
		margin-bottom: 30px;
	}
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	h3 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	line-height: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	color: var(--ztc-text-text-1);
	margin-bottom: 4px;
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	.nice-select {
	border: none;
	outline: none;
	width: 100%;
	border-radius: 4px;
	margin-top: 20px;
	background: var(--ztc-bg-bg10);
	padding: 16px;
	height: 48px;
	color: var(--ztc-text-text-1);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	line-height: 16px;
	font-weight: var(--ztc-weight-medium);
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	.nice-select
	span {
	color: var(--ztc-text-text-1);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	opacity: 0.8;
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	.nice-select
	ul.list {
	width: 100%;
	position: relative;
	z-index: 1;
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	.nice-select
	ul.list
	li {
	color: var(--ztc-text-text-3);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	z-index: 2;
	font-weight: var(--ztc-weight-medium);
	position: relative;
	z-index: 1;
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	input {
	border: none;
	outline: none;
	width: 100%;
	border-radius: 4px;
	margin-top: 20px;
	background: var(--ztc-bg-bg10);
	padding: 16px;
	height: 48px;
	color: var(--ztc-text-text-1);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	input::-moz-placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	opacity: 0.7;
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	input::placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	opacity: 0.7;
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	textarea {
	border: none;
	outline: none;
	width: 100%;
	border-radius: 4px;
	margin-top: 20px;
	background: var(--ztc-bg-bg10);
	padding: 16px;
	height: 110px;
	color: var(--ztc-text-text-1);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	textarea::-moz-placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	opacity: 0.7;
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	textarea::placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	opacity: 0.7;
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.btn-area {
	text-align: end;
	margin-top: -8px;
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.btn-area
	button {
	text-align: right;
	border: none;
	outline: none;
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area {
	padding: 0 0 0 15px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.contact-section-area
		.contact-header-area
		.contact-text-area {
		margin-bottom: 30px;
		padding: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.contact-section-area
		.contact-header-area
		.contact-text-area {
		margin-bottom: 30px;
		padding: 0;
	}
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.pbmit-heading-subheading {
	position: relative;
	z-index: 2;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		.pbmit-heading-subheading {
		text-align: center;
	}
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	margin-bottom: 32px;
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.pbmit-heading-subheading
	h4
	img {
	margin: 0 0 0 4px;
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.pbmit-heading-subheading
	h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s40);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.pbmit-heading-subheading
	.designer {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	line-height: var(--ztc-font-size-font-s48);
	color: transparent;
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-1);
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s30);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		.pbmit-heading-subheading
		.designer {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.pbmit-heading-subheading
	span.marketer {
	margin-top: 16px;
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: absolute;
	border-radius: 4px;
	left: 25px;
	right: inherit;
	top: 10px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		.pbmit-heading-subheading
		span.marketer {
		left: 0;
		font-size: var(--ztc-font-size-font-s32);
		line-height: var(--ztc-font-size-font-s42);
		padding: 16px;
		margin-top: 10px;
		position: relative;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		.pbmit-heading-subheading
		span.marketer {
		left: 0;
		padding: 16px;
	}
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.pbmit-heading-subheading
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-bg-bg-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-1);
	border-radius: 4px;
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.pbmit-heading-subheading
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.pbmit-heading-subheading
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.pbmit-heading-subheading
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.pbmit-heading-subheading
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.contact-info-area {
	display: flex;
	align-items: center;
	padding-right: 55px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		.contact-info-area {
		padding: 0;
		display: inline-block;
		width: 100%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		.contact-info-area {
		padding: 0;
		display: inline-block;
	}
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.contact-info-area
	.info-boxarea {
	display: flex;
	align-items: center;
	background: var(--ztc-bg-bg9);
	border-radius: 4px;
	border: 1px solid var(--ztc-border-border-1);
	padding: 24px 24px;
	margin: 0 0 20px 10px;
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.contact-info-area
	.info-boxarea:hover {
	border: 1px solid var(--ztc-text-text-2) !important;
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.contact-info-area
	.info-boxarea
	.icons {
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 50px;
	display: inline-block;
	border-radius: 50%;
	background: var(--ztc-bg-bg10);
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.contact-info-area
	.info-boxarea
	.content {
	margin-right: 16px;
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.contact-info-area
	.info-boxarea
	.content
	h5 {
	font-size: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	color: var(--ztc-text-text-1);
	font-weight: var(--ztc-weight-semibold);
	margin-bottom: 14px;
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.contact-info-area
	.info-boxarea
	.content
	a {
	font-size: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s15);
	line-height: var(--ztc-font-size-font-s16);
	color: var(--ztc-text-text-1);
	opacity: 0.8;
	font-weight: var(--ztc-weight-semibold);
	display: inline-block;
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.btn-area {
	padding-right: 55px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		.btn-area {
		padding: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		.btn-area {
		padding: 0;
	}
}
.homepage1-body.rtl1-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	line-height: var(--ztc-font-size-font-s26);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	opacity: 0.8;
	margin-top: 44px;
	padding-right: 55px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		p {
		padding: 0;
		text-align: center;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		p {
		padding: 0;
	}
}
.homepage1-body.rtl1-body .contact-section-area .footer-section-area {
	border-radius: 4px;
	padding: 40px 40px;
	position: absolute;
	margin-top: 48px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .contact-section-area .footer-section-area {
		position: relative;
		padding: 20px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body .contact-section-area .footer-section-area {
		position: relative;
		padding: 20px;
	}
}
.homepage1-body.rtl1-body
	.contact-section-area
	.footer-section-area
	.footer-form-area
	h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s32);
	font-weight: var(--ztc-weight-semibold);
	color: var(--ztc-text-text-3);
	line-height: var(--ztc-font-size-font-s32);
	margin-bottom: 32px;
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.contact-section-area
		.footer-section-area
		.footer-form-area
		h2 {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s40);
	}
}
.homepage1-body.rtl1-body
	.contact-section-area
	.footer-section-area
	.footer-form-area
	form {
	background: var(--ztc-bg-bg11);
	border-radius: 4px;
	position: relative;
	display: inline-block;
	height: 58px;
	width: 420px;
	padding: 19px 20px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.contact-section-area
		.footer-section-area
		.footer-form-area
		form {
		width: 100%;
	}
}
.homepage1-body.rtl1-body
	.contact-section-area
	.footer-section-area
	.footer-form-area
	form
	input {
	background: none;
	outline: none;
	border: none;
	width: 100%;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	color: var(--ztc-text-text-3);
	font-weight: var(--ztc-weight-medium);
}
.homepage1-body.rtl1-body
	.contact-section-area
	.footer-section-area
	.footer-form-area
	form
	input::-moz-placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	color: var(--ztc-text-text-3);
	font-weight: var(--ztc-weight-medium);
}
.homepage1-body.rtl1-body
	.contact-section-area
	.footer-section-area
	.footer-form-area
	form
	input::placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	color: var(--ztc-text-text-3);
	font-weight: var(--ztc-weight-medium);
}
.homepage1-body.rtl1-body
	.contact-section-area
	.footer-section-area
	.footer-form-area
	form
	button {
	background: var(--ztc-text-text-3);
	border: none;
	outline: none;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	color: var(--ztc-text-text-1);
	line-height: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-bold);
	text-transform: uppercase;
	padding: 21px 24px;
	border-radius: 4px;
	position: absolute;
	top: 0;
	left: 0;
	right: inherit;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.contact-section-area
		.footer-section-area
		.footer-form-area
		form
		button {
		position: relative;
		margin-top: 30px;
	}
}
.homepage1-body.rtl1-body
	.contact-section-area
	.footer-section-area
	.social-links-area
	ul {
	margin-top: 40px;
	text-align: center;
	display: flex;
	justify-content: center;
	padding-bottom: 40px;
	border-bottom: 1px solid var(--ztc-border-border-4);
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.contact-section-area
		.footer-section-area
		.social-links-area
		ul {
		display: inline-block;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.contact-section-area
		.footer-section-area
		.social-links-area
		ul {
		display: inline-block;
	}
}
.homepage1-body.rtl1-body
	.contact-section-area
	.footer-section-area
	.social-links-area
	ul
	li {
	display: inline-block;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.contact-section-area
		.footer-section-area
		.social-links-area
		ul
		li {
		margin-top: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.contact-section-area
		.footer-section-area
		.social-links-area
		ul
		li {
		margin-top: 10px;
	}
}
.homepage1-body.rtl1-body
	.contact-section-area
	.footer-section-area
	.social-links-area
	ul
	li
	a {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s14);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-3);
	text-transform: uppercase;
	line-height: var(--ztc-font-size-font-s14);
	display: inline-block;
	background: var(--ztc-bg-bg11);
	border-radius: 5px;
	padding: 11px 19px;
	margin: 0 0 0 16px;
	position: relative;
	transition: all 0.4s;
}
.homepage1-body.rtl1-body
	.contact-section-area
	.footer-section-area
	.social-links-area
	ul
	li
	a:hover {
	background: var(--ztc-text-text-1);
	transition: all 0.4s;
}
.homepage1-body.rtl1-body
	.contact-section-area
	.footer-section-area
	.social-links-area
	ul
	li
	a::after {
	position: absolute;
	content: "";
	height: 32px;
	border-radius: 4px;
	width: 1px;
	background: var(--ztc-border-border-5);
	right: 60px;
	top: 10px;
}
.homepage1-body.rtl1-body
	.contact-section-area
	.footer-section-area
	.social-links-area
	ul
	li
	a
	img {
	margin: 0 0 0 12px;
	position: relative;
	filter: brightness(0);
}
.homepage1-body.rtl1-body
	.contact-section-area
	.footer-section-area
	.social-links-area
	ul
	li
	.twitter::after {
	right: 53px;
}
.homepage1-body.rtl1-body
	.contact-section-area
	.footer-section-area
	.copyright-pera
	p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-3);
	opacity: 0.6;
	line-height: var(--ztc-font-size-font-s16);
	text-align: center;
	padding-top: 24px;
}

.homepage2-body.rtl2-body .contact-section-area {
	padding: 50px 0 100px;
	position: relative;
	z-index: 1;
	margin-bottom: 230px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .contact-section-area {
		margin-bottom: 0;
		padding: 50px 0 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body .contact-section-area {
		margin-bottom: 0;
		padding: 50px 0 0;
	}
}
.homepage2-body.rtl2-body .contact-section-area .contact-header-area {
	background: var(--ztc-text-text-1);
	border-radius: 4px;
	padding: 48px 48px 225px 48px;
	border: 1px solid var(--ztc-text-text-1);
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .contact-section-area .contact-header-area {
		padding: 20px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body .contact-section-area .contact-header-area {
		padding: 40px;
	}
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-from-area {
	background: var(--ztc-bg-bg13);
	border-radius: 4px;
	padding: 24px;
	border: 1px solid var(--ztc-bg-bg13);
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.contact-section-area
		.contact-header-area
		.contact-from-area {
		margin-bottom: 30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.contact-section-area
		.contact-header-area
		.contact-from-area {
		margin-bottom: 30px;
	}
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	h3 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	line-height: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	color: var(--ztc-text-text-3);
	margin-bottom: 4px;
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	.nice-select {
	border: none;
	outline: none;
	width: 100%;
	border-radius: 4px;
	margin-top: 20px;
	background: var(--ztc-text-text-1);
	padding: 16px;
	height: 48px;
	color: var(--ztc-text-text-3);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	line-height: 16px;
	font-weight: var(--ztc-weight-medium);
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	.nice-select
	span {
	color: var(--ztc-text-text-8);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	opacity: 0.8;
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	.nice-select
	ul.list {
	width: 100%;
	position: relative;
	z-index: 1;
	opacity: none;
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	.nice-select
	ul.list
	li {
	color: var(--ztc-text-text-3);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	z-index: 2;
	font-weight: var(--ztc-weight-medium);
	position: relative;
	z-index: 1;
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	input {
	border: none;
	outline: none;
	width: 100%;
	border-radius: 4px;
	margin-top: 20px;
	background: var(--ztc-text-text-1);
	padding: 16px;
	height: 48px;
	color: var(--ztc-text-text-3);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	input::-moz-placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-8);
	opacity: 0.7;
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	input::placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-8);
	opacity: 0.7;
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	textarea {
	border: none;
	outline: none;
	width: 100%;
	border-radius: 4px;
	margin-top: 20px;
	background: var(--ztc-text-text-1);
	padding: 16px;
	height: 110px;
	color: var(--ztc-text-text-3);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	textarea::-moz-placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-8);
	opacity: 0.7;
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.input
	textarea::placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-8);
	opacity: 0.7;
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.btn-area {
	text-align: end;
	margin-top: -8px;
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-from-area
	.btn-area
	button {
	text-align: right;
	border: none;
	outline: none;
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-text-area {
	padding: 0 0 0 15px;
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.pbmit-heading-subheading {
	position: relative;
	z-index: 2;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		.pbmit-heading-subheading {
		text-align: center;
	}
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-medium);
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	margin-bottom: 32px;
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.pbmit-heading-subheading
	h4
	img {
	margin: 0 0 0 4px;
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.pbmit-heading-subheading
	h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-3);
	text-transform: uppercase;
	line-height: var(--ztc-font-size-font-s42);
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		.pbmit-heading-subheading
		h2 {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s40);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		.pbmit-heading-subheading {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	.designer {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s48);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-3);
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-3);
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		.designer {
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s30);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		.designer {
		font-size: var(--ztc-font-size-font-s48);
		line-height: var(--ztc-font-size-font-s58);
	}
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	span.marketer {
	margin-top: 16px;
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s48);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s48);
	color: var(--ztc-text-text-3);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: absolute;
	border-radius: 4px;
	left: 25px;
	right: inherit !important;
	top: 10px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		span.marketer {
		left: 0;
		font-size: var(--ztc-font-size-font-s32);
		line-height: var(--ztc-font-size-font-s42);
		padding: 16px;
		margin-top: 10px;
		position: relative;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.contact-section-area
		.contact-header-area
		.contact-text-area
		span.marketer {
		left: 0;
		padding: 16px;
	}
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-text-text-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-6);
	border-radius: 4px;
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-text-area
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-info-area {
	display: flex;
	align-items: center;
	padding-left: 70px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.contact-section-area
		.contact-header-area
		.contact-info-area {
		padding: 0;
		display: inline-block;
		width: 100%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.contact-section-area
		.contact-header-area
		.contact-info-area {
		padding: 0;
		display: inline-block;
	}
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-info-area
	.info-boxarea {
	display: flex;
	align-items: center;
	background: var(--ztc-bg-bg13);
	border-radius: 4px;
	border: 1px solid var(--ztc-bg-bg13);
	padding: 24px 24px;
	margin: 20px 14px 0 0;
	transition: all 0.4s;
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-info-area
	.info-boxarea:hover {
	border: 1px solid var(--ztc-text-text-9);
	transition: all 0.4s;
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-info-area
	.info-boxarea
	.icons {
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 50px;
	display: inline-block;
	border-radius: 50%;
	background: var(--ztc-text-text-1);
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-info-area
	.info-boxarea
	.content {
	margin-right: 16px;
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-info-area
	.info-boxarea
	.content
	h5 {
	font-size: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	color: var(--ztc-text-text-3);
	font-weight: var(--ztc-weight-semibold);
	margin-bottom: 14px;
}
.homepage2-body.rtl2-body
	.contact-section-area
	.contact-header-area
	.contact-info-area
	.info-boxarea
	.content
	a {
	font-size: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	line-height: var(--ztc-font-size-font-s16);
	color: var(--ztc-text-text-8);
	opacity: 0.8;
	font-weight: var(--ztc-weight-semibold);
	display: inline-block;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.contact-section-area
		.contact-header-area
		.btn-area {
		padding: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.contact-section-area
		.contact-header-area
		.btn-area {
		padding: 0;
	}
}
.homepage2-body.rtl2-body .contact-section-area .contact-header-area p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	line-height: var(--ztc-font-size-font-s26);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-8);
	opacity: 0.8;
	margin-top: 44px;
	padding-right: 70px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .contact-section-area .contact-header-area p {
		padding: 0;
		text-align: center;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body .contact-section-area .contact-header-area p {
		padding: 0;
	}
}
.homepage2-body.rtl2-body .footer-section-area {
	border-radius: 4px;
	padding: 40px 40px;
	position: absolute;
	margin-top: 48px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .footer-section-area {
		position: relative;
		padding: 20px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body .footer-section-area {
		position: relative;
		padding: 20px;
	}
}
.homepage2-body.rtl2-body .footer-section-area .footer-form-area h2 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s32);
	font-weight: var(--ztc-weight-semibold);
	color: var(--ztc-text-text-1);
	line-height: var(--ztc-font-size-font-s32);
	margin-bottom: 32px;
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .footer-section-area .footer-form-area h2 {
		font-size: var(--ztc-font-size-font-s32);
		line-height: var(--ztc-font-size-font-s42);
	}
}
.homepage2-body.rtl2-body .footer-section-area .footer-form-area form {
	background: var(--ztc-bg-bg21);
	border-radius: 4px;
	position: relative;
	display: inline-block;
	height: 58px;
	width: 420px;
	padding: 19px 20px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .footer-section-area .footer-form-area form {
		width: 100%;
	}
}
.homepage2-body.rtl2-body .footer-section-area .footer-form-area form input {
	background: none;
	outline: none;
	border: none;
	width: 100%;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	color: var(--ztc-text-text-1);
	font-weight: var(--ztc-weight-medium);
}
.homepage2-body.rtl2-body
	.footer-section-area
	.footer-form-area
	form
	input::-moz-placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	color: var(--ztc-text-text-1);
	opacity: 0.8;
	font-weight: var(--ztc-weight-medium);
}
.homepage2-body.rtl2-body
	.footer-section-area
	.footer-form-area
	form
	input::placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	color: var(--ztc-text-text-1);
	opacity: 0.8;
	font-weight: var(--ztc-weight-medium);
}
.homepage2-body.rtl2-body .footer-section-area .footer-form-area form button {
	background: var(--ztc-text-text-1);
	border: none;
	outline: none;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	color: var(--ztc-border-border-6);
	line-height: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-bold);
	text-transform: uppercase;
	padding: 21px 24px;
	border-radius: 4px;
	position: absolute;
	top: 0;
	left: 0;
	right: inherit;
	z-index: 1;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .footer-section-area .footer-form-area form button {
		position: relative;
		margin-top: 30px;
	}
}
.homepage2-body.rtl2-body .footer-section-area .social-links-area ul {
	margin-top: 40px;
	text-align: center;
	display: flex;
	justify-content: center;
	padding-bottom: 40px;
	border-bottom: 1px solid var(--ztc-border-border-7);
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .footer-section-area .social-links-area ul {
		display: inline-block;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body .footer-section-area .social-links-area ul {
		display: inline-block;
	}
}
.homepage2-body.rtl2-body .footer-section-area .social-links-area ul li {
	display: inline-block;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .footer-section-area .social-links-area ul li {
		margin-top: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body .footer-section-area .social-links-area ul li {
		margin-top: 10px;
	}
}
.homepage2-body.rtl2-body .footer-section-area .social-links-area ul li a {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s14);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	line-height: var(--ztc-font-size-font-s14);
	display: inline-block;
	background: var(--ztc-bg-bg22);
	border-radius: 5px;
	padding: 11px 19px;
	margin: 0 0 0 16px;
	position: relative;
	transition: all 0.4s;
}
.homepage2-body.rtl2-body
	.footer-section-area
	.social-links-area
	ul
	li
	a:hover {
	background: var(--ztc-text-text-3);
	transition: all 0.4s;
}
.homepage2-body.rtl2-body
	.footer-section-area
	.social-links-area
	ul
	li
	a:hover::after {
	background: var(--ztc-text-text-11);
	opacity: 0.8;
	transition: all 0.4s;
}
.homepage2-body.rtl2-body
	.footer-section-area
	.social-links-area
	ul
	li
	a::after {
	position: absolute;
	content: "";
	height: 32px;
	border-radius: 4px;
	width: 1px;
	right: 60px;
	left: inherit;
	top: 10px;
	background: var(--ztc-bg-bg22);
	transition: all 0.4s;
}
.homepage2-body.rtl2-body .footer-section-area .social-links-area ul li a img {
	margin: 0 0 0 12px;
	position: relative;
	filter: brightness(0) invert(1);
}
.homepage2-body.rtl2-body
	.footer-section-area
	.social-links-area
	ul
	li
	.twitter::after {
	right: 53px;
}
.homepage2-body.rtl2-body .footer-section-area .copyright-pera p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	opacity: 0.6;
	line-height: var(--ztc-font-size-font-s16);
	text-align: center;
	padding-top: 24px;
}

/* ============= FOOTER AREA ENDS =============== */
/* ============= HEADER AREA STARTS =============== */
@media (max-width: 767px) {
	body,
	html {
		overflow-x: hidden !important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	body,
	html {
		overflow-x: hidden !important;
	}
}

.homepage1-body .header-section-area {
	padding: 60px 0 0 0;
	position: relative;
}
@media (max-width: 767px) {
	.homepage1-body .header-section-area {
		padding: 150px 0 60px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body .header-section-area {
		padding: 150px 0 60px;
	}
}
.homepage1-body .header-section-area .header-textarea {
	position: relative;
	z-index: 1;
}
@media (max-width: 767px) {
	.homepage1-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading {
		text-align: center;
	}
}
.homepage1-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	line-height: var(--ztc-font-size-font-s24);
	margin-bottom: 24px;
	display: flex;
}
@media (max-width: 767px) {
	.homepage1-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading
		h4 {
		justify-content: center;
	}
}
.homepage1-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	h4
	img {
	margin-top: -10px;
}
.homepage1-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	h1 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s64);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s64);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage1-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading
		h1 {
		font-size: var(--ztc-font-size-font-s38);
		line-height: var(--ztc-font-size-font-s44);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading
		h1 {
		font-size: var(--ztc-font-size-font-s60);
		line-height: var(--ztc-font-size-font-s70);
		display: flex;
	}
}
.homepage1-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	h1
	.designer {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s64);
	line-height: var(--ztc-font-size-font-s64);
	color: transparent;
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-1);
}
@media (max-width: 767px) {
	.homepage1-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading
		h1
		.designer {
		font-size: var(--ztc-font-size-font-s38);
		line-height: var(--ztc-font-size-font-38);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading
		h1
		.designer {
		font-size: var(--ztc-font-size-font-s60);
		line-height: var(--ztc-font-size-font-s70);
	}
}
.homepage1-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	span.marketer {
	margin-top: 30px;
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s64);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s64);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: relative;
	border-radius: 4px;
	right: -340px;
}
@media (max-width: 767px) {
	.homepage1-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s42);
		padding: 16px;
		margin-top: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		padding: 16px;
		margin-top: 10px;
	}
}
.homepage1-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-bg-bg-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-1);
	border-radius: 4px;
}
.homepage1-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.homepage1-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.homepage1-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.homepage1-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
.homepage1-body .header-section-area .header-textarea .header-pera-area {
	margin-top: 48px;
}
.homepage1-body .header-section-area .header-textarea .header-pera-area p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s30);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	opacity: 0.8;
}
@media (max-width: 767px) {
	.homepage1-body .header-section-area .header-textarea .header-pera-area p {
		font-size: var(--ztc-font-size-font-s16);
		line-height: var(--ztc-font-size-font-s26);
		text-align: center;
	}
}
.homepage1-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area {
	margin-top: 120px;
	position: relative;
	left: -80px;
}
@media (max-width: 767px) {
	.homepage1-body
		.header-section-area
		.header-textarea
		.header-pera-area
		.socila-links-area {
		margin-top: 30px;
		left: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body
		.header-section-area
		.header-textarea
		.header-pera-area
		.socila-links-area {
		margin-top: 30px;
		left: 0;
	}
}
.homepage1-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area
	h5 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	line-height: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-semibold);
	color: var(--ztc-text-text-1);
	text-align: center;
}
@media (max-width: 767px) {
	.homepage1-body
		.header-section-area
		.header-textarea
		.header-pera-area
		.socila-links-area
		h5 {
		font-size: var(--ztc-font-size-font-s20);
		line-height: var(--ztc-font-size-font-s20);
	}
}
.homepage1-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area
	ul {
	justify-content: center;
	display: flex;
}
.homepage1-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area
	ul
	li {
	display: inline-block;
}
.homepage1-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area
	ul
	li
	a {
	height: 52px;
	width: 52px;
	line-height: 52px;
	text-align: center;
	border-radius: 4px;
	display: inline-block;
	background: var(--ztc-text-text-5);
	font-size: var(--ztc-font-size-font-s26);
	color: var(--ztc-text-text-1);
	margin: 24px 14px 0 0;
	transition: all 0.4s;
	position: relative;
	z-index: 1;
}
.homepage1-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area
	ul
	li
	a::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	left: 0;
	top: 0;
	z-index: -1;
	transition: all 0.4s;
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	border-radius: 4px;
}
.homepage1-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area
	ul
	li
	a:hover {
	transform: translateY(-3px);
	transition: all 0.4s;
	color: var(--ztc-text-text-3);
}
.homepage1-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area
	ul
	li
	a:hover::after {
	width: 100%;
	transition: all 0.4s;
	visibility: visible;
	opacity: 1;
}
@media (max-width: 767px) {
	.homepage1-body
		.header-section-area
		.header-textarea
		.header-pera-area
		.socila-links-area
		ul
		li
		a {
		height: 44px;
		width: 44px;
		text-align: center;
	}
}
@media (max-width: 767px) {
	.homepage1-body
		.header-section-area
		.header-textarea
		.header-pera-area
		.btn-area {
		text-align: center;
	}
}
@media (max-width: 767px) {
	.homepage1-body
		.header-section-area
		.header-textarea
		.header-pera-area
		.btn-area
		.download-btn {
		margin-top: 10px;
	}
}
.homepage1-body .header-section-area .pbmit-animation-style3 {
	position: relative;
	z-index: -2;
	top: -150px;
	left: -40px;
}
@media (max-width: 767px) {
	.homepage1-body .header-section-area .pbmit-animation-style3 {
		top: 0;
		left: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body .header-section-area .pbmit-animation-style3 {
		top: 0;
		left: 0;
	}
}
.homepage1-body
	.header-section-area
	.pbmit-animation-style3
	.progress-one_leftbox {
	overflow: hidden;
	height: 600px;
}
@media (max-width: 767px) {
	.homepage1-body
		.header-section-area
		.pbmit-animation-style3
		.progress-one_leftbox {
		height: 400px;
	}
}
.homepage1-body
	.header-section-area
	.pbmit-animation-style3
	.progress-one_leftbox
	.elements3 {
	position: absolute;
	bottom: 50px;
	right: -90px;
	z-index: -1;
}
.homepage1-body
	.header-section-area
	.pbmit-animation-style3
	.progress-one_leftbox
	.side-bg1 {
	position: relative;
	z-index: 2;
	top: 190px;
	left: 4px;
}
.homepage1-body
	.header-section-area
	.pbmit-animation-style3
	.progress-one_leftbox
	.side-bg2 {
	position: relative;
	top: -183px;
}
@media (max-width: 767px) {
	.homepage1-body
		.header-section-area
		.pbmit-animation-style3
		.progress-one_leftbox
		.side-bg2 {
		height: 100%;
		width: 100%;
		-o-object-fit: contain;
		object-fit: contain;
		top: -263px;
	}
}
.homepage1-body
	.header-section-area
	.pbmit-animation-style3
	.progress-one_leftbox
	.side-bg3 {
	position: absolute;
	top: 0;
	left: 0;
}
@media (max-width: 767px) {
	.homepage1-body
		.header-section-area
		.pbmit-animation-style3
		.progress-one_leftbox
		.side-bg3 {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		top: 0;
		left: 0;
	}
}
.homepage1-body .header-section-area .sidebar-main {
	position: relative;
}
.homepage1-body .header-section-area .sidebar-main .sidebar-area {
	background: var(--ztc-bg-bg-1);
	border-radius: 4px;
	padding: 140px 32px 32px 32px;
	position: fixed;
	left: 100px;
	width: 250px;
}
@media (max-width: 767px) {
	.homepage1-body .header-section-area .sidebar-main .sidebar-area {
		display: none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body .header-section-area .sidebar-main .sidebar-area {
		display: none;
	}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.homepage1-body .header-section-area .sidebar-main .sidebar-area {
		left: 0;
	}
}
.homepage1-body .header-section-area .sidebar-main .sidebar-area .logo {
	background: var(--ztc-bg-bg-2);
	padding: 24px 32px;
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
}
.homepage1-body
	.header-section-area
	.sidebar-main
	.sidebar-area
	.list-group
	img {
	filter: brightness(0) invert(1);
}
.homepage1-body
	.header-section-area
	.sidebar-main
	.sidebar-area
	.list-group
	.list-group-item-action {
	overflow: hidden;
	transition: all 0.4s;
}
.homepage1-body
	.header-section-area
	.sidebar-main
	.sidebar-area
	.list-group
	.list-group-item-action::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 0;
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	left: 0;
	top: 0;
	z-index: -1;
	transition: all 0.4s;
}
.homepage1-body
	.header-section-area
	.sidebar-main
	.sidebar-area
	.list-group
	.list-group-item-action.active {
	color: var(--ztc-text-text-3);
	transition: all 0.4s;
}
.homepage1-body
	.header-section-area
	.sidebar-main
	.sidebar-area
	.list-group
	.list-group-item-action.active::after {
	left: 0;
	top: 0;
	transition: all 0.4s;
	width: 100%;
}
.homepage1-body
	.header-section-area
	.sidebar-main
	.sidebar-area
	.list-group
	.list-group-item-action.active
	img {
	filter: brightness(0);
}
.homepage1-body .header-section-area .sidebar-main .sidebar-area .list-group a {
	display: inline-block;
	background: var(--ztc-text-text-4);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-semibold);
	color: var(--ztc-text-text-1);
	line-height: var(--ztc-font-size-font-s16);
	text-transform: uppercase;
	opacity: 0.8;
	border: none;
	margin-bottom: 20px;
	border-radius: 4px;
}
.homepage1-body
	.header-section-area
	.sidebar-main
	.sidebar-area
	.list-group
	a
	img {
	margin: 0 12px 0 0;
}

.homepage2-body {
	background: var(--ztc-bg-bg12);
}
.homepage2-body .header-section-area {
	padding: 60px 0 0 0;
}
@media (max-width: 767px) {
	.homepage2-body .header-section-area {
		padding: 150px 0 60px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .header-section-area {
		padding: 150px 0 60px;
	}
}
.homepage2-body .header-section-area .header-textarea {
	position: relative;
	z-index: 1;
}
@media (max-width: 767px) {
	.homepage2-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading {
		text-align: center;
	}
}
.homepage2-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-3);
	line-height: var(--ztc-font-size-font-s24);
	margin-bottom: 24px;
	display: flex;
}
@media (max-width: 767px) {
	.homepage2-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading
		h4 {
		justify-content: center;
	}
}
.homepage2-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	h4
	img {
	margin-top: -10px;
}
.homepage2-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	h1 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s64);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s64);
	color: var(--ztc-text-text-3);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage2-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading
		h1 {
		font-size: var(--ztc-font-size-font-s38);
		line-height: var(--ztc-font-size-font-s44);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading
		h1 {
		font-size: var(--ztc-font-size-font-s60);
		line-height: var(--ztc-font-size-font-s70);
	}
}
.homepage2-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	h1
	.designer {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s64);
	line-height: var(--ztc-font-size-font-s64);
	color: var(--ztc-text-text-3);
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-3);
}
@media (max-width: 767px) {
	.homepage2-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading
		h1
		.designer {
		font-size: var(--ztc-font-size-font-s38);
		line-height: var(--ztc-font-size-font-s38);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading
		h1
		.designer {
		font-size: var(--ztc-font-size-font-s60);
		line-height: var(--ztc-font-size-font-s70);
	}
}
.homepage2-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	span.marketer {
	margin-top: 30px;
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s64);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s64);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: relative;
	border-radius: 4px;
	right: -340px;
}
@media (max-width: 767px) {
	.homepage2-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s30);
		padding: 16px;
		margin-top: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		padding: 16px;
		margin-top: 10px;
	}
}
.homepage2-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-text-text-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-6);
	border-radius: 4px;
}
.homepage2-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.homepage2-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.homepage2-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.homepage2-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
.homepage2-body .header-section-area .header-textarea .header-pera-area {
	margin-top: 48px;
}
.homepage2-body .header-section-area .header-textarea .header-pera-area p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s30);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-8);
	opacity: 0.8;
}
@media (max-width: 767px) {
	.homepage2-body .header-section-area .header-textarea .header-pera-area p {
		font-size: var(--ztc-font-size-font-s16);
		line-height: var(--ztc-font-size-font-s26);
		text-align: center;
	}
}
.homepage2-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area {
	margin-top: 120px;
	position: relative;
	left: -80px;
}
@media (max-width: 767px) {
	.homepage2-body
		.header-section-area
		.header-textarea
		.header-pera-area
		.socila-links-area {
		margin-top: 30px;
		left: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body
		.header-section-area
		.header-textarea
		.header-pera-area
		.socila-links-area {
		margin-top: 30px;
		left: 0;
	}
}
.homepage2-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area
	h5 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	line-height: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-semibold);
	color: var(--ztc-text-text-3);
	text-align: center;
}
.homepage2-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area
	ul {
	justify-content: center;
	display: flex;
}
.homepage2-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area
	ul
	li {
	display: inline-block;
}
.homepage2-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area
	ul
	li
	a {
	height: 52px;
	width: 52px;
	line-height: 52px;
	text-align: center;
	border-radius: 4px;
	display: inline-block;
	background: var(--ztc-text-text-1);
	font-size: var(--ztc-font-size-font-s26);
	color: var(--ztc-text-text-3);
	margin: 24px 14px 0 0;
	transition: all 0.4s;
	position: relative;
	z-index: 1;
}
.homepage2-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area
	ul
	li
	a::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	left: 0;
	top: 0;
	z-index: -1;
	transition: all 0.4s;
	background: var(--ztc-bg-main-bg);
	border-radius: 4px;
}
.homepage2-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area
	ul
	li
	a:hover {
	transform: translateY(-3px);
	transition: all 0.4s;
	color: var(--ztc-text-text-1);
}
.homepage2-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area
	ul
	li
	a:hover::after {
	width: 100%;
	transition: all 0.4s;
	visibility: visible;
	opacity: 1;
}
@media (max-width: 767px) {
	.homepage2-body
		.header-section-area
		.header-textarea
		.header-pera-area
		.socila-links-area
		ul
		li
		a {
		height: 44px;
		width: 44px;
		text-align: center;
	}
}
@media (max-width: 767px) {
	.homepage2-body
		.header-section-area
		.header-textarea
		.header-pera-area
		.btn-area {
		text-align: center;
	}
}
@media (max-width: 767px) {
	.homepage2-body
		.header-section-area
		.header-textarea
		.header-pera-area
		.btn-area
		.download-btn {
		margin-top: 10px;
	}
}
.homepage2-body .header-section-area .pbmit-animation-style3 {
	position: relative;
	z-index: -2;
	top: -150px;
	left: -40px;
}
@media (max-width: 767px) {
	.homepage2-body .header-section-area .pbmit-animation-style3 {
		top: 0;
		left: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .header-section-area .pbmit-animation-style3 {
		top: 0;
		left: 0;
	}
}
.homepage2-body
	.header-section-area
	.pbmit-animation-style3
	.progress-one_leftbox {
	overflow: hidden;
	height: 600px;
}
@media (max-width: 767px) {
	.homepage2-body
		.header-section-area
		.pbmit-animation-style3
		.progress-one_leftbox {
		height: 400px;
	}
}
.homepage2-body
	.header-section-area
	.pbmit-animation-style3
	.progress-one_leftbox
	.elements3 {
	position: absolute;
	bottom: 50px;
	right: -90px;
	z-index: -1;
}
.homepage2-body
	.header-section-area
	.pbmit-animation-style3
	.progress-one_leftbox
	.side-bg1 {
	position: relative;
	z-index: 2;
	top: 190px;
	left: 4px;
}
.homepage2-body
	.header-section-area
	.pbmit-animation-style3
	.progress-one_leftbox
	.side-bg2 {
	position: relative;
	top: -183px;
}
@media (max-width: 767px) {
	.homepage2-body
		.header-section-area
		.pbmit-animation-style3
		.progress-one_leftbox
		.side-bg2 {
		height: 100%;
		width: 100%;
		-o-object-fit: contain;
		object-fit: contain;
		top: -263px;
	}
}
.homepage2-body
	.header-section-area
	.pbmit-animation-style3
	.progress-one_leftbox
	.side-bg3 {
	position: absolute;
	top: 0;
	left: 0;
}
@media (max-width: 767px) {
	.homepage2-body
		.header-section-area
		.pbmit-animation-style3
		.progress-one_leftbox
		.side-bg3 {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		top: 0;
		left: 0;
	}
}
.homepage2-body .header-section-area .sidebar-area {
	background: var(--ztc-bg-bg13);
	border-radius: 4px;
	padding: 140px 32px 32px 32px;
	position: fixed;
	left: 150px;
	width: 250px;
}
@media (max-width: 767px) {
	.homepage2-body .header-section-area .sidebar-area {
		display: none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .header-section-area .sidebar-area {
		display: none;
	}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.homepage2-body .header-section-area .sidebar-area {
		left: 0;
	}
}
.homepage2-body .header-section-area .sidebar-area .logo {
	background: var(--ztc-text-text-1);
	padding: 24px 32px;
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
}
.homepage2-body .header-section-area .sidebar-area .list-group img {
	filter: none !important;
}
.homepage2-body
	.header-section-area
	.sidebar-area
	.list-group
	.list-group-item-action {
	overflow: hidden;
	transition: all 0.4s;
}
.homepage2-body
	.header-section-area
	.sidebar-area
	.list-group
	.list-group-item-action::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 0;
	background: var(--ztc-bg-main-bg);
	z-index: -1;
	left: 0;
	transition: all 0.4s;
	top: 0;
}
.homepage2-body
	.header-section-area
	.sidebar-area
	.list-group
	.list-group-item-action.active {
	color: var(--ztc-text-text-1);
	transition: all 0.4s;
}
.homepage2-body
	.header-section-area
	.sidebar-area
	.list-group
	.list-group-item-action.active::after {
	color: var(--ztc-text-text-1);
	width: 100%;
	left: 0;
	transition: all 0.4s;
}
.homepage2-body
	.header-section-area
	.sidebar-area
	.list-group
	.list-group-item-action.active
	img {
	filter: brightness(0) invert(1) !important;
}
.homepage2-body .header-section-area .sidebar-area .list-group a {
	display: inline-block;
	background: var(--ztc-text-text-1);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-semibold);
	color: var(--ztc-text-text-3);
	line-height: var(--ztc-font-size-font-s16);
	text-transform: uppercase;
	opacity: 0.8;
	border: none;
	margin-bottom: 20px;
	border-radius: 4px;
}
.homepage2-body .header-section-area .sidebar-area .list-group a img {
	margin: 0 12px 0 0;
}

.homepage1-body {
	background: var(--ztc-text-text-3);
}
.homepage1-body .preview-header-area {
	padding: 80px 0 80px;
	position: relative;
	z-index: 1;
}
.homepage1-body .preview-header-area .header-bg1 {
	position: absolute;
	top: 0;
	left: 0;
}
.homepage1-body .preview-header-area .footer-bg1 {
	position: absolute;
	bottom: 0;
	right: 0;
}
.homepage1-body .preview-header-area .footer-bg2 {
	position: absolute;
	bottom: 0;
	left: 0;
}
.homepage1-body .preview-header-area .preview-header-content {
	margin-bottom: 80px;
}
@media (max-width: 767px) {
	.homepage1-body .preview-header-area .preview-header-content {
		margin-bottom: 40px;
	}
}
.homepage1-body .preview-header-area .preview-header-content img {
	width: 300px;
	height: 100px;
	margin-bottom: 40px;
}
@media (max-width: 767px) {
	.homepage1-body .preview-header-area .preview-header-content img {
		width: 200px;
		-o-object-fit: contain;
		object-fit: contain;
		margin-bottom: 0;
	}
}
.homepage1-body .preview-header-area .preview-header-content h1 {
	font-family: var(--ztc-family-font1);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s90);
	font-size: var(--ztc-font-size-font-s70);
	text-transform: uppercase;
	background-image: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 24px;
}
@media (max-width: 767px) {
	.homepage1-body .preview-header-area .preview-header-content h1 {
		font-size: var(--ztc-font-size-font-s40);
		line-height: var(--ztc-font-size-font-s60);
	}
}
.homepage1-body .preview-header-area .preview-header-content p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-medium);
	line-height: var(--ztc-font-size-font-s34);
	color: var(--ztc-text-text-1);
	opacity: 0.8;
}
.homepage1-body .preview-header-area .preview-images1 {
	background: var(--ztc-bg-bg24);
	padding: 20px;
	border-radius: 10px;
	position: relative;
	z-index: -1;
	border: 1px solid var(--ztc-border-border-5);
	overflow: hidden;
}
.homepage1-body .preview-header-area .preview-images1 .preview {
	position: relative;
	z-index: 1;
}
.homepage1-body .preview-header-area .preview-images1 .preview img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 10px;
}
.homepage1-body .preview-header-area .preview-images1 .animation::after {
	position: absolute;
	content: "";
	height: 100px;
	width: 210px;
	right: 0;
	top: 0;
	background: #5eee06;
	filter: blur(27px);
	z-index: -1;
	animation-name: preview;
	animation-duration: 6s;
	animation-direction: alternate;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
.homepage1-body .preview-header-area .content.btn-area {
	padding-top: 40px;
}
.homepage1-body .preview-header-area .content.btn-area a {
	margin: 0 10px 0 0;
}
.homepage1-body .preview-header-area .prerview-footer {
	margin-top: 70px;
}
@media (max-width: 767px) {
	.homepage1-body .preview-header-area .prerview-footer {
		margin-top: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body .preview-header-area .prerview-footer {
		margin-top: 30px;
	}
}
.homepage1-body .preview-header-area .prerview-footer p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-medium);
	line-height: var(--ztc-font-size-font-s24);
	color: var(--ztc-text-text-1);
}
.homepage1-body .preview-header-area .prerview-footer h3 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s40);
	font-weight: var(--ztc-weight-semibold);
	color: var(--ztc-text-text-1);
	line-height: var(--ztc-font-size-font-s50);
}
@media (max-width: 767px) {
	.homepage1-body .preview-header-area .prerview-footer h3 {
		font-size: var(--ztc-font-size-font-s32);
		line-height: var(--ztc-font-size-font-s42);
	}
}

.homepage1-body.rtl1-body .header-section-area {
	padding: 60px 0 0 0;
	position: relative;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .header-section-area {
		padding: 150px 0 60px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body .header-section-area {
		padding: 150px 0 60px;
	}
}
.homepage1-body.rtl1-body .header-section-area .header-textarea {
	position: relative;
	z-index: 1;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading {
		text-align: center;
	}
}
.homepage1-body.rtl1-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	line-height: var(--ztc-font-size-font-s24);
	margin-bottom: 24px;
	display: flex;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading
		h4 {
		justify-content: center;
	}
}
.homepage1-body.rtl1-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	h4
	img {
	margin-top: -10px;
}
.homepage1-body.rtl1-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	h1 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s64);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s64);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading
		h1 {
		font-size: var(--ztc-font-size-font-s38);
		line-height: var(--ztc-font-size-font-s44);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading
		h1 {
		font-size: var(--ztc-font-size-font-s60);
		line-height: var(--ztc-font-size-font-s70);
		display: flex;
	}
}
.homepage1-body.rtl1-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	h1
	.designer {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s64);
	line-height: var(--ztc-font-size-font-s64);
	color: transparent;
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-1);
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading
		h1
		.designer {
		font-size: var(--ztc-font-size-font-s38);
		line-height: var(--ztc-font-size-font-38);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading
		h1
		.designer {
		font-size: var(--ztc-font-size-font-s60);
		line-height: var(--ztc-font-size-font-s70);
	}
}
.homepage1-body.rtl1-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	span.marketer {
	margin-top: 30px;
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s64);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s64);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: relative;
	border-radius: 4px;
	left: -340px !important;
	right: inherit;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s42);
		padding: 16px;
		margin-top: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		padding: 16px;
		margin-top: 10px;
	}
}
.homepage1-body.rtl1-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-bg-bg-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-1);
	border-radius: 4px;
}
.homepage1-body.rtl1-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.homepage1-body.rtl1-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.homepage1-body.rtl1-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.homepage1-body.rtl1-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
.homepage1-body.rtl1-body
	.header-section-area
	.header-textarea
	.header-pera-area {
	margin-top: 48px;
}
.homepage1-body.rtl1-body
	.header-section-area
	.header-textarea
	.header-pera-area
	p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s30);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	opacity: 0.8;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.header-section-area
		.header-textarea
		.header-pera-area
		p {
		font-size: var(--ztc-font-size-font-s16);
		line-height: var(--ztc-font-size-font-s26);
		text-align: center;
	}
}
.homepage1-body.rtl1-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area {
	margin-top: 120px;
	position: relative;
	right: -80px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.header-section-area
		.header-textarea
		.header-pera-area
		.socila-links-area {
		margin-top: 30px;
		left: 0;
		right: inherit;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body
		.header-section-area
		.header-textarea
		.header-pera-area
		.socila-links-area {
		margin-top: 30px;
		left: 0;
		right: inherit;
	}
}
.homepage1-body.rtl1-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area
	h5 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	line-height: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-semibold);
	color: var(--ztc-text-text-1);
	text-align: center;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.header-section-area
		.header-textarea
		.header-pera-area
		.socila-links-area
		h5 {
		font-size: var(--ztc-font-size-font-s20);
		line-height: var(--ztc-font-size-font-s20);
	}
}
.homepage1-body.rtl1-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area
	ul {
	justify-content: center;
	display: flex;
}
.homepage1-body.rtl1-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area
	ul
	li {
	display: inline-block;
}
.homepage1-body.rtl1-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area
	ul
	li
	a {
	height: 52px;
	width: 52px;
	line-height: 52px;
	text-align: center;
	border-radius: 4px;
	display: inline-block;
	background: var(--ztc-text-text-5);
	font-size: var(--ztc-font-size-font-s26);
	color: var(--ztc-text-text-1);
	margin: 24px 14px 0 0;
	transition: all 0.4s;
	position: relative;
	z-index: 1;
}
.homepage1-body.rtl1-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area
	ul
	li
	a::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	left: 0;
	top: 0;
	z-index: -1;
	transition: all 0.4s;
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	border-radius: 4px;
}
.homepage1-body.rtl1-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area
	ul
	li
	a:hover {
	transform: translateY(-3px);
	transition: all 0.4s;
	color: var(--ztc-text-text-3);
}
.homepage1-body.rtl1-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area
	ul
	li
	a:hover::after {
	width: 100%;
	transition: all 0.4s;
	visibility: visible;
	opacity: 1;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.header-section-area
		.header-textarea
		.header-pera-area
		.socila-links-area
		ul
		li
		a {
		height: 44px;
		width: 44px;
		text-align: center;
	}
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.header-section-area
		.header-textarea
		.header-pera-area
		.btn-area {
		text-align: center;
	}
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.header-section-area
		.header-textarea
		.header-pera-area
		.btn-area
		.download-btn {
		margin-top: 10px;
	}
}
.homepage1-body.rtl1-body .header-section-area .pbmit-animation-style3 {
	position: relative;
	z-index: -2;
	top: -150px;
	right: -40px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .header-section-area .pbmit-animation-style3 {
		top: 0;
		right: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body .header-section-area .pbmit-animation-style3 {
		top: 0;
		right: 0;
	}
}
.homepage1-body.rtl1-body
	.header-section-area
	.pbmit-animation-style3
	.progress-one_leftbox {
	overflow: hidden;
	height: 600px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.header-section-area
		.pbmit-animation-style3
		.progress-one_leftbox {
		height: 400px;
	}
}
.homepage1-body.rtl1-body
	.header-section-area
	.pbmit-animation-style3
	.progress-one_leftbox
	.elements3 {
	position: absolute;
	bottom: 50px;
	right: -90px;
	z-index: -1;
}
.homepage1-body.rtl1-body
	.header-section-area
	.pbmit-animation-style3
	.progress-one_leftbox
	.side-bg1 {
	position: relative;
	z-index: 2;
	top: 190px;
	left: 4px;
}
.homepage1-body.rtl1-body
	.header-section-area
	.pbmit-animation-style3
	.progress-one_leftbox
	.side-bg2 {
	position: relative;
	top: -183px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.header-section-area
		.pbmit-animation-style3
		.progress-one_leftbox
		.side-bg2 {
		height: 100%;
		width: 100%;
		-o-object-fit: contain;
		object-fit: contain;
		top: -263px;
	}
}
.homepage1-body.rtl1-body
	.header-section-area
	.pbmit-animation-style3
	.progress-one_leftbox
	.side-bg3 {
	position: absolute;
	top: 0;
	left: 0;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body
		.header-section-area
		.pbmit-animation-style3
		.progress-one_leftbox
		.side-bg3 {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		top: 0;
		left: 0;
	}
}
.homepage1-body.rtl1-body .header-section-area .sidebar-main {
	position: relative;
}
.homepage1-body.rtl1-body .header-section-area .sidebar-main .sidebar-area {
	background: var(--ztc-bg-bg-1);
	border-radius: 4px;
	padding: 140px 32px 32px 32px;
	position: fixed;
	right: 100px;
	width: 250px;
}
@media (max-width: 767px) {
	.homepage1-body.rtl1-body .header-section-area .sidebar-main .sidebar-area {
		display: none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage1-body.rtl1-body .header-section-area .sidebar-main .sidebar-area {
		display: none;
	}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.homepage1-body.rtl1-body .header-section-area .sidebar-main .sidebar-area {
		right: 0;
	}
}
.homepage1-body.rtl1-body
	.header-section-area
	.sidebar-main
	.sidebar-area
	.logo {
	background: var(--ztc-bg-bg-2);
	padding: 24px 32px;
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
}
.homepage1-body.rtl1-body
	.header-section-area
	.sidebar-main
	.sidebar-area
	.list-group
	img {
	filter: brightness(0) invert(1);
}
.homepage1-body.rtl1-body
	.header-section-area
	.sidebar-main
	.sidebar-area
	.list-group
	.list-group-item-action {
	overflow: hidden;
	transition: all 0.4s;
}
.homepage1-body.rtl1-body
	.header-section-area
	.sidebar-main
	.sidebar-area
	.list-group
	.list-group-item-action::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 0;
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	left: 0;
	top: 0;
	z-index: -1;
	transition: all 0.4s;
}
.homepage1-body.rtl1-body
	.header-section-area
	.sidebar-main
	.sidebar-area
	.list-group
	.list-group-item-action.active {
	color: var(--ztc-text-text-3);
	transition: all 0.4s;
}
.homepage1-body.rtl1-body
	.header-section-area
	.sidebar-main
	.sidebar-area
	.list-group
	.list-group-item-action.active::after {
	left: 0;
	top: 0;
	transition: all 0.4s;
	width: 100%;
}
.homepage1-body.rtl1-body
	.header-section-area
	.sidebar-main
	.sidebar-area
	.list-group
	.list-group-item-action.active
	img {
	filter: brightness(0);
}
.homepage1-body.rtl1-body
	.header-section-area
	.sidebar-main
	.sidebar-area
	.list-group
	a {
	display: inline-block;
	background: var(--ztc-text-text-4);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-semibold);
	color: var(--ztc-text-text-1);
	line-height: var(--ztc-font-size-font-s16);
	text-transform: uppercase;
	opacity: 0.8;
	border: none;
	margin-bottom: 20px;
	border-radius: 4px;
}
.homepage1-body.rtl1-body
	.header-section-area
	.sidebar-main
	.sidebar-area
	.list-group
	a
	img {
	margin: 0 0 0 12px;
}

.homepage2-body.rtl2-body {
	background: var(--ztc-bg-bg12);
}
.homepage2-body.rtl2-body .header-section-area {
	padding: 60px 0 0 0;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .header-section-area {
		padding: 150px 0 60px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body .header-section-area {
		padding: 150px 0 60px;
	}
}
.homepage2-body.rtl2-body .header-section-area .header-textarea {
	position: relative;
	z-index: 1;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading {
		text-align: center;
	}
}
.homepage2-body.rtl2-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	h4 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-3);
	line-height: var(--ztc-font-size-font-s24);
	margin-bottom: 24px;
	display: flex;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading
		h4 {
		justify-content: center;
	}
}
.homepage2-body.rtl2-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	h4
	img {
	margin-top: -10px;
}
.homepage2-body.rtl2-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	h1 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s64);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s64);
	color: var(--ztc-text-text-3);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading
		h1 {
		font-size: var(--ztc-font-size-font-s38);
		line-height: var(--ztc-font-size-font-s44);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading
		h1 {
		font-size: var(--ztc-font-size-font-s60);
		line-height: var(--ztc-font-size-font-s70);
	}
}
.homepage2-body.rtl2-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	h1
	.designer {
	display: inline-block;
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s64);
	line-height: var(--ztc-font-size-font-s64);
	color: var(--ztc-text-text-3);
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	-webkit-text-stroke: 1px var(--ztc-text-text-3);
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading
		h1
		.designer {
		font-size: var(--ztc-font-size-font-s38);
		line-height: var(--ztc-font-size-font-s38);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading
		h1
		.designer {
		font-size: var(--ztc-font-size-font-s60);
		line-height: var(--ztc-font-size-font-s70);
	}
}
.homepage2-body.rtl2-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	span.marketer {
	margin-top: 30px;
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--ztc-family-font2);
	font-style: italic;
	display: inline-block;
	font-size: var(--ztc-font-size-font-s64);
	font-weight: var(--ztc-weight-semibold);
	line-height: var(--ztc-font-size-font-s64);
	color: var(--ztc-text-text-1);
	text-transform: uppercase;
	padding: 24px 30px;
	border-radius: 4px;
	position: relative;
	border-radius: 4px;
	left: -340px !important;
	right: inherit;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		font-size: var(--ztc-font-size-font-s30);
		line-height: var(--ztc-font-size-font-s30);
		padding: 16px;
		margin-top: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.header-section-area
		.header-textarea
		.pbmit-heading-subheading
		span.marketer {
		right: 0;
		padding: 16px;
		margin-top: 10px;
	}
}
.homepage2-body.rtl2-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	span.marketer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--ztc-text-text-1);
	z-index: -1;
	left: 0;
	top: 0;
	border: 1px solid var(--ztc-border-border-6);
	border-radius: 4px;
}
.homepage2-body.rtl2-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements1 {
	position: absolute;
	top: -5px;
	right: -5px;
}
.homepage2-body.rtl2-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements2 {
	position: absolute;
	top: -5px;
	left: -5px;
}
.homepage2-body.rtl2-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements3 {
	position: absolute;
	bottom: -5px;
	left: -5px;
}
.homepage2-body.rtl2-body
	.header-section-area
	.header-textarea
	.pbmit-heading-subheading
	span.marketer
	.elements4 {
	position: absolute;
	bottom: -5px;
	right: -5px;
}
.homepage2-body.rtl2-body
	.header-section-area
	.header-textarea
	.header-pera-area {
	margin-top: 48px;
}
.homepage2-body.rtl2-body
	.header-section-area
	.header-textarea
	.header-pera-area
	p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s30);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-8);
	opacity: 0.8;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.header-section-area
		.header-textarea
		.header-pera-area
		p {
		font-size: var(--ztc-font-size-font-s16);
		line-height: var(--ztc-font-size-font-s26);
		text-align: center;
	}
}
.homepage2-body.rtl2-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area {
	margin-top: 120px;
	position: relative;
	right: -80px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.header-section-area
		.header-textarea
		.header-pera-area
		.socila-links-area {
		margin-top: 30px;
		left: 0;
		right: inherit;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body
		.header-section-area
		.header-textarea
		.header-pera-area
		.socila-links-area {
		margin-top: 30px;
		left: 0;
		right: inherit;
	}
}
.homepage2-body.rtl2-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area
	h5 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	line-height: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-semibold);
	color: var(--ztc-text-text-3);
	text-align: center;
}
.homepage2-body.rtl2-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area
	ul {
	justify-content: center;
	display: flex;
}
.homepage2-body.rtl2-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area
	ul
	li {
	display: inline-block;
}
.homepage2-body.rtl2-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area
	ul
	li
	a {
	height: 52px;
	width: 52px;
	line-height: 52px;
	text-align: center;
	border-radius: 4px;
	display: inline-block;
	background: var(--ztc-text-text-1);
	font-size: var(--ztc-font-size-font-s26);
	color: var(--ztc-text-text-3);
	margin: 24px 14px 0 0;
	transition: all 0.4s;
	position: relative;
	z-index: 1;
}
.homepage2-body.rtl2-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area
	ul
	li
	a::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	left: 0;
	top: 0;
	z-index: -1;
	transition: all 0.4s;
	background: var(--ztc-bg-main-bg);
	border-radius: 4px;
}
.homepage2-body.rtl2-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area
	ul
	li
	a:hover {
	transform: translateY(-3px);
	transition: all 0.4s;
	color: var(--ztc-text-text-1);
}
.homepage2-body.rtl2-body
	.header-section-area
	.header-textarea
	.header-pera-area
	.socila-links-area
	ul
	li
	a:hover::after {
	width: 100%;
	transition: all 0.4s;
	visibility: visible;
	opacity: 1;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.header-section-area
		.header-textarea
		.header-pera-area
		.socila-links-area
		ul
		li
		a {
		height: 44px;
		width: 44px;
		text-align: center;
	}
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.header-section-area
		.header-textarea
		.header-pera-area
		.btn-area {
		text-align: center;
	}
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.header-section-area
		.header-textarea
		.header-pera-area
		.btn-area
		.download-btn {
		margin-top: 10px;
	}
}
.homepage2-body.rtl2-body .header-section-area .pbmit-animation-style3 {
	position: relative;
	z-index: -2;
	top: -150px;
	right: -40px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .header-section-area .pbmit-animation-style3 {
		top: 0;
		right: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body .header-section-area .pbmit-animation-style3 {
		top: 0;
		left: 0;
	}
}
.homepage2-body.rtl2-body
	.header-section-area
	.pbmit-animation-style3
	.progress-one_leftbox {
	overflow: hidden;
	height: 600px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.header-section-area
		.pbmit-animation-style3
		.progress-one_leftbox {
		height: 400px;
	}
}
.homepage2-body.rtl2-body
	.header-section-area
	.pbmit-animation-style3
	.progress-one_leftbox
	.elements3 {
	position: absolute;
	bottom: 50px;
	right: -90px;
	z-index: -1;
}
.homepage2-body.rtl2-body
	.header-section-area
	.pbmit-animation-style3
	.progress-one_leftbox
	.side-bg1 {
	position: relative;
	z-index: 2;
	top: 190px;
	left: 4px;
}
.homepage2-body.rtl2-body
	.header-section-area
	.pbmit-animation-style3
	.progress-one_leftbox
	.side-bg2 {
	position: relative;
	top: -183px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.header-section-area
		.pbmit-animation-style3
		.progress-one_leftbox
		.side-bg2 {
		height: 100%;
		width: 100%;
		-o-object-fit: contain;
		object-fit: contain;
		top: -263px;
	}
}
.homepage2-body.rtl2-body
	.header-section-area
	.pbmit-animation-style3
	.progress-one_leftbox
	.side-bg3 {
	position: absolute;
	top: 0;
	left: 0;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body
		.header-section-area
		.pbmit-animation-style3
		.progress-one_leftbox
		.side-bg3 {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		top: 0;
		left: 0;
	}
}
.homepage2-body.rtl2-body .header-section-area .sidebar-area {
	background: var(--ztc-bg-bg13);
	border-radius: 4px;
	padding: 140px 32px 32px 32px;
	position: fixed;
	right: 100px;
	width: 250px;
}
@media (max-width: 767px) {
	.homepage2-body.rtl2-body .header-section-area .sidebar-area {
		display: none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body.rtl2-body .header-section-area .sidebar-area {
		display: none;
	}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.homepage2-body.rtl2-body .header-section-area .sidebar-area {
		right: 0;
	}
}
.homepage2-body.rtl2-body .header-section-area .sidebar-area .logo {
	background: var(--ztc-text-text-1);
	padding: 24px 32px;
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
}
.homepage2-body.rtl2-body .header-section-area .sidebar-area .list-group img {
	filter: none !important;
}
.homepage2-body.rtl2-body
	.header-section-area
	.sidebar-area
	.list-group
	.list-group-item-action {
	overflow: hidden;
	transition: all 0.4s;
}
.homepage2-body.rtl2-body
	.header-section-area
	.sidebar-area
	.list-group
	.list-group-item-action::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 0;
	background: var(--ztc-bg-main-bg);
	z-index: -1;
	left: 0;
	transition: all 0.4s;
	top: 0;
}
.homepage2-body.rtl2-body
	.header-section-area
	.sidebar-area
	.list-group
	.list-group-item-action.active {
	color: var(--ztc-text-text-1);
	transition: all 0.4s;
}
.homepage2-body.rtl2-body
	.header-section-area
	.sidebar-area
	.list-group
	.list-group-item-action.active::after {
	color: var(--ztc-text-text-1);
	width: 100%;
	left: 0;
	transition: all 0.4s;
}
.homepage2-body.rtl2-body
	.header-section-area
	.sidebar-area
	.list-group
	.list-group-item-action.active
	img {
	filter: brightness(0) invert(1) !important;
}
.homepage2-body.rtl2-body .header-section-area .sidebar-area .list-group a {
	display: inline-block;
	background: var(--ztc-text-text-1);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-semibold);
	color: var(--ztc-text-text-3);
	line-height: var(--ztc-font-size-font-s16);
	text-transform: uppercase;
	opacity: 0.8;
	border: none;
	margin-bottom: 20px;
	border-radius: 4px;
}
.homepage2-body.rtl2-body .header-section-area .sidebar-area .list-group a img {
	margin: 0 0 0 12px;
}

/* ============= HEAD AREA STARTS =============== */
/* ============= POPUP SIDEBAR AREA STARTS =============== */
.click-here {
	cursor: pointer;
	transition: background-image 3s ease-in-out;
}

.custom-model-main {
	text-align: center;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-overflow-scrolling: touch;
	outline: 0;
	opacity: 0;
	transition: opacity 0.15s linear, z-index 0.15;
	z-index: -1;
	overflow-y: hidden;
}
@media (max-width: 767px) {
	.custom-model-main {
		overflow-y: scroll !important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.custom-model-main {
		overflow-y: scroll !important;
	}
}
.custom-model-main .bg-overlay {
	background: var(--ztc-text-text-3);
	height: 100vh;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}
.custom-model-main .custom-model-inner {
	transform: translate(0, -25%);
	transition: transform 0.3s ease-out;
	display: inline-block;
	vertical-align: middle;
	width: 1100px;
	margin: 30px auto;
	max-width: 97%;
	height: 100%;
}
.custom-model-main .custom-model-inner .custom-model-wrap {
	display: block;
	width: 100%;
	position: relative;
	background-color: var(--ztc-bg-bg-1);
	border-radius: 4px;
	background-clip: padding-box;
	outline: 0;
	text-align: left;
	padding: 40px;
	overflow-y: auto;
}
.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.img1
	img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 4px;
}
.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.content {
	padding: 32px 0 0 0;
}
.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.content
	.tags-area
	a {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	line-height: var(--ztc-font-size-font-s16);
	color: var(--ztc-text-text-1);
	display: inline-block;
	margin: 0 16px 0 0;
	text-transform: uppercase;
}
.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.content
	.tags-area
	a
	img {
	margin: -5px 8px 0 0;
}
.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.content
	a {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-semibold);
	color: var(--ztc-text-text-1);
	transition: all 0.4s;
	display: inline-block;
	line-height: var(--ztc-font-size-font-s34);
	text-transform: uppercase;
	margin-top: 18px;
	margin-bottom: 16px;
}
.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.content
	p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	opacity: 0.8;
	line-height: var(--ztc-font-size-font-s26);
}
.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.content
	.pera {
	padding-bottom: 32px;
	border-bottom: 1px solid var(--ztc-border-border-1);
}
.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.content
	.social-area {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
@media (max-width: 767px) {
	.custom-model-main
		.custom-model-inner
		.custom-model-wrap
		.opend-section
		.boxes-area
		.content
		.social-area {
		display: inline-block;
	}
}
.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.content
	.social-area
	.email {
	border-radius: 4px;
	transition: all 0.4s;
	position: relative;
	z-index: 1;
}
@media (max-width: 767px) {
	.custom-model-main
		.custom-model-inner
		.custom-model-wrap
		.opend-section
		.boxes-area
		.content
		.social-area
		.email {
		margin-bottom: 20px;
	}
}
.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.content
	.social-area
	.email::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	left: 0;
	top: 0;
	opacity: 0.2;
	border-radius: 4px;
	z-index: -1;
}
.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.content
	.social-area
	.email
	a {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s18);
	line-height: var(--ztc-font-size-font-s18);
	font-weight: var(--ztc-weight-medium);
	background: var(
		--Button-Gradient,
		linear-gradient(90deg, #1a3cff 0%, #f1e4c3 100%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	padding: 0px 12px;
}
.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.content
	.social-area
	.icons {
	display: flex;
	align-items: center;
}
.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.content
	.social-area
	.icons
	h5 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-semibold);
	color: var(--ztc-text-text-1);
	margin: 0 8px;
	text-transform: uppercase;
}
.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.content
	.social-area
	.icons
	ul
	li {
	display: inline-block;
}
.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.content
	.social-area
	.icons
	ul
	li
	a {
	height: 32px;
	width: 32px;
	border-radius: 50%;
	line-height: 32px;
	display: inline-block;
	background: #1a222a;
	font-size: 16px;
	margin: 0;
	text-align: center;
	margin: 0 6px 0 0;
}
.custom-model-main .custom-model-inner .close-btn {
	position: absolute;
	right: 5px;
	top: -15px;
	cursor: pointer;
	z-index: 99;
	font-size: 40px;
	color: var(--ztc-text-text-1);
}
.custom-model-main .contact-from-area {
	background: var(--ztc-bg-bg25);
	border-radius: 4px;
	padding: 24px;
	border: 1px solid var(--ztc-border-border-1);
}
@media (max-width: 767px) {
	.custom-model-main .contact-from-area {
		margin-top: 30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.custom-model-main .contact-from-area {
		margin-top: 30px;
	}
}
.custom-model-main .contact-from-area h3 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	line-height: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	color: var(--ztc-text-text-1);
	margin-bottom: 4px;
}
.custom-model-main .contact-from-area .input .nice-select {
	border: none;
	outline: none;
	width: 100%;
	border-radius: 4px;
	margin-top: 20px;
	background: var(--ztc-text-text-10);
	padding: 16px;
	height: 48px;
	color: var(--ztc-text-text-1);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	line-height: 16px;
	font-weight: var(--ztc-weight-medium);
}
.custom-model-main .contact-from-area .input .nice-select span {
	color: var(--ztc-text-text-1);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	opacity: 0.8;
}
.custom-model-main .contact-from-area .input .nice-select ul.list {
	width: 100%;
	position: relative;
	z-index: 1;
}
.custom-model-main .contact-from-area .input .nice-select ul.list li {
	color: var(--ztc-text-text-3);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	z-index: 2;
	font-weight: var(--ztc-weight-medium);
	position: relative;
	z-index: 1;
}
.custom-model-main .contact-from-area .input input {
	border: none;
	outline: none;
	width: 100%;
	border-radius: 4px;
	margin-top: 20px;
	background: var(--ztc-text-text-10);
	padding: 16px;
	height: 48px;
	color: var(--ztc-text-text-1);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
}
.custom-model-main .contact-from-area .input input::-moz-placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	opacity: 0.7;
}
.custom-model-main .contact-from-area .input input::placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	opacity: 0.7;
}
.custom-model-main .contact-from-area .input textarea {
	border: none;
	outline: none;
	width: 100%;
	border-radius: 4px;
	margin-top: 20px;
	background: var(--ztc-text-text-10);
	padding: 16px;
	height: 110px;
	color: var(--ztc-text-text-1);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
}
.custom-model-main .contact-from-area .input textarea::-moz-placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	opacity: 0.7;
}
.custom-model-main .contact-from-area .input textarea::placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-1);
	opacity: 0.7;
}
.custom-model-main .contact-from-area .btn-area {
	text-align: end;
	margin-top: -8px;
}
.custom-model-main .contact-from-area .btn-area button {
	text-align: right;
	border: none;
	outline: none;
}

.model-open {
	z-index: 99999;
	opacity: 1;
}

.model-open .custom-model-inner {
	transform: translate(0, 0);
	position: relative;
	z-index: 999;
}

.model-open .bg-overlay {
	background: var(--ztc-text-text-3);
	z-index: 99;
	opacity: 0.8;
}

@media screen and (min-width: 800px) {
	.custom-model-main:before {
		content: "";
		display: inline-block;
		height: auto;
		vertical-align: middle;
		margin-right: 0px;
		height: 100%;
	}
}
@media screen and (max-width: 799px) {
	.custom-model-inner {
		margin-top: 45px;
	}
}
.homepage2-body .click-here {
	cursor: pointer;
	transition: background-image 3s ease-in-out;
}
.homepage2-body .custom-model-main {
	text-align: center;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-overflow-scrolling: touch;
	outline: 0;
	opacity: 0;
	transition: opacity 0.15s linear, z-index 0.15;
	z-index: -1;
	overflow-y: hidden !important;
}
@media (max-width: 767px) {
	.homepage2-body .custom-model-main {
		overflow-y: scroll !important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .custom-model-main {
		overflow-y: scroll !important;
	}
}
.homepage2-body .custom-model-main .bg-overlay {
	background: var(--ztc-bg-bg12);
	height: 100vh;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}
.homepage2-body .custom-model-main .custom-model-inner {
	transform: translate(0, -25%);
	transition: transform 0.3s ease-out;
	display: inline-block;
	vertical-align: middle;
	width: 1100px;
	margin: 30px auto;
	max-width: 97%;
	height: 100%;
}
.homepage2-body .custom-model-main .custom-model-inner .custom-model-wrap {
	display: block;
	width: 100%;
	position: relative;
	background-color: var(--ztc-text-text-1);
	border-radius: 4px;
	background-clip: padding-box;
	outline: 0;
	text-align: left;
	padding: 40px;
	overflow-y: auto;
}
.homepage2-body
	.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.img1
	img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 4px;
}
.homepage2-body
	.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.content {
	padding: 32px;
	background: var(--ztc-bg-bg13);
}
.homepage2-body
	.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.content
	.tags-area
	a {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	line-height: var(--ztc-font-size-font-s16);
	color: var(--ztc-text-text-3);
	display: inline-block;
	margin: 0 16px 0 0;
	text-transform: uppercase;
}
.homepage2-body
	.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.content
	.tags-area
	a
	img {
	margin: -5px 8px 0 0;
	filter: brightness(0);
}
.homepage2-body
	.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.content
	a {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-semibold);
	color: var(--ztc-text-text-3);
	transition: all 0.4s;
	display: inline-block;
	line-height: var(--ztc-font-size-font-s34);
	text-transform: capitalize;
	margin-top: 18px;
	margin-bottom: 16px;
}
.homepage2-body
	.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.content
	p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-8);
	line-height: var(--ztc-font-size-font-s26);
}
.homepage2-body
	.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.content
	.pera {
	padding-bottom: 32px;
	border-bottom: 1px solid var(--ztc-text-text-8);
}
.homepage2-body
	.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.content
	.social-area {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
@media (max-width: 767px) {
	.homepage2-body
		.custom-model-main
		.custom-model-inner
		.custom-model-wrap
		.opend-section
		.boxes-area
		.content
		.social-area {
		display: inline-block;
	}
}
.homepage2-body
	.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.content
	.social-area
	.email {
	border-radius: 4px;
	transition: all 0.4s;
	position: relative;
	z-index: 1;
}
@media (max-width: 767px) {
	.homepage2-body
		.custom-model-main
		.custom-model-inner
		.custom-model-wrap
		.opend-section
		.boxes-area
		.content
		.social-area
		.email {
		margin-bottom: 20px;
	}
}
.homepage2-body
	.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.content
	.social-area
	.email::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background: var(--ztc-bg-main-bg);
	left: 0;
	top: 0;
	opacity: 0.2;
	border-radius: 4px;
	z-index: -1;
}
.homepage2-body
	.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.content
	.social-area
	.email
	a {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s18);
	line-height: var(--ztc-font-size-font-s18);
	font-weight: var(--ztc-weight-medium);
	background: var(--ztc-bg-main-bg);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	padding: 0px 12px;
}
.homepage2-body
	.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.content
	.social-area
	.icons {
	display: flex;
	align-items: center;
}
.homepage2-body
	.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.content
	.social-area
	.icons
	h5 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	font-weight: var(--ztc-weight-semibold);
	color: var(--ztc-text-text-3);
	margin: 0 8px;
	text-transform: uppercase;
}
.homepage2-body
	.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.content
	.social-area
	.icons
	ul
	li {
	display: inline-block;
}
.homepage2-body
	.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.content
	.social-area
	.icons
	ul
	li
	a {
	height: 32px;
	width: 32px;
	border-radius: 50%;
	line-height: 32px;
	display: inline-block;
	background: var(--ztc-text-text-1);
	font-size: 16px;
	margin: 0;
	text-align: center;
	margin: 0 6px 0 0;
	transition: all 0.4s;
}
.homepage2-body
	.custom-model-main
	.custom-model-inner
	.custom-model-wrap
	.opend-section
	.boxes-area
	.content
	.social-area
	.icons
	ul
	li
	a:hover {
	background: var(--ztc-bg-main-bg);
	transition: all 0.4s;
	color: var(--ztc-text-text-1);
}
.homepage2-body .custom-model-main .custom-model-inner .close-btn {
	position: absolute;
	right: 5px;
	top: -15px;
	cursor: pointer;
	z-index: 99;
	font-size: 40px;
	color: var(--ztc-text-text-3);
}
.homepage2-body .custom-model-main .contact-from-area {
	background: #f4f4f6;
	border-radius: 4px;
	padding: 24px;
	border: 1px solid #f4f4f6;
}
@media (max-width: 767px) {
	.homepage2-body .custom-model-main .contact-from-area {
		margin-bottom: 30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.homepage2-body .custom-model-main .contact-from-area {
		margin-bottom: 30px;
	}
}
.homepage2-body .custom-model-main .contact-from-area h3 {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s24);
	line-height: var(--ztc-font-size-font-s24);
	font-weight: var(--ztc-weight-semibold);
	text-transform: uppercase;
	color: var(--ztc-text-text-3);
	margin-bottom: 4px;
}
.homepage2-body .custom-model-main .contact-from-area .input .nice-select {
	border: none;
	outline: none;
	width: 100%;
	border-radius: 4px;
	margin-top: 20px;
	background: var(--ztc-text-text-11);
	padding: 16px;
	height: 48px;
	color: var(--ztc-text-text-3);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	line-height: 16px;
	font-weight: var(--ztc-weight-medium);
}
.homepage2-body .custom-model-main .contact-from-area .input .nice-select span {
	color: var(--ztc-text-text-3);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	opacity: 0.8;
}
.homepage2-body
	.custom-model-main
	.contact-from-area
	.input
	.nice-select
	ul.list {
	width: 100%;
	position: relative;
	z-index: 1;
}
.homepage2-body
	.custom-model-main
	.contact-from-area
	.input
	.nice-select
	ul.list
	li {
	color: var(--ztc-text-text-3);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	z-index: 2;
	font-weight: var(--ztc-weight-medium);
	position: relative;
	z-index: 1;
}
.homepage2-body .custom-model-main .contact-from-area .input input {
	border: none;
	outline: none;
	width: 100%;
	border-radius: 4px;
	margin-top: 20px;
	background: var(--ztc-text-text-11);
	padding: 16px;
	height: 48px;
	color: var(--ztc-text-text-3);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
}
.homepage2-body
	.custom-model-main
	.contact-from-area
	.input
	input::-moz-placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-3);
	opacity: 0.7;
}
.homepage2-body
	.custom-model-main
	.contact-from-area
	.input
	input::placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-3);
	opacity: 0.7;
}
.homepage2-body .custom-model-main .contact-from-area .input textarea {
	border: none;
	outline: none;
	width: 100%;
	border-radius: 4px;
	margin-top: 20px;
	background: var(--ztc-text-text-11);
	padding: 16px;
	height: 110px;
	color: var(--ztc-text-text-3);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
}
.homepage2-body
	.custom-model-main
	.contact-from-area
	.input
	textarea::-moz-placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-3);
	opacity: 0.7;
}
.homepage2-body
	.custom-model-main
	.contact-from-area
	.input
	textarea::placeholder {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-3);
	opacity: 0.7;
}
.homepage2-body .custom-model-main .contact-from-area .btn-area {
	text-align: end;
	margin-top: -8px;
}
.homepage2-body .custom-model-main .contact-from-area .btn-area button {
	text-align: right;
	border: none;
	outline: none;
}
.homepage2-body .model-open {
	z-index: 99999;
	opacity: 1;
}
.homepage2-body .model-open .custom-model-inner {
	transform: translate(0, 0);
	position: relative;
	z-index: 999;
}
.homepage2-body .model-open .bg-overlay {
	background: var(--ztc-bg-bg12);
	z-index: 99;
	opacity: 0.9;
}
@media screen and (min-width: 800px) {
	.homepage2-body .custom-model-main:before {
		content: "";
		display: inline-block;
		height: auto;
		vertical-align: middle;
		margin-right: 0px;
		height: 100%;
	}
}
@media screen and (max-width: 799px) {
	.homepage2-body .custom-model-inner {
		margin-top: 45px;
	}
}

/* ============= POPUP SIDEBAR AREA ENDS =============== */
/* ============= OTHERS AREA STARTS =============== */
.progress-wrap {
	position: fixed;
	right: 30px;
	bottom: 30px;
	height: 56px;
	width: 56px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	transition: all 200ms linear;
}
.progress-wrap:hover {
	background: var(--ztc-text-text-2);
	transform: translateY(-5px);
	box-shadow: 0 0 15px 0 var(--ztc-text-text-2);
	transition: all 0.4s;
}

.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.progress-wrap::after {
	position: absolute;
	font-family: "FontAwesome";
	content: "\f062";
	text-align: center;
	line-height: 56px;
	font-size: 18px;
	color: var(--ztc-text-text-2);
	left: 0;
	top: 0;
	height: 56px;
	width: 56px;
	cursor: pointer;
	display: block;
	z-index: 1;
	transition: all 200ms linear;
}

.progress-wrap:hover::after {
	opacity: 0;
}

.progress-wrap::before {
	position: absolute;
	font-family: "FontAwesome";
	content: "\f062";
	text-align: center;
	line-height: 56px;
	font-size: 18px;
	opacity: 0;
	left: 0;
	top: 0;
	height: 56px;
	width: 56px;
	cursor: pointer;
	display: block;
	z-index: 2;
	transition: all 200ms linear;
}

.progress-wrap:hover::before {
	opacity: 1;
}

.progress-wrap svg path {
	fill: none;
}

.progress-wrap svg.progress-circle path {
	stroke: var(--ztc-text-text-2);
	stroke-width: 4;
	box-sizing: border-box;
	transition: all 200ms linear;
}

.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.cursor {
	width: 30px;
	height: 30px;
	border: 1px solid var(--ztc-text-text-2);
	border-radius: 50%;
	position: absolute;
	z-index: 9999;
	transition-duration: 200ms;
	transition-timing-function: ease-out;
	animation: cursorAnim 0.5s alternate;
	pointer-events: none;
}

.cursor::after {
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	border: 2px solid var(--ztc-text-text-2);
	border-radius: 50%;
	opacity: 0.5;
	top: 9px;
	left: 9px;
	animation: cursorAnim2 0.5s alternate;
	background: var(--ztc-text-text-2);
}

@keyframes cursorAnim {
	from {
		transform: scale(1);
	}
	to {
		transform: scale(0.7);
	}
}
@keyframes cursorAnim2 {
	from {
		transform: scale(1);
	}
	to {
		transform: scale(0.4);
	}
}
@keyframes cursorAnim3 {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(3);
	}
	100% {
		transform: scale(1);
		opacity: 0;
	}
}
.expand {
	animation: cursorAnim3 0.5s forwards;
	border: 1px solid var(--ztc-text-text-2);
}

.flex {
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 100000000;
}

.overlay {
	background-color: var(--ztc-text-text-3);
}
/* New Logo Preloader Styles */
.logo-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.preloader-logo {
	width: 80px;
	height: 80px;
	object-fit: contain;
	animation: logoFloat 2s ease-in-out infinite alternate;
	filter: drop-shadow(0 0 15px rgba(44, 233, 122, 0.3));
}

.loading-dots {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 15px;
	gap: 6px;
}

.loading-dots span {
	width: 6px;
	height: 6px;
	background: var(--ztc-text-text-2);
	border-radius: 50%;
	animation: dotPulse 1.4s ease-in-out infinite both;
}

.loading-dots span:nth-child(1) {
	animation-delay: -0.32s;
}

.loading-dots span:nth-child(2) {
	animation-delay: -0.16s;
}

.loading-dots span:nth-child(3) {
	animation-delay: 0s;
}

@keyframes logoFloat {
	0% {
		transform: translateY(0px) scale(1);
		filter: drop-shadow(0 0 15px rgba(44, 233, 122, 0.3));
	}
	100% {
		transform: translateY(-5px) scale(1.02);
		filter: drop-shadow(0 0 20px rgba(44, 233, 122, 0.5));
	}
}

@keyframes dotPulse {
	0%,
	80%,
	100% {
		transform: scale(0.8);
		opacity: 0.5;
	}
	40% {
		transform: scale(1.2);
		opacity: 1;
	}
}

/* Fade out animation for preloader exit */
.preloader-logo.fade-out {
	animation: logoFadeOut 0.6s ease-out forwards;
}

.loading-dots.fade-out {
	animation: dotsFadeOut 0.6s ease-out forwards;
}

@keyframes logoFadeOut {
	0% {
		opacity: 1;
		transform: translateY(0px) scale(1);
	}
	100% {
		opacity: 0;
		transform: translateY(-20px) scale(0.8);
	}
}

@keyframes dotsFadeOut {
	0% {
		opacity: 1;
		transform: scale(1);
	}
	100% {
		opacity: 0;
		transform: scale(0.5);
	}
}

/* Legacy logo styles for compatibility */
.overlay .preloader .logo {
	animation-delay: 0.5s;
	display: block;
	width: 80px;
	margin: 0px auto;
	text-align: center;
	background: transparent url(../img/logo/logo1.png) no-repeat center center;
	background-size: contain;
	text-indent: -99999px;
	padding: 5px;
}
.overlay .preloader .logo.fade-out {
	position: relative;
	animation-name: animation-8;
	animation-duration: 40s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: cubic-bezier(0.59, 0.59, 1, 1);
}

.loader {
	position: relative;
	height: 150px;
	width: 150px;
}

.loader svg {
	position: absolute;
	top: 0%;
}

@keyframes animation-8 {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(1000deg);
	}
}
.keyframe6 {
	position: relative;
	animation-name: animation-8;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: cubic-bezier(0.59, 0.59, 1, 1);
}

.homepage2-body .cursor2 {
	width: 30px;
	height: 30px;
	border: 1px solid var(--ztc-text-text-9);
	border-radius: 50%;
	position: absolute;
	z-index: 9999;
	transition-duration: 200ms;
	transition-timing-function: ease-out;
	animation: cursorAnim 0.5s alternate;
	pointer-events: none;
}
.homepage2-body .cursor2::after {
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	border: 2px solid var(--ztc-text-text-9);
	border-radius: 50%;
	opacity: 0.5;
	top: 9px;
	left: 9px;
	animation: cursorAnim2 0.5s alternate;
	background: var(--ztc-text-text-9);
}
@keyframes cursorAnim {
	from {
		transform: scale(1);
	}
	to {
		transform: scale(0.7);
	}
}
@keyframes cursorAnim2 {
	from {
		transform: scale(1);
	}
	to {
		transform: scale(0.4);
	}
}
@keyframes cursorAnim3 {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(3);
	}
	100% {
		transform: scale(1);
		opacity: 0;
	}
}
.homepage2-body .expand {
	animation: cursorAnim3 0.5s forwards;
	border: 1px solid var(--ztc-text-text-9);
}
.homepage2-body .progress-wrap {
	position: fixed;
	right: 30px;
	bottom: 30px;
	height: 56px;
	width: 56px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	transition: all 200ms linear;
}
.homepage2-body .progress-wrap:hover {
	background: var(--ztc-text-text-9);
	transform: translateY(-5px);
	box-shadow: 0 0 15px 0 var(--ztc-text-text-9);
	transition: all 0.4s;
	color: var(--ztc-text-text-1);
}
.homepage2-body .progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.homepage2-body .progress-wrap::after {
	position: absolute;
	font-family: "FontAwesome";
	content: "\f062";
	text-align: center;
	line-height: 56px;
	font-size: 18px;
	color: var(--ztc-text-text-9);
	left: 0;
	top: 0;
	height: 56px;
	width: 56px;
	cursor: pointer;
	display: block;
	z-index: 1;
	transition: all 200ms linear;
}
.homepage2-body .progress-wrap:hover::after {
	opacity: 0;
}
.homepage2-body .progress-wrap::before {
	position: absolute;
	font-family: "FontAwesome";
	content: "\f062";
	text-align: center;
	line-height: 56px;
	font-size: 18px;
	opacity: 0;
	left: 0;
	top: 0;
	height: 56px;
	width: 56px;
	cursor: pointer;
	display: block;
	z-index: 2;
	transition: all 200ms linear;
}
.homepage2-body .progress-wrap:hover::before {
	opacity: 1;
}
.homepage2-body .progress-wrap svg path {
	fill: none;
}
.homepage2-body .progress-wrap svg.progress-circle path {
	stroke: var(--ztc-text-text-9);
	stroke-width: 4;
	box-sizing: border-box;
	transition: all 200ms linear;
}
.homepage2-body .progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.homepage2-body .flex {
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 100000000;
}
.homepage2-body .overlay {
	background-color: var(--ztc-text-text-3);
}
/* Homepage2 Logo Preloader Styles */
.homepage2-body .logo-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.homepage2-body .preloader-logo {
	width: 80px;
	height: 80px;
	object-fit: contain;
	animation: logoFloat2 2s ease-in-out infinite alternate;
	filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.3));
}

.homepage2-body .loading-dots {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 15px;
	gap: 6px;
}

.homepage2-body .loading-dots span {
	width: 6px;
	height: 6px;
	background: var(--ztc-text-text-9);
	border-radius: 50%;
	animation: dotPulse 1.4s ease-in-out infinite both;
}

.homepage2-body .loading-dots span:nth-child(1) {
	animation-delay: -0.32s;
}

.homepage2-body .loading-dots span:nth-child(2) {
	animation-delay: -0.16s;
}

.homepage2-body .loading-dots span:nth-child(3) {
	animation-delay: 0s;
}

@keyframes logoFloat2 {
	0% {
		transform: translateY(0px) scale(1);
		filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.3));
	}
	100% {
		transform: translateY(-5px) scale(1.02);
		filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5));
	}
}

/* Legacy homepage2 logo styles for compatibility */
.homepage2-body .overlay .preloader .logo {
	animation-delay: 0.5s;
	display: block;
	width: 80px;
	margin: 0px auto;
	text-align: center;
	background: transparent url(../img/logo/logo3.png) no-repeat center center;
	background-size: contain;
	text-indent: -99999px;
	padding: 5px;
}
.homepage2-body .overlay .preloader .logo.fade-out {
	position: relative;
	animation-name: animation-8;
	animation-duration: 40s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: cubic-bezier(0.59, 0.59, 1, 1);
}
.homepage2-body .loader {
	position: relative;
	height: 150px;
	width: 150px;
}
.homepage2-body .loader svg {
	position: absolute;
	top: 0%;
}
@keyframes animation-8 {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(1000deg);
	}
}
.homepage2-body .keyframe6 {
	position: relative;
	animation-name: animation-8;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: cubic-bezier(0.59, 0.59, 1, 1);
}

/* Skills Bubble Network Styling */
.skills-bubble-container {
	position: relative;
	width: 100%;
	height: 600px;
	max-width: 800px;
	margin: 0 auto;
	padding: 40px 0;
	overflow: hidden;
}

/* Central Hub */
.central-hub {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background: linear-gradient(135deg, #4a6cf7 0%, #667eea 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
	box-shadow: 0 10px 30px rgba(74, 108, 247, 0.4);
	animation: hub-pulse 3s ease-in-out infinite;
}

@keyframes hub-pulse {
	0%,
	100% {
		transform: translate(-50%, -50%) scale(1);
	}
	50% {
		transform: translate(-50%, -50%) scale(1.05);
	}
}

.hub-content {
	text-align: center;
	color: #fff;
}

.hub-content i {
	font-size: 32px;
	margin-bottom: 5px;
	display: block;
}

.hub-content h3 {
	font-size: 14px;
	font-weight: 600;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.hub-progress {
	font-size: 12px;
	font-weight: 700;
	margin-top: 5px;
}

/* Skill Bubbles */
.skill-bubble {
	position: absolute;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	z-index: 5;
	backdrop-filter: blur(10px);
	border: 2px solid rgba(255, 255, 255, 0.1);
}

.skill-bubble:hover {
	transform: scale(1.1);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
}

.bubble-content {
	text-align: center;
	color: #fff;
	padding: 12px;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}

.bubble-icon {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 8px;
	font-size: 18px;
	transition: all 0.3s ease;
	flex-shrink: 0;
}

.skill-bubble:hover .bubble-icon {
	transform: rotate(360deg);
	background: rgba(255, 255, 255, 0.3);
}

.bubble-content h4 {
	font-size: 13px;
	font-weight: 600;
	margin: 0 0 6px 0;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	flex-shrink: 0;
}

.bubble-techs {
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
	justify-content: center;
	max-width: 100%;
	flex-shrink: 1;
}

.bubble-techs span {
	background: rgba(255, 255, 255, 0.2);
	color: #fff;
	padding: 2px 5px;
	border-radius: 8px;
	font-size: 9px;
	font-weight: 500;
	backdrop-filter: blur(5px);
	transition: all 0.3s ease;
	white-space: nowrap;
}

.bubble-techs span:hover {
	background: rgba(255, 255, 255, 0.4);
	transform: translateY(-1px);
}

/* Bubble Positions */
.languages-bubble {
	top: 10%;
	left: 10%;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.frontend-bubble {
	top: 10%;
	right: 10%;
	background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.backend-bubble {
	top: 50%;
	left: 5%;
	transform: translateY(-50%);
	background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

.database-bubble {
	bottom: 15%;
	left: 20%;
	background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
}

.tools-bubble {
	bottom: 15%;
	right: 20%;
	background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
}

/* Connection Lines */
.connection-lines {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

.connection-line {
	stroke-dasharray: 5, 5;
	animation: dash-move 3s linear infinite;
	opacity: 0.6;
}

@keyframes dash-move {
	0% {
		stroke-dashoffset: 0;
	}
	100% {
		stroke-dashoffset: 20;
	}
}

/* Floating Particles */
.particles {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 2;
}

.particle {
	position: absolute;
	width: 4px;
	height: 4px;
	background: #4a6cf7;
	border-radius: 50%;
	opacity: 0.6;
	animation: float 6s ease-in-out infinite;
}

.particle-1 {
	top: 20%;
	left: 20%;
	animation-delay: 0s;
}

.particle-2 {
	top: 30%;
	right: 25%;
	animation-delay: 1s;
}

.particle-3 {
	top: 60%;
	left: 15%;
	animation-delay: 2s;
}

.particle-4 {
	bottom: 30%;
	right: 20%;
	animation-delay: 3s;
}

.particle-5 {
	top: 40%;
	left: 50%;
	animation-delay: 4s;
}

.particle-6 {
	bottom: 20%;
	left: 50%;
	animation-delay: 5s;
}

@keyframes float {
	0%,
	100% {
		transform: translateY(0px) scale(1);
		opacity: 0.6;
	}
	50% {
		transform: translateY(-20px) scale(1.2);
		opacity: 1;
	}
}

/* Responsive Design */
@media (max-width: 768px) {
	.skills-bubble-container {
		height: 500px;
		max-width: 600px;
	}

	.central-hub {
		width: 100px;
		height: 100px;
	}

	.hub-content i {
		font-size: 28px;
	}

	.hub-content h3 {
		font-size: 12px;
	}

	.skill-bubble {
		width: 120px;
		height: 120px;
	}

	/* Adjust bubble positions for mobile to prevent overlap */
	.languages-bubble {
		top: 5%;
		left: 5%;
	}

	.frontend-bubble {
		top: 5%;
		right: 5%;
	}

	.backend-bubble {
		top: 50%;
		left: 2%;
		transform: translateY(-50%);
	}

	.database-bubble {
		bottom: 5%;
		left: 10%;
	}

	.tools-bubble {
		bottom: 5%;
		right: 10%;
	}

	.bubble-icon {
		width: 40px;
		height: 40px;
		font-size: 16px;
		margin-bottom: 6px;
	}

	.bubble-content h4 {
		font-size: 11px;
		margin-bottom: 4px;
	}

	.bubble-techs {
		gap: 2px;
	}

	.bubble-techs span {
		font-size: 8px;
		padding: 1px 3px;
	}
}

@media (max-width: 480px) {
	.skills-bubble-container {
		height: 450px;
		max-width: 350px;
		padding: 20px 0;
	}

	.central-hub {
		width: 80px;
		height: 80px;
	}

	.hub-content i {
		font-size: 24px;
	}

	.hub-content h3 {
		font-size: 10px;
	}

	.skill-bubble {
		width: 90px;
		height: 90px;
	}

	/* Further adjust positions for very small screens */
	.languages-bubble {
		top: 8%;
		left: 8%;
	}

	.frontend-bubble {
		top: 8%;
		right: 8%;
	}

	.backend-bubble {
		top: 50%;
		left: 5%;
		transform: translateY(-50%);
	}

	.database-bubble {
		bottom: 8%;
		left: 15%;
	}

	.tools-bubble {
		bottom: 8%;
		right: 15%;
	}

	.bubble-content {
		padding: 6px;
	}

	.bubble-icon {
		width: 30px;
		height: 30px;
		font-size: 12px;
		margin-bottom: 4px;
	}

	.bubble-content h4 {
		font-size: 9px;
		margin-bottom: 3px;
		letter-spacing: 0.3px;
	}

	.bubble-techs {
		gap: 1px;
	}

	.bubble-techs span {
		font-size: 7px;
		padding: 1px 2px;
		border-radius: 6px;
	}
}

/* Extra small screens (phones in portrait) */
@media (max-width: 360px) {
	.skills-bubble-container {
		height: 400px;
		max-width: 320px;
		padding: 15px 0;
	}

	.central-hub {
		width: 70px;
		height: 70px;
	}

	.hub-content i {
		font-size: 20px;
	}

	.hub-content h3 {
		font-size: 9px;
	}

	.skill-bubble {
		width: 80px;
		height: 80px;
	}

	/* Even more compact positioning */
	.languages-bubble {
		top: 10%;
		left: 10%;
	}

	.frontend-bubble {
		top: 10%;
		right: 10%;
	}

	.backend-bubble {
		top: 50%;
		left: 8%;
		transform: translateY(-50%);
	}

	.database-bubble {
		bottom: 10%;
		left: 18%;
	}

	.tools-bubble {
		bottom: 10%;
		right: 18%;
	}

	.bubble-content {
		padding: 4px;
	}

	.bubble-icon {
		width: 25px;
		height: 25px;
		font-size: 10px;
		margin-bottom: 3px;
	}

	.bubble-content h4 {
		font-size: 8px;
		margin-bottom: 2px;
		letter-spacing: 0.2px;
	}

	.bubble-techs span {
		font-size: 6px;
		padding: 1px 2px;
		border-radius: 4px;
	}
}

/* Experience Section Mobile Optimization */
@media (max-width: 768px) {
	/* Reduce container padding for My Experience section - minimal margins */
	.service1-section-area .container {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

	.experience-card {
		padding: 20px !important;
		margin-bottom: 0 !important;
		border-radius: 20px !important;
		width: 100% !important;
		min-height: auto !important;
		box-sizing: border-box !important;
	}

	.experience-card .experience-icon {
		width: 50px !important;
		height: 50px !important;
		margin-bottom: 15px !important;
	}

	.experience-card .experience-icon i {
		font-size: 20px !important;
	}

	.experience-card h3 {
		font-size: 16px !important;
		margin-bottom: 8px !important;
	}

	.experience-card p {
		font-size: 14px !important;
		margin-bottom: 10px !important;
	}

	.experience-details {
		font-size: 12px !important;
	}

	/* Make experience cards horizontally scrollable on mobile */
	.service1-section-area .row {
		display: flex !important;
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scroll-snap-type: x mandatory !important;
		-webkit-overflow-scrolling: touch !important;
		scroll-behavior: smooth !important;
		scroll-padding: 0 10px !important;
		gap: 15px !important;
		padding: 0 10px 15px 0 !important;
		margin: 0 !important;
	}

	/* Scrollbar styling - less transparent for better visibility */
	.service1-section-area .row::-webkit-scrollbar {
		height: 4px !important;
	}

	.service1-section-area .row::-webkit-scrollbar-track {
		background: rgba(255, 255, 255, 0.3) !important;
		border-radius: 2px !important;
	}

	.service1-section-area .row::-webkit-scrollbar-thumb {
		background: rgba(102, 126, 234, 0.9) !important;
		border-radius: 2px !important;
	}

	/* Add gap between Professional Development and Internships sections on mobile */
	.service1-section-area .row.mb-5 {
		margin-bottom: 40px !important;
	}

	/* Ensure all experience card columns have uniform size for horizontal scroll */
	/* Width set to show 1 full card + 0.5 next card visible */
	/* Calculation: (100vw - row padding 40px - gap 15px) / 1.5 ≈ 67% of viewport */
	.service1-section-area .col-lg-6,
	.service1-section-area .col-lg-4 {
		flex: 0 0 calc((100vw - 55px) * 0.67) !important;
		max-width: calc((100vw - 55px) * 0.67) !important;
		width: calc((100vw - 55px) * 0.67) !important;
		min-width: calc((100vw - 55px) * 0.67) !important;
		margin-bottom: 0 !important;
		scroll-snap-align: start !important;
	}

	/* Remove left padding/margin from first card in each section */
	.service1-section-area .row > .col-lg-6:first-child,
	.service1-section-area .row > .col-lg-4:first-child,
	.service1-section-area .row > .col-md-6:first-child {
		margin-left: 0 !important;
		padding-left: 0 !important;
	}

	/* Ensure cards maintain consistent styling */
	.service1-section-area .experience-card {
		margin-bottom: 0 !important;
		height: 100% !important;
	}

	/* Make single card rows (like Leadership) full width and disable horizontal scroll */
	.service1-section-area .row:has(> :only-child),
	.service1-section-area .row:has(> .col-12:only-child) {
		display: block !important;
		flex-wrap: wrap !important;
		overflow-x: visible !important;
		padding: 0 !important;
		gap: 0 !important;
	}

	.service1-section-area .row:has(> :only-child) > .col-lg-6,
	.service1-section-area .row:has(> :only-child) > .col-md-6,
	.service1-section-area .row:has(> :only-child) > .col-12,
	.service1-section-area .row:has(> .col-12:only-child) > .col-12 {
		flex: none !important;
		max-width: 100% !important;
		width: 100% !important;
		min-width: auto !important;
		margin-left: 0 !important;
		padding-left: 0 !important;
	}
}

@media (max-width: 480px) {
	/* Further reduce container padding on small mobile - minimal margins */
	.service1-section-area .container {
		padding-left: 2px !important;
		padding-right: 2px !important;
	}

	.experience-card {
		padding: 15px !important;
		border-radius: 20px !important;
		width: 100% !important;
		min-height: auto !important;
	}

	.experience-card .experience-icon {
		width: 45px !important;
		height: 45px !important;
		margin-bottom: 12px !important;
	}

	.experience-card .experience-icon i {
		font-size: 18px !important;
	}

	.experience-card h3 {
		font-size: 14px !important;
		margin-bottom: 6px !important;
	}

	.experience-card p {
		font-size: 13px !important;
		margin-bottom: 8px !important;
	}

	.experience-details {
		font-size: 11px !important;
	}

	/* Maintain horizontal scroll on small mobile with adjusted sizing */
	.service1-section-area .col-lg-6,
	.service1-section-area .col-lg-4 {
		flex: 0 0 calc((100vw - 55px) * 0.67) !important;
		max-width: calc((100vw - 55px) * 0.67) !important;
		width: calc((100vw - 55px) * 0.67) !important;
		min-width: calc((100vw - 55px) * 0.67) !important;
	}

	/* Make section headers smaller on mobile */
	.section-header h3 {
		font-size: 18px !important;
		margin-bottom: 8px !important;
	}

	.section-header h3 i {
		font-size: 16px !important;
		margin-right: 8px !important;
	}

	.section-header p {
		font-size: 14px !important;
	}
}

/* Extra small mobile adjustments */
@media (max-width: 360px) {
	.section-header h3 {
		font-size: 16px !important;
		margin-bottom: 6px !important;
	}

	.section-header h3 i {
		font-size: 14px !important;
		margin-right: 6px !important;
	}

	.section-header p {
		font-size: 12px !important;
	}
}

/* Service section main headers mobile optimization */
@media (max-width: 768px) {
	.service1-section-area .pbmit-heading-subheading h2 {
		font-size: 28px !important;
		line-height: 1.2 !important;
		margin-bottom: 10px !important;
	}

	.service1-section-area .pbmit-heading-subheading .designer {
		font-size: 24px !important;
		line-height: 1.2 !important;
	}

	.service1-section-area .pbmit-heading-subheading .marketer {
		font-size: 20px !important;
		line-height: 1.2 !important;
	}
}

@media (max-width: 480px) {
	.service1-section-area .pbmit-heading-subheading h2 {
		font-size: 24px !important;
		line-height: 1.1 !important;
		margin-bottom: 8px !important;
	}

	.service1-section-area .pbmit-heading-subheading .designer {
		font-size: 20px !important;
		line-height: 1.1 !important;
	}

	.service1-section-area .pbmit-heading-subheading .marketer {
		font-size: 18px !important;
		line-height: 1.1 !important;
	}
}

@media (max-width: 360px) {
	.service1-section-area .pbmit-heading-subheading h2 {
		font-size: 22px !important;
		line-height: 1.1 !important;
		margin-bottom: 6px !important;
	}

	.service1-section-area .pbmit-heading-subheading .designer {
		font-size: 18px !important;
		line-height: 1.1 !important;
	}

	.service1-section-area .pbmit-heading-subheading .marketer {
		font-size: 16px !important;
		line-height: 1.1 !important;
	}
}

/* About section main headers mobile optimization */
@media (max-width: 768px) {
	.about-section-area .pbmit-heading-subheading h4 {
		font-size: 16px !important;
		margin-bottom: 8px !important;
	}

	.about-section-area .pbmit-heading-subheading h2 {
		font-size: 28px !important;
		line-height: 1.2 !important;
		margin-bottom: 10px !important;
	}

	.about-section-area .pbmit-heading-subheading .designer {
		font-size: 24px !important;
		line-height: 1.2 !important;
	}

	.about-section-area .pbmit-heading-subheading .marketer {
		font-size: 20px !important;
		line-height: 1.2 !important;
	}
}

@media (max-width: 480px) {
	.about-section-area .pbmit-heading-subheading h4 {
		font-size: 14px !important;
		margin-bottom: 6px !important;
	}

	.about-section-area .pbmit-heading-subheading h2 {
		font-size: 24px !important;
		line-height: 1.1 !important;
		margin-bottom: 8px !important;
	}

	.about-section-area .pbmit-heading-subheading .designer {
		font-size: 20px !important;
		line-height: 1.1 !important;
	}

	.about-section-area .pbmit-heading-subheading .marketer {
		font-size: 18px !important;
		line-height: 1.1 !important;
	}
}

@media (max-width: 360px) {
	.about-section-area .pbmit-heading-subheading h4 {
		font-size: 13px !important;
		margin-bottom: 5px !important;
	}

	.about-section-area .pbmit-heading-subheading h2 {
		font-size: 22px !important;
		line-height: 1.1 !important;
		margin-bottom: 6px !important;
	}

	.about-section-area .pbmit-heading-subheading .designer {
		font-size: 18px !important;
		line-height: 1.1 !important;
	}

	.about-section-area .pbmit-heading-subheading .marketer {
		font-size: 16px !important;
		line-height: 1.1 !important;
	}
}

/* Consistent section headers for all sections on mobile */
@media (max-width: 768px) {
	/* About Me, My Experiences, My Skills, My Projects - consistent h4 styling */
	.pbmit-heading-subheading h4 {
		font-size: 16px !important;
		margin-bottom: 8px !important;
	}
}

@media (max-width: 480px) {
	.pbmit-heading-subheading h4 {
		font-size: 14px !important;
		margin-bottom: 6px !important;
	}
}

@media (max-width: 360px) {
	.pbmit-heading-subheading h4 {
		font-size: 13px !important;
		margin-bottom: 5px !important;
	}
}

/* Home page image mobile optimization */
@media (max-width: 768px) {
	.side-bg3 {
		height: 30rem !important;
		top: 3.5rem !important;
	}
}

@media (max-width: 480px) {
	.side-bg3 {
		height: 25rem !important;
		top: 1rem !important;
	}
}

@media (max-width: 360px) {
	.side-bg3 {
		height: 22rem !important;
		top: 1rem !important;
	}
}

/* Logo mobile optimization */
@media (max-width: 768px) {
	.sidebar-main .logo img {
		height: 8rem !important;
		bottom: 1rem !important;
	}
}

@media (max-width: 480px) {
	.sidebar-main .logo img {
		height: 6rem !important;
		bottom: 0.5rem !important;
	}
}

@media (max-width: 360px) {
	.sidebar-main .logo img {
		height: 5rem !important;
		bottom: 0rem !important;
	}
}

/* View All Blogs Button Styles */
.view-all-blogs-section {
	text-align: center;
	margin-top: 50px;
	padding: 30px 0;
}

.view-all-blogs-btn-container {
	display: inline-block;
}

.view-all-blogs-btn {
	display: inline-flex;
	align-items: center;
	gap: 15px;
	padding: 18px 40px;
	background: linear-gradient(135deg, #4a6cf7 0%, #667eea 100%);
	border: none;
	border-radius: 50px;
	color: white;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.4s ease;
	text-transform: uppercase;
	letter-spacing: 1px;
	box-shadow: 0 8px 30px rgba(74, 108, 247, 0.3);
	position: relative;
	overflow: hidden;
}

.view-all-blogs-btn::before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(255, 255, 255, 0.2),
		transparent
	);
	transition: left 0.6s ease;
}

.view-all-blogs-btn:hover::before {
	left: 100%;
}

.view-all-blogs-btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 15px 40px rgba(74, 108, 247, 0.4);
	color: white;
	text-decoration: none;
}

.view-all-blogs-btn .btn-text {
	font-weight: 600;
	letter-spacing: 1px;
}

.view-all-blogs-btn i {
	font-size: 18px;
	transition: transform 0.3s ease;
}

.view-all-blogs-btn:hover i {
	transform: translateX(5px);
}

/* Responsive Design for View All Blogs Button */
@media (max-width: 768px) {
	.view-all-blogs-section {
		margin-top: 40px;
		padding: 20px 0;
	}

	.view-all-blogs-btn {
		padding: 15px 30px;
		font-size: 14px;
	}
}

@media (max-width: 480px) {
	.view-all-blogs-btn {
		padding: 12px 25px;
		font-size: 13px;
	}

	.view-all-blogs-btn .btn-text {
		font-size: 13px;
	}

	.view-all-blogs-btn i {
		font-size: 16px;
	}
}

/* Hide specific elements from mobile view */
@media (max-width: 991.98px) {
	/* Hide "today" text from mobile contact section */
	.d-lg-none .marketer {
		display: none !important;
	}

	/* Hide "Let's create something amazing" paragraph from mobile contact section */
	.d-lg-none .contact-text-area p {
		display: none !important;
	}
}