/*.hero-container {
	height: 50vh;
	width: 100%;

	justify-content: flex-end;
	align-items: center;
}

.hero-container .hero-cover {
	height: 100%;
	width: 100%;

	background-color: rgba(18, 18, 18, 0.4);

	z-index: 11;
}

.hero-container .hero-img {
	height: 100%;
	width: 100%;

	object-fit: cover;
	object-position: 70% 30%;

	z-index: 10;
}

.hero-container .title {
	margin-bottom: 20px;

	z-index: 12;
}*/

.about-us-container {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.information-section {
	height: 100vh;
	width: 100%;

	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;

	padding: 50px 80px;

	position: relative;
}

.image-container {
	min-height: 60%;
	min-width: 50%;
}

.image-container img {
	height: 100%;
	width: 100%;

	object-fit: cover;

	border-radius: 50px;

	z-index: 10;
}

.image-container .image-cover {
	height: 100%;
	width: 100%;

	background-color: rgba(18, 18, 18, 0.4);
	border-radius: 50px;

	z-index: 11;
}

.content-container {
	display: flex;
	flex-flow: column nowrap;

	justify-content: center;

	height: 100%;
	width: 40%;

	gap: 20px;
}

.particle-container {
	width: 100%;
	height: 100vh;
	
	z-index: -1;
}

/* Down Arrow */

.information-section .down-arrow {
	width: 60px;
	height: 72px;

	position: absolute;

	left: 50%;
	transform: translateX(-50%);

	bottom: 20px;

	z-index: 1000;
}

.information-section .down-arrow path {
	stroke: #FFF;
	fill: transparent;
	stroke-width: 2px;

	animation: arrow 2s infinite;
	-webkit-animation: arrow 2s infinite; /* Safari and Chrome */
}

@keyframes arrow {
	0% { opacity: 0 }
	40% { opacity: 1 }
	80% { opacity: 0 }
	100% { opacity: 0 }
}

@-webkit-keyframes arrow { /* Safari and Chrome */
	0% { opacity: 0 }
	40% { opacity: 1 }
	80% { opacity: 0 }
	100% { opacity: 0 }
}

.information-section .down-arrow path.a1 {
	animation-delay: -1s;
	-webkit-animation-delay: -1s; /* Safari and Chrome */
}

.information-section .down-arrow path.a2 {
	animation-delay: -0.5s;
	-webkit-animation-delay: -0.5s; /* Safari and Chrome */
}

.information-section .down-arrow path.a3 {
	animation-delay: 0s;
	-webkit-animation-delay: 0s; /* Safari and Chrome */
}

@media screen and (max-width: 1300px) {
	.particle-container {
		display: none;
	}
}

@media screen and (max-width: 1000px) {
	.hero-container .down-arrow {
		opacity: 20%;
	}
}

@media screen and (max-width: 768px) {
	.information-section {
		flex-flow: column nowrap;
		justify-content: space-between;
		align-items: center;

		padding: 120px 0 120px 0;

		&:nth-child(1), &:nth-child(3) {
			flex-flow: column-reverse nowrap;
		}
	}

	.image-container {
		height: 100%;
		width: 90%;
	}

	.image-container img {
		border-radius: 25px;
	}

	.image-container .image-cover {
		border-radius: 25px;
	}

	.content-container {
		height: 100%;
		width: 90%;

		gap: 10px;
	}
}
@media screen and (max-width: 1300px) {
	html, body {
		scroll-snap-type: y mandatory !important;
	}

	.scroll-section {
	    scroll-snap-align: start !important;
	}
}