body {
    background-color: #f8f9fa;
}

header, footer {
    color: white;
    padding: 0px 0;
}

header .banner {
    background: url('clouds.jpg') no-repeat center center;
    background-size: cover;
    color: white;
    height: 250px; /* Adjust the height as needed */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.header-container {
	padding-right:0px;
	padding-left:0px;
}

main {
    background-color: white;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.book {
    max-width: 80%; /* Sets the maximum width to 80% of its container */
    height: auto; /* Maintains the aspect ratio */
    display: block; /* Ensures the image is treated as a block element */
    margin: 0 auto; /* Centers the image horizontally */
}

#purchaseForm {
    margin-top: 20px;
}

#purchaseForm .form-group {
    margin-bottom: 15px;
}

.qty {
	width:50%;
}

/* Custom styles for total price */
.total-price {
    font-size: 1.25em; /* Adjust the font size as needed */
    font-weight: bold; /* Make the price bold */
}

.total-label {
    font-size: 1.25em; /* Adjust the font size as needed */
}

.summary-title {
    font-size: 38px;
    line-height: 46px;
    font-weight: 600;
    margin-bottom: 20px; /* Adds space below the title */
    text-align: center; /* Centers the title */
    text-decoration: underline; /* Underlines the title */
}

.summary-text {
    font-family: sans-serif;
    color: #1a1a1a;
    font-size: 22px;
    line-height: 1.4; /* Adjusted line-height for better spacing */
    margin-bottom: 20px; /* Adds space between paragraphs */
}

.summary-container {
    padding: 20px 0 20px 20px; /* Adjust padding: top, right, bottom, left */
    border-left: 2px solid #e0e0e0; /* Adds a grey left border */
    margin-top: 30px; /* Adds space above the container */
    margin-left: -15px; /* Aligns the container to the left to reduce white space */
}