.ad-banner {
    background-color: #f5f5f5; /* Light grey background */
    border-radius: 8px; /* Rounded corners for a softer look */
    padding: 15px; /* Padding around the content */
    margin: 20px 0; /* Margins to separate the ad from text */
    text-align: center; /* Center the content inside the ad */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for a lift effect */
    transition: transform 0.3s ease-in-out; /* Smooth hover effect */
}

.ad-banner:hover {
    transform: scale(1.05); /* Slightly enlarges the ad on hover for a subtle interaction */
}

.ad-banner img {
    max-width: 40%; /* Ensures the image scales well on any device */
    height: auto; /* Maintain aspect ratio */
    border-radius: 8px; /* Rounded corners on the image */
}

.ad-banner p {
    font-family: 'Merriweather', serif; /* Elegant, readable font */
    font-size: 16px;
    color: #333; /* Dark grey text for readability */
    margin: 10px 0 0; /* Adds some space above the text */
}

.ad-banner a {
    text-decoration: none;
    color: #007BFF; /* Blue link for action */
    font-weight: bold; /* Bold text for the link */
}

.ad-banner a:hover {
    color: #0056b3; /* Slightly darker blue on hover */
    text-decoration: underline; /* Underline effect on hover */
}