
/* Arrows */

.section-slider-icon .slick-arrow {
    top: auto;
    bottom: -45px;
    z-index: 2;
    width: 24px;
    height: 24px;
}

.section-slider-icon .slick-arrow.slick-prev {
    left: calc(50% - 70px);
}

.section-slider-icon .slick-arrow.slick-prev:before {
    content: url('../../../../src/assets/ico-arrow-black-slider.svg');
    display: block;
    line-height: 0px;
}

.section-slider-icon .slick-arrow.slick-next {
    left: calc(50% + 48px);
}

.section-slider-icon .slick-arrow.slick-next:before {
    content: url('../../../../src/assets/ico-arrow-black-slider.svg');
    transform: rotate(180deg) !important;
    display: block;
    line-height: 0px;
}

/* Colore frecce */
.section-slider-icon.bg-dark .slick-arrow:before {
    -webkit-filter: invert(1);
     filter: invert(1);

}

/* Dots */

.section-slider-icon .slick-dots {
    width: auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: -32px !important;

}

.section-slider-icon .slick-dots li.slick-active button:before {
    color: transparent;
    width: 16px;
    height: 6px;
    background-color: #000;
    border-radius: 100px;
    top: calc(50% - 4px);
    margin-top: 0;
}

/* Colore Dots */

.section-slider-icon.bg-dark .slick-dots li button:before {
    color:#fff;
}

.section-slider-icon.bg-dark .slick-dots li.slick-active button:before {
    background-color: #fff;
    color: transparent;

}


