.slider-container {
    position: relative;
    overflow: hidden;
    background-color: #030c10;
    padding: 10px 0;
    border-radius: 4px;

}
        
        /* Blue accent lines at top and bottom of slider */
        .slider-container::before,
        .slider-container::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
     background: linear-gradient(to right, transparent, rgba(32, 157, 225, 0.7), transparent
); 

}
        
        .slider-container::before {
            top: 0;
        }
        
        .slider-container::after {
            bottom: 0;
        }
        
        .logo-slider {
            display: flex;
            animation: scroll 620s linear infinite;
            width: fit-content;
        }
        
        .logo-slide {
            display: flex;
        }
        
        .logo-item {
            flex: 0 0 auto;
            padding: 0 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 180px;
            height: 80px;
        }
        
        .logo-item a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            text-decoration: none;
            position: relative;
        }
        
        .logo-item img {
            max-width: 100%;
            max-height: 60px;
            object-fit: contain;
            transition: all 0.3s ease;
            filter: brightness(0.9);
        }
        
        .logo-item:hover img {
            transform: scale(1.1);
            filter: brightness(1.1) drop-shadow(0 0 8px rgba(32, 157, 225, 0.6)); /* Blue glow on hover */
        }
        
        /* Text logo styling */
        .logo-item a span {
            color: white;
            transition: all 0.3s ease;
        }
        
        .logo-item:hover a span {
            color: #209de1; /* Blue color on hover */
            text-shadow: 0 0 8px rgba(32, 157, 225, 0.6);
        }
        
        @keyframes scroll {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%);
            }
        }
        
        /* Edge fade gradients */
        .edge-fade-left,
        .edge-fade-right {
            content: "";
            position: absolute;
            top: 0;
            width: 100px;
            height: 100%;
            z-index: 2;
            pointer-events: none;
        }
        
        .edge-fade-left {
    left: 0;
    background: linear-gradient(to right, #030c10, rgba(3, 18, 26, 0.8), transparent);

}
        
        .edge-fade-right {
    right: 0;
    background: linear-gradient(to left, 
#030c10, 
rgba(3, 18, 26, 0.8), 
transparent
);

}
        
        /* Blue accent on the edges */
        .blue-accent-left,
        .blue-accent-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 40%;
    z-index: 3;
     background: linear-gradient(to bottom, 
                transparent, 
                rgba(32, 157, 225, 0.7), 
                transparent
            ); 
    border-radius: 3px;

}
        
        .blue-accent-left {
            left: 0;
        }
        
        .blue-accent-right {
            right: 0;
        }
        
        @media (max-width: 768px) {
            .logo-item {
                min-width: 140px;
            }
            
            .edge-fade-left,
            .edge-fade-right {
                width: 50px;
            }
        }
button.header__signup.slider_btn {
    display: none;
}

        /* Blue accent lines at top and bottom of slider */
        .contents::before,
        .contents::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
     background: linear-gradient(to right, transparent, rgba(32, 157, 225, 0.7), transparent
); 

}
        
        .contents::before {
            top: 0;
        }
        
        .contents::after {
            bottom: 0;
        }

@media (max-width: 768px) {
    #ceda-wp-button {
        display: none !important;
    }
}
