.dark .slick-arrow {
    background-color: #fff;
    border: none;
}

.redesign .slick-arrow {
    border-radius: 8px;
    background-color: transparent;
    border: 1px solid var(--main-colors-grey);
    width: 40px;
    height: 40px;
}

.dark.redesign .slick-arrow {
    border-radius: 8px;
    background-color: transparent;
    border: 1px solid #fff;
}

.dark.redesign .slick-arrow:hover {
    background-color: rgba(255, 255, 255, .16);
}

.redesign .slick-arrow:hover {
    background-color: var(--main-colors-grey-2);
}

.redesign.slider-navigation .slick-arrow {
    background-image: url('/wp-content/themes/se_theme/images/ui-kit/icons/chevron-right_black.svg');
}

.dark.redesign.slider-navigation .slick-arrow {
    background-image: url('/wp-content/themes/se_theme/images/ui-kit/icons/chevron-right_white.svg');
}

.redesign .slider-navigation__counter {
    font-weight: 500;
}

.redesign .slider-navigation__counter-current {
    color: var(--main-colors-black);
}

.redesign .slider-navigation__counter {
    color: var(--main-colors-dark-grey);
}

.dark.redesign .slider-navigation__counter {
    color: var(--main-colors-grey);
}

.dark .slider-navigation__counter-current {
    color: #fff;
}

@media screen and (max-width: 767px) {
    .slider-navigation .slider-navigation__wrapper:not(.redesign .slider-navigation__wrapper) {
        display: flex;
        justify-content: space-between;
        width: calc(100% - 40px);
        padding: 12px;
        margin-right: 20px;
        margin-left: 20px;
        background: #fff;
        border: 1px solid var(--se-stroke-color);
        border-radius: 5px;
        box-shadow: 0 4px 12px -1px rgba(29, 29, 38, 0.08);
    }
}