/* Custom styles for sliders */
.slider-container {
    position: relative;
    overflow: hidden;
}

.slide {
    display: none;
    transition: opacity 0.5s ease-in-out;
}

.slide.active {
    display: block;
    animation: fadeIn 0.5s;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Checkbox styling override if needed */
.checkbox-custom:checked {
    background-color: #2563eb; /* blue-600 */
    border-color: #2563eb;
}