.flex-direction-fluid {
	flex-direction: row;
}

@media (max-width: 768px) {
	.flex-direction-fluid {
		flex-direction: column;
	}
}

.width-fluid {
	width: 50%;
}

@media (max-width: 768px) {
	.width-fluid {
		width: 100%;
	}
}

.container-wrapper-fluid {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f8f8f8;
	background-repeat: no-repeat;
	background-image: var(--background_image);
	background-size: cover;
}

.fluid-card {
	padding-top: 15px;
	background-color: var(--background_color, #fff);
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	border-radius: 0.25rem;
	margin-top: 20px;
	margin-bottom: 20px;
}

@media (max-width: 768px) {
	.container-wrapper-fluid {
		align-items: flex-start;
	}

	.fluid-card {
		min-height: 100vh;
	}
}

.fluid-sm-container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 768px) {
	.fluid-sm-container {
		max-width: 720px;
	}
}