.slider-betta {
    .slick-slide {
        @apply flex !important;
        @apply items-center justify-center mx-auto;
        height: 150px;
    }

    .slick-slide img {
        @apply object-scale-down;
        height: 120px;
        width: 200px;

    }

    .arrows {
        top: 50%;
        transform: translateY(-50%);
    }

    .slick-dots {
        @apply hidden !important;
    }

    @media screen and (max-width: 600px) {

        .arrows i:first-child {
            margin-left: -40px;
        }        

        .arrows i:last-child {
            margin-right: -40px;
        }

        /* the slides */
        .slick-slide {
            margin: 0 10px;
            outline: none
        }

        /* the parent */
        .slick-list {
            margin: 0 -10px;
        }
    }
    
}