.slider-dots {
    margin-top: 20px;
}

.slider-dots .dot {
    display:inline-block;
    width:8px;
    height:8px;
    background:#fff;
    border-radius:50%;
    margin-right:5px;
    opacity: 0.5;
}

.slider-dots .dot.active {
    background: var(--emerald-color);
    opacity: 1;
}

/* Контейнер со списком точек */
.slick-dots {
    padding-left: 0;
    display: flex !important; /* Переопределяем стандартный стиль, делаем flex */
    justify-content: start;  /* Центрируем точки по горизонтали */
    align-items: center;
    list-style: none;         /* Убираем маркеры списка */
}

/* Каждая точка — это <li> */
.slick-dots li {
    margin: 0 5px; /* Расстояние между точками */
}

/* Кнопка внутри точки */
.slick-dots li button {
    /* Сбрасываем текст и делаем круглую «пульку» */
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff; /* Цвет неактивной точки */
    border: none;
    padding: 0;
    cursor: pointer;

    /* Убираем цифры, которые вставляет Slick */
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    overflow: hidden;
}

/* Активная точка (Slick добавляет .slick-active на <li>) */
.slick-dots li.slick-active button {
    background: var(--emerald-color); /* Цвет активной точки */
}


.logo-ticker {
    height: 100px;
    margin-bottom: 2rem;
    -webkit-mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent);
    mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent);
}

.logo-ticker .slick-list {
    height: 100px;
}
.logo-ticker .slick-track {
    height: 100px;
}
.logo-ticker .logo-slide {
    height: 100px;
    margin-right: 1.5rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1D1D1D;
}

.logo-ticker img {
    width: 160px;
    height: 80px;
    margin: 10px auto;
    object-fit: contain;
}

.partner_image {
    max-width: 80%;
    height: 100px;
    margin: 10px auto;
    object-fit: contain;
}