#villa-related{
    background:  #E8E0CB;
    padding-top: 90px;
    padding-bottom: 70px;    
}

#villa-related .related-slider .item{
    max-width: 600px;
    max-height: 600px;
}

#villa-related .related-slider img{
    width: 100%;
    max-height: 394px;
}
#villa-related .related-slider .slick-prev {
    left: 2rem;
}

#villa-related .related-slider .slick-next {
    right: 2rem;
}

#villa-related .related-slider .slick-prev, #villa-related .related-slider .slick-next {
    width: 60px;
    height: 60px;
    background-color: white;
    border-radius: 50px;
    z-index: 2;
    padding: 10px;
    transition: all .4s ease-in-out;
}
#villa-related .related-slider .slick-prev:hover, #villa-related .related-slider .slick-next:hover {
    background-color: black;
}

#villa-related .related-slider .slick-prev .rect-bg, .slick-next .rect-bg, .slick-prev path, .slick-next path {
    transition: fill .4s ease-in-out;
}

#villa-related .related-slider .slick-prev:hover .rect-bg, .slick-next:hover .rect-bg {
    fill: var(--bs-primary);
}

#villa-related .related-slider .slick-prev:hover path, .slick-next:hover path {
    fill: var(--bs-light);
}
#villa-related .find-more a{
    border-radius: 45px;
    border: 1px solid #26211B;
}
#villa-related .find-more a:after{
    background-color:  #26211B;
}
@media screen and (max-width:767px){
    #villa-related .related-slider .slick-next, #villa-related .related-slider .slick-prev {
        top: 40%;
    } 
}