.wrapper:first-of-type {
    /*ширина контейнера */
    max-width: var(--mw-slider);
    margin: 0 auto;
    margin-top: 40px;
}

.slider {
    max-width: var(--mw-slider);
    /*ширина карточек слайдера без стрелок*/
    height: auto;
    margin: 0 auto;
    /*для размещения между стрелками по середине*/
    overflow: hidden;
    list-style-type: none;
}

.slick-list {
    height: auto;
    overflow: hidden;
}

.slick-track {
    height: auto;
    display: flex;
    gap: var(--gap-base);
}

/*настройки точек*/
.slick-dots {
    display: flex;
    width: fit-content;
    margin: 0 auto;
    margin-top: 15px;
    padding: 5px 10px;
    align-items: center;
    gap: 10px;
    background-color: #C6C6C6;
    border-radius: 10px;
}

.slick-dots li {
    display: flex;
    list-style: none;
}

.slick-dots li.slick-active button {
    background-color: var(--NoElectricBlue);
}

.slick-dots button {
    padding: 0;
    width: 6px !important;
    height: 6px !important;
    background-color: var(--SuperWhite);
    border-radius: 50%;
    border: none;
    font-size: 0;
}

/*Стрелки слайдера*/
.slider .slick-arrow {
    position: absolute;
    top: -46%;
    margin-top: 0;
    z-index: 2;
    font-size: 0 !important;
    border: none;
}

.slider .slick-arrow.slick-prev {
    left: 35%;
    width: 40px;
    height: 40px;
    background: url(/about/images/arrow-left.png) 0 0 / 100% no-repeat;
}

.slider .slick-arrow.slick-next {
    right: 56%;
    width: 40px;
    height: 40px;
    background: url(/about/images/arrow-right.png) 0 0 / 100% no-repeat;
}

@media (min-width: 768px) {
    .slick-dots {
        display: none !important;
    }
}