@media (max-width: 980px) {

    .scroll-slider-container {
        transition: transform 0.45s ease;
        will-change: transform;
    }

    .scroll-slider-dots {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 26px;
        margin-top: 62px;
    }

    .scroll-slider-dot {
        width: 15px;
        height: 15px;
        border: 0;
        border-radius: 50%;
        padding: 0;
        background: rgba(255, 255, 255, 0.35);
        cursor: pointer;
        transition: background 0.25s ease, transform 0.25s ease;
    }

    .scroll-slider-dot.is-active {
        background: #ffffff;
        transform: scale(1.1);
    }
}