/* ============================================================================================
	ABOUT SECTION 3 / PATTERN
============================================================================================ */
.hhobar-about-section-3-inner {
	flex-flow: column
}
@media screen and (min-width: 961px) {
	.hhobar-about-section-3-inner {
		flex-flow: row nowrap
	}
	.hhobar-about-section-3-images {
		width: 55%
	}
	.hhobar-about-section-3-content {
		flex: 1;
		min-width: 0
	}
}

.hhobar-about-section-3-content p {
	margin: 2em 0;
	line-height: 1.9
}

@keyframes scrollUp{0%{transform:translateY(200px)}100%{transform:translateY(0)}}
@keyframes scrollUp2{0%{transform:translateY(100px)}100%{transform:translateY(0)}}
.hhobar-about-section-3-image-1 {
	position: relative;
	z-index: 1;
	width: 60%;
	margin-right: -20% !important;
	animation: scrollUp ease forwards;
	animation-timeline: view();
	animation-range: cover 0% cover 100%;
}
.hhobar-about-section-3-image-2 {
	width: 60%;
	animation: scrollUp2 ease forwards;
	animation-timeline: view();
	animation-range: cover 0% cover 100%;
}