.home-slider-nav {
    position: relative;
    width: 100%;
    overflow: hidden; /* Скрываем всё, что выходит за пределы контейнера */
}

.slider {
    display: flex;
    transition: transform 0.5s ease-in-out; /* Плавное перемещение слайдов */
}

.slide {
    flex: 0 0 100%; /* Каждый слайд занимает 100% ширины контейнера */
    box-sizing: border-box;
    display: none; /* Скрываем все слайды по умолчанию */
}

.slide.active {
    display: block; /* Показываем только активный слайд */
}