@charset "UTF-8";

/* Slider Container */
.slider-viewport {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.slider-track {
    display: flex;
    /* Forces horizontal layout */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
    width: 100%;
    /* No wrap, so pages sit side-by-side */
}

.slider-page {
    /* Width is set inline by JS, but ensure defaults */
    flex-shrink: 0;
    /* row class from Bootstrap handles internal grid */
}

/* Animations */
.fade-in {
    animation: fadeIn 0.5s ease-out forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}