/***** carousel *****/
.slick-arrow {
    display: none !important
}

.arrows-slick{
    text-align:center;
}

.arrows-slick a{
    width:45px;
    height:45px;
    background:#fff;
    border-radius:50%;
    margin:5px;
    font-size:30px;
    padding-top:6px;
    color:var(--black-color)
}

.arrows-slick a:hover{
    background:var(--main-color);
    color:#fff;
}

.carousel .slick-dots{
    display:none!important
}