.slider-cards-years {
    gap: var(--section-spacing-title);
    display: flex;
    flex-direction: column;

    margin-block: var(--section-spacing-medium);

    overflow: hidden;

    @media (max-width: 989px) { gap: 40px }
    
    & .slider-cards-years-header {
        position: relative;

        & .slider-cards-years-title { text-align: center; }

        & .slider-cards-years-asset {
            position: absolute;
            left: 15px;
            bottom: 5px;

            @media (max-width: 989px) { display: none; }

            & .slider-cards-years-asset-inner {
                max-width: 80px;
                width: 100%;

                & > img {
                    width: 100%;
                    height: 100%;

                    object-fit: contain;
                }
            }
        }
    }

    & .swiper { 
        overflow: visible; 

        & .swiper-wrapper {
            display: flex;
            align-items: stretch;

            & .swiper-slide {
                height: unset;

                flex: 1;

                @media (max-width: 989px) { flex: 1 0 230px }

                &:not(&:last-child) { 
                    margin-right: 18px;

                    @media (max-width: 989px) { margin-right: 12px }
                }
            }
        }

    }

    & .swiper-pagination {
        margin-top: 24px;

        & .swiper-pagination-bullet { background-color: var(--Primary-Vibrant-pink); }
    }
}