/*! public/css/root/layout.css */

[dir='rtl'] .modal-header .modal-title {
	text-align: right;
	flex: 1;
}

/* Main Container */
main.container {
	flex: 1;
	padding: 2rem;
	margin-top: 3rem;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

.container {
	max-width: min(90%, 1600px);
}

/* Responsive Styles */
@media (max-width: 767.98px) {
	main.container {
		padding: 1rem;
	}
}