.slider {
    width: 80%;
    margin: 50px auto;
}

.slide {
    text-align: center;
    padding: 10px;
}

    .slide img {
        display: block;
        margin: 0 auto; 
        width: 20%;
        height: auto;
        margin-bottom: 20px;
    }

.slick-track {
    margin-left: 0;
}

.slick-next {
    right: -50px;
    background: rgb(232, 232, 232) !important;
    border-radius: 7px;
    opacity: 1;
    width: 50px;
    height: 50px;
}

.slick-prev {
    left: -50px;
    opacity: 1;
    background: rgb(232, 232, 232) !important;
    border-radius: 7px;
    width: 50px;
    height: 50px;
}

.slick-next:hover,
.slick-prev:hover {
    background: red !important; /* Changing background color to red on hover */
}

    .slick-prev:before,
    .slick-next:before {
        color: rgb(0, 0, 0);
    }

.slide a {
    color: inherit;
    text-decoration: none;
}


/*.slide:hover,
.slide:focus {
    background-color: #f0f0f0; 
}
*/