/*.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;

	z-index: 10;
}

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

	z-index: 12;
}*/

.main-body .contact-container {
	min-height: 100vh;
	width: 100%;

	display: flex;
	flex-flow: row nowrap;

	justify-content: center;
	align-items: center;

	gap: 100px;

	padding: 100px 0px;
}

.information-container {
	width: 600px;
	height: 800px;

	justify-content: space-between;
	align-items: flex-start;

	padding: 100px 20px;

	gap: 30px;
}

.information-container .title {
	border-bottom: 2px solid #282828;
	border-radius: 2px;
}

.contact-form-container {
	width: 600px;
	height: 800px;

	justify-content: space-between;
	align-items: flex-start;

	padding: 100px 20px;

	gap: 30px;
}

.contact-form-container .title {
	border-bottom: 2px solid #282828;
	border-radius: 2px;
}

.contact-form-container .contact-input-container {
	justify-content: space-between;

	margin-bottom: 10px;
}

.contact-form-container .input {
	font-family: 'Roboto';
	color: #FFFFFF;
	opacity: 90%;
	font-size: 15px;

	background: #282828;
	border-radius: 5px;

	padding: 0px 5px;

	border: none;
}

.contact-form-container .input:focus {
	outline: none;
}

.contact-form-container .name-input {
	width: 560px;
	height: 30px;

	margin-bottom: 10px;
}

.contact-form-container .email-input {
	width: 250px;
	height: 30px;
}

.contact-form-container .phone-input {
	width: 250px;
	height: 30px;
}

.contact-form-container .message-input {
	width: 560px;
	height: 180px;
	text-wrap:  wrap;
	resize: none;

	padding: 5px 5px;
}

.contact-form-container .message-input::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #282828;
	border-radius: 10px;
}

.contact-form-container .message-input::-webkit-scrollbar {
	width: 10px;
	background-color: #282828;
}

.contact-form-container .message-input::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: rgba(113,113,113,0.5);
}

.contact-form-container .submit-button-container {
	margin-top: 10px;
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;

	
}

.contact-form-container .submit-button {
	height: 40px;
	width: 130px;

	font-family: 'Roboto';
	color: #FFFFFF;
	opacity: 90%;
	font-size: 20px;
	font-weight: bold;

	border: none;

	background: #3f3f3f;
	border-radius: 25px;
	padding: 0px 5px;

	cursor: pointer;
}

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

.contact-form-container span {
	color: #03a9f4;
}

.contact-form-container .required-text {
	margin-top: 5px;
}

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

@media screen and (max-width: 1350px) {
	.main-body .contact-container {
		flex-flow: column nowrap;
	}
}

@media screen and (max-width: 768px) {
	.information-container {
		width: 400px;
		height: 500px;

		padding: 20px 20px;

		gap: 15px;
	}

	.contact-form-container {
		width: 400px;
		height: 500px;

		padding: 20px 20px;

		gap: 15px;
	}

	.contact-form-container .name-input {
		width: 360px;
		height: 30px;

		margin-bottom: 10px;
	}

	.contact-form-container .email-input {
		width: 170px;
		height: 30px;
	}

	.contact-form-container .phone-input {
		width: 170px;
		height: 30px;
	}

	.contact-form-container .message-input {
		width: 360px;
		height: 120px;
		text-wrap:  wrap;
		resize: none;

		padding: 5px 5px;
	}

	.contact-form-container .message-input::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		background-color: #282828;
		border-radius: 10px;
	}

	.contact-form-container .message-input::-webkit-scrollbar {
		width: 10px;
		background-color: #282828;
	}

	.contact-form-container .message-input::-webkit-scrollbar-thumb {
		border-radius: 10px;
		background-color: rgba(113,113,113,0.5);
	}

	.contact-form-container .submit-button-container {
		margin-top: 10px;
		width: 100%;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;

		cursor: pointer;
	}

	.contact-form-container .submit-button {
		height: 40px;
		width: 130px;

		font-family: 'Roboto';
		color: #FFFFFF;
		opacity: 90%;
		font-size: 20px;
		font-weight: bold;

		border: none;

		background: #3f3f3f;
		border-radius: 25px;
		padding: 0px 5px;
	}

}