/* Slider Logo Styles */

.slide-overlay .slider-logo,
.slide .slider-logo,
.hero-slider .slider-logo,
.slider-branding .slider-logo,
.slider-logo {
    max-width: 180px !important;
    width: auto !important;
    height: auto !important;
    margin-bottom: 20px !important;
    filter: brightness(0) invert(1) !important;
    display: block !important;
    box-sizing: border-box !important;
    margin-left: auto !important;
    margin-right: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 10 !important;
    animation: logoFadeIn 1s ease-in-out;
}

@keyframes logoFadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive - Tablet */
@media (max-width: 768px) {
    .slide-overlay .slider-logo,
    .slide .slider-logo,
    .hero-slider .slider-logo,
    .slider-branding .slider-logo,
    .slider-logo {
        max-width: 150px !important;
        width: auto !important;
        height: auto !important;
    }
}

/* Responsive - Mobile */
@media (max-width: 480px) {
    .slide-overlay .slider-logo,
    .slide .slider-logo,
    .hero-slider .slider-logo,
    .slider-branding .slider-logo,
    .slider-logo {
        max-width: 120px !important;
        width: auto !important;
        height: auto !important;
    }
}