/* Sinior Content Banners - Frontend Styles */

.sinior-banner-wrapper {
    margin: 20px 0;
    text-align: center;
    max-width: 100%;
}

.sinior-banner-link {
    display: inline-block;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.sinior-banner-link:hover {
    opacity: 0.9;
    transform: scale(1.02);
}

.sinior-banner-image {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    border-radius: 4px;
}

/* Responsive */
@media screen and (max-width: 768px) {
    .sinior-banner-wrapper {
        margin: 15px 0;
    }
}