.cities-list {
    padding-bottom: 5.71rem;

    .section-title-wraper {
        .title {
            font-size: 1.28rem;
        }
    }

    .swiper-slide {
        width: 30rem;
        max-width: 100%;
        border-radius: var(--radius-12);
        overflow: hidden;

        .img-box {
            aspect-ratio: 2/1.17;
            flex-shrink: 0;
            overflow: hidden;

            &:before {
                content: "";
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background: linear-gradient(180deg, #E4E4EB 0%, #C7C9D9 100%);
                mix-blend-mode: multiply;
                pointer-events: none;
            }

            >img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            .content-wraper {
                bottom: 0;
                right: 0;
                left: 0;
                padding: 0.91rem;

                .title {
                    font-size: 1rem;
                    color: var(--White);
                }

                .count {
                    font-size: 1rem;
                    color: var(--White);
                }

            }
        }
    }
}