.sliderCards {
    position: relative;
    min-height: 475px;
}

.sliderCards__content {
    position: relative;
    min-height: 383px;
}

.sliderCards__tab-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 24px;
    @media (max-width: 1024px) {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 1024px) {
    .sliderCards__tab-container {
        margin-bottom: 30px;
    }
}

.sliderCards__tab-container > * {
    @media (max-width: 1023px) {
        flex-grow: 1;
    }
}
@media screen and (max-width: 1023px) {
    .sliderCards__tab-container > * {
        flex-grow: 1;
    }

}


.sliderCards__overflow {
    position: absolute;
    inset: 0;
    backdrop-filter: blur(8px);
    z-index: 3;
    display: none;
    justify-content: center;
    align-items: center;
    margin: -20px;
}

.sliderCards__overflow.isActive {
    display: flex;
}

.sliderCards .swiper-slide {
    width: auto; /* Позволяет слайдам быть их исходного размера */
}

.sliderCards__wrapper {
    overflow: hidden;
}

.sliderCards__btn-right, .sliderCards__btn-left {
    position: absolute;
    z-index: 4;

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

@media screen and (max-width: 1024px) {
    .sliderCards__btn-right, .sliderCards__btn-left {
        display: none;
    }
}

.sliderCards__btn-left {
    transform: translateY(-50%);
    top: 50%;
    left: -30px;
}

.sliderCards__btn-right {
    transform: translateY(-50%);
    top: 50%;
    right: -30px;
}


.sliderCards .isActive > * {
    display: block;
}

.sliderCards .isHidden > * {
    display: none;
}

.sliderCards .swiper-pagination-bullet-active {
    --swiper-pagination-bullet-size: 12px;
}

.sliderCards .swiper-pagination-bullet {
    --swiper-pagination-bullet-inactive-color: var(--color-blue-new);
    --swiper-pagination-bullet-inactive-opacity: 0.5;
}

.sliderCards__pagination {
    display: none;
    align-items: center;
    margin: 0 auto;

    @media (max-width: 1024px) {
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width: 1024px) {
    .sliderCards__pagination {
        display: flex;
        justify-content: center;
    }
}

.sliderCards__wrapper .swiper-wrapper {
    margin-bottom: 20px;
}

.sliderCards__title {
    margin-bottom: 24px;
    @media (max-width: 1024px) {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 1024px) {
    .sliderCards__title {
        margin-bottom: 30px;
    }
}