.banner h1 {
    font-size: 2em;
    margin-bottom: 10px;
    color: #ecf0f1; /* Light Gray */
}

.banner p {
    font-size: 1.2em;
    margin-bottom: 20px;
    color: #ecf0f1; /* Light Gray */
}

.banner a {
    display: inline-block;
    padding: 10px 20px;
    background-color: #fff; /* Red */
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.banner a:hover {
    background-color: #fff; /* Darker Red */
}
.banner img {
    max-width: 100%; /* Ensure the image doesn't exceed its original size */
    height: auto; /* Maintain the aspect ratio */
    width: 20%; /* Adjust the width as needed */
    margin-bottom: 10px; /* Optional: Add margin for spacing */
}