/* Full-width banner styles */
.rhb-banner-container {
    width: 100vw; /* Viewport width */
    max-width: 100vw;
    margin-left: calc(-50vw + 50%); /* Center align trick */
    position: relative;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.rhb-banner-image {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

/* Optional: Set a fixed height (adjust as needed) */
.rhb-banner-container.full-width {
    height: 300px; /* Default height */
}

/* Responsive height adjustments */
@media (max-width: 768px) {
    .rhb-banner-container.full-width {
        height: 300px;
    }
}

@media (max-width: 480px) {
    .rhb-banner-container.full-width {
        height: 200px;
    }
}