ساخت owl carousel در یک صفحه

احتمالا شناسه های یکسان استفادی میکنی

 <div class="owl-carousel owl-theme slide1">
        <div>محتوای اسلاید 1</div>
        <div>محتوای اسلاید 2</div>
        <div>محتوای اسلاید 3</div>
    </div>

    <!-- اسلاید دوم -->
    <div class="owl-carousel owl-theme slide2">
        <div>محتوای اسلاید 4</div>
        <div>محتوای اسلاید 5</div>
        <div>محتوای اسلاید 6</div>
    </div>

  $(document).ready(function(){
            // اسلاید اول
            $(".slide1").owlCarousel({
                items: 1,
                loop: true,
                autoplay: true,
                autoplayTimeout: 3000,
                autoplayHoverPause: true
            });

            // اسلاید دوم
            $(".slide2").owlCarousel({
                items: 1,
                loop: true,
                autoplay: true,
                autoplayTimeout: 3000,
                autoplayHoverPause: true
            });
        });

خیلی ممنون . فقط میشه لطفا بگید کد های css اینو چطور بنویسم ؟