.parallax_scrolling .pscontainer01,
.parallax_scrolling .pscontainer03 {
	height: 400vh;
	position: relative;
	z-index: 1;
	margin: 0; 
}
.parallax_scrolling .pscontainer02 {
	position: relative;
	z-index: 1;
	margin: 0; 
}
.parallax_scrolling .pscontainer01 .psflex,
.parallax_scrolling .pscontainer03 .psflex {
	height: 100vh;
	position: sticky;
	top: 0;
}
.parallax_scrolling .psmtitle,
.parallax_scrolling .psbtnwrap .psbtn {
	display: inline-block;
}
.parallax_scrolling img {
	object-fit: cover;
}
.parallax_scrolling a,
.parallax_scrolling a:hover,
.parallax_scrolling a:focus {
	text-decoration: none;
}

{# ************# Style 1 CSS #************ #}
.parallax_scrolling .pscontainer01 .psflexitem {
	overflow: hidden;
	position: absolute;
	width: 100%;
}
.parallax_scrolling .pscontainer01 .psflexitem:last-child {
	height: 100vh !important;
}
.parallax_scrolling .pscontainer01 .psimages img {
	height: 100vh !important;
	width: 100%;
}
.parallax_scrolling .pscontainer01 .psbody {
	display: flex;
	align-items: center;
	height: 100vh;
} 
.parallax_scrolling .pscontainer01 .psflexitem .pscon_txt {
	height: 100%;
	width: 100%;
	align-items: center;
	display: flex;
}
.parallax_scrolling .pscontainer01 .psflexitem .psimages {
	height: 100%;
	width: 100%;
}

{# ************# Style 2 CSS #************ #}
.parallax_scrolling .pscontainer02 .psstacs {
	height: 100vh;
	overflow: hidden;
	position: sticky;
	top: 10px;
	transform-origin: center top;
}
.parallax_scrolling .pscontainer02 .pscont {
	left: 0;
	position: absolute;
	right: 0;
	top: 100px;
	width: 100%;
}
.parallax_scrolling .pscontainer02 .psbody {
	display: flex;
	align-items: center;
	gap: 15px;
	height: 100%;
}
.parallax_scrolling .pscontainer02 .psbody .psimages {
	width: 100%;
	text-align: center;
}

{# ************# Style 3 CSS #************ #}
.parallax_scrolling .pscontainer03 .psbody {
	display: flex;
	align-items: center;
	gap: 25px;
	height: 100%;
}
.parallax_scrolling .pscontainer03 .psbody {
	z-index: var(--stick-visibility);
	position: absolute;
	inset: 0;
}
.parallax_scrolling .pscontainer03 .psbody .pscon_txt {
	opacity: var(--stick-visibility);
	transition-duration: 300ms;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.parallax_scrolling .pscontainer03 .psbody .psimages {
	width: 100%;
	opacity: var(--stick-visibility);
	transition-duration: 300ms;
	--tw-scale-x: var(--stick-scale);
	--tw-scale-y: var(--stick-scale);
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

{# ************# Responsive CSS #************ #}
@media (max-width: 768px){
	.parallax_scrolling .pscontainer01,
	.parallax_scrolling .pscontainer03 {
		height: 100%;
	}
	.parallax_scrolling .pscontainer01 .psflex,
	.parallax_scrolling .pscontainer03 .psflex {
		height: auto;
		position: relative;
	}
	.parallax_scrolling .pscontainer01 .psflexitem {
		position: relative;
		height: auto !important;
		margin-bottom: 20px;
	}
	.parallax_scrolling .pscontainer01 .psbody {
		flex-direction: column !important;
		gap: 20px;
		height: auto;
		padding: 25px 20px;
	}
	.parallax_scrolling .pscontainer01 .psflexitem .pscon_txt,
	.parallax_scrolling .pscontainer01 .psflexitem .psimages {
		max-width: 100%;
	}
	.parallax_scrolling .pscontainer01 .psimages img,
	.parallax_scrolling .pscontainer01 .psflexitem:last-child {
		height: 100% !important;
	}
	.parallax_scrolling .pscontainer02 .psstacs {
		height: auto;
		position: relative;
		top: 0px;
		transform-origin: unset;
		margin-bottom: 20px;
	}
	.parallax_scrolling .pscontainer02 .pscont {
		position: unset;
	}
	.parallax_scrolling .pscontainer02 .psbody {
		flex-direction: column !important;
	}
	.parallax_scrolling .pscontainer03 .psbody {
		flex-direction: column !important;
		height: auto;
		position: relative;
	}
	.parallax_scrolling .pscontainer02 .psbody,
	.parallax_scrolling .pscontainer03 .psbody {
		max-height: 100% !important;
		min-height: 100% !important;
	}
	.parallax_scrolling .pscontainer02 .psimages img,
	.parallax_scrolling .pscontainer03 .psimages img {
		max-width: 100% !important;
		min-width: 100% !important;
		max-height: 100% !important;
		min-height: 100% !important;
	}
}
@media (max-width: 1024px){
	.parallax_scrolling .pscontainer02 .psbody,
	.parallax_scrolling .pscontainer03 .psbody {
		max-width: 100% !important;
		min-width: 100% !important;
	}
}
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}