@media (max-width: 767px){
    .section-areas .slick-arrow{ display: none !important}
}

.slick-dots li button{}

.slick-dots li button:before{color: #15A1BF; font-size: 20px}
.slick-dots li.slick-active button:before{color: #000}


.slick-prev, .slick-next{ width: 10px; height: 45px}

.slick-prev{ background-image: url('prev.png'); left: 0px; z-index: 1}
.slick-next{ background-image: url('next.png'); right:0px; z-index: 1}

.slick-prev:before, 
.slick-next:before{ content: ''}

.slick-next:before{}

.slick-prev:hover,
.slick-prev:focus{background-image: url('prev.png');}
.slick-next:hover,
.slick-next:focus{background-image: url('next.png');}