<!--Подключаем библиотеку и стили Slick Slider-->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css"/>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css"/>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
<!--Конец подключения-->

<!--Стили для стрелок и точек-->
<style>
    .slick-dots {
        bottom: -130px;
        z-index: 2;
        text-align: left;
        width: 900px;
    }

    .slick-dots li {
        margin: 0;
        background-color: #595959;
    }

    .slick-dots li:first-child {
        border-radius: 5px 0 0 5px;
    }

    .slick-dots li:last-child {
        border-radius: 0 5px 5px 0;
    }

    .slick-dots li, .slick-dots li button {
        height: 5px;
    }

    li.slick-active {
        background-color: white;
    }

    .slick-dots li button {
        padding: 0;
    }

    .slick-dots li button::before{
        content: '';
    }
</style>
<!--Конец стилей для стрелок и точек-->

<!--Код Slick Slider-->
<script>
    $(function() {
// Здесь замените #rec323500071 на id вашего блока SV405
        let $slider = $('#rec323500071'),
            clickSlider = true;

        $slider.find(".t852__separator").remove();

        $slider = $slider.find('.t852__container');

        $slider.on('init reInit', function(event, slick) {
            let $dots = $slider.find('.slick-dots'),
                $dotsLi = $dots.children('li'),
                $dotsLiButton = $dotsLi.children('button'),
                width = $dots.width() / slick.slideCount;

            $dotsLi.width(width);
            $dotsLiButton.width(width);

            if (clickSlider) {
                $dotsLi.on('mouseover', function() {
                    if (!$(this).hasClass('slick-active')) $(this).trigger('click');
                })
            }
        })
        
        $slider.slick({
            slidesToShow: 2,
            slidesToScroll: 1,
            speed: 600,
            dots: true,
            prevArrow:"<img class='a-left control-c prev slick-prev' src='https://static.tildacdn.com/tild3136-3235-4436-b162-353962616539/back.svg'>",
            nextArrow:"<img class='a-right control-c next slick-next' src='https://static.tildacdn.com/tild3863-6336-4263-a466-356536656537/next.svg'>",
        });
    });
</script>
<!--Конец кода Slick Slider-->