Работает только 1 из 4 Swiper Slider

У меня на странице 4 слайдера, но работает только один(первый). Ошибка: Uncaught TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'.

<link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.min.css">
        <ul class="slider-content ">
            <li id="tab-1" class="rozetka swiper-container"  >
                <div class="swiper-wrapper">
                    <div class="swiper-slide" ><img src="img/screen-rozetka_1.png" alt=""></div>
                    <div class="swiper-slide"><img src="img/screen-rozetka_2.png" alt=""></div>
                    <div class="swiper-slide"><img src="img/screen-rozetka_3.png" alt=""></div>
                </div>
            </li>
            <li  id="tab-2" class="hotline  swiper-container" >
                <div class="slider-wrapper">
                    <div class="swiper-slide"><img src="img/screen-hotline_1.png" alt=""></div>
                    <div class="swiper-slide"><img src="img/screen-hotline_2.png" alt=""></div>
                </div>
            </li>
            <li  id="tab-3" class="prom swiper-container" >
                <div class="slider-wrapper">
                    <div class="swiper-slide"><img src="img/screen-prom_1.png" alt=""></div>
                    <div class="swiper-slide"><img src="img/screen-prom_2.png" alt=""></div>
                    <div class="swiper-slide"><img src="img/screen-prom_3.png" alt=""></div>
                </div>
            </li>
            <li  id="tab-4" class="google swiper-container" >
                <div class="slider-wrapper">
                    <div class="swiper-slide"><img src="img/screen-google_1.png" alt=""></div>
                    <div class="swiper-slide"><img src="img/screen-google_2.png" alt=""></div>
                    <div class="swiper-slide"><img src="img/screen-google_3.png" alt=""></div>
                </div>
            </li>
        </ul>
<script src="https://code.jquery.com/jquery-2.2.4.js" integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" crossorigin="anonymous"></script>
<script src="https://unpkg.com/swiper/js/swiper.min.js"></script>
<script type="text/javascript" src="custom.js"></script>

Когда пытаюсь воспользоваться неработающим - ошибка. Не могу понять ее причину. Подскажите, пожалуйста, что может быть не так?

    var   sliderRozetka = new Swiper('.rozetka.swiper-container', {
    slidesPerView: 1,
    speed: 400,
    spaceBetween: 10
});


var  sliderHotline = new Swiper('.hotline.swiper-container', {
    slidesPerView: 1,
    speed: 400,
    spaceBetween: 10
});


var  sliderProm = new Swiper('.prom.swiper-container', {
    slidesPerView: 1,
    speed: 400,
    spaceBetween: 10
});

var  sliderGoogle = new Swiper('.google.swiper-container', {
    slidesPerView: 1,
    speed: 400,
    spaceBetween: 10
});