/* Set the background color for the body */
body {
	background-color: #f5f5f5;
}

/* Set the font family and color for the page */
body, input, button, select {
	font-family: Arial, sans-serif;
	color: #333;
}

/* Style the header with a background color and logo */
header {
	background-color: #fff;
	padding: 20px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
header img {
	max-height: 50px;
}

/* Style the form with a background color, padding, and border */
form {
	background-color: #fff;
	padding: 20px;
	margin-top: 20px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
.form-group {
	margin-bottom: 20px;
}
.form-group label {
	font-weight: bold;
}
.form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + 0.75rem + 2px);
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* Style the payment options with a background color and padding */
footer {
	background-color: #f5f5f5;
	padding: 20px;
	margin-top: 20px;
	box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.1);
}
footer p {
	font-weight: bold;
	margin-bottom: 10px;
}
.card {
	margin-bottom: 20px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
.card-title {
	font-weight: bold;
	font-size: 1.2rem;
	margin-bottom: 0.5rem;
}
.card-text {
	font-size: 1rem;
	margin-bottom: 0.5rem;
}
.img-thumbnail {
	max-height: 150px;
}

/* Style the print button with a margin and border */
button[type="button"] {
	margin-top: 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 5px 10px;
	font-size: 1rem;
	background-color: #fff;
}
button[type="button"]:hover {
	background-color: #ccc;
}

/* Style the responsive layout for small screens */
@media screen and (max-width: 768px) {
	header img {
		max-height: 30px;
	}
	form {
		margin-top: 10px;
	}
	.form-control {
		height: calc(1.5em + 0.5rem + 2px);
	}
	.card {
		margin-bottom: 10px;
	}
	.card-title {
		font-size: 1rem;
		margin-bottom: 0.25rem;
	}