/* home-modern.css - Basic slider styles */
.slider-container {
    position: relative;
    width: 100%;
    height: 600px;
    margin: 0 auto;
}

.slides {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease;
}

.slide {
    flex: 0 0 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}