.bannerPage-block {
    display: flex;
    flex-direction: row;
    gap: clamp(0.9375rem, 0.75rem + 0.9375vw, 1.875rem);
    /* 30 - 15 */
    position: relative;
    overflow: hidden;
}

.bannerPage-block .bpPseudo {
    position: absolute;
    bottom: 0;
    left: 0;
}

.bannerPage-block .bpPseudo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.bannerPage-block .swiper__holder {
    overflow: hidden;
    max-width: 846px;
    margin-left: auto;
}

.bannerPage-block .swiper__holder .swiper-slide {
    max-width: 470px;
}

.bannerPage-block .swiper__holder .swiper-slide img {
    width: 100%;
    height: 586px;
    object-fit: cover;
    max-width: 470px;
    max-height: 100vw;
    aspect-ratio: 1 / 1;
    display: flex;
}

.bannerPage-block .left-side {
    margin-left: calc((100% - 1170px) / 2);
}

.bannerPage-block .text__holder {
    max-width: 620px;
    top: 0;
    bottom: 0;
    width: 100%;
    position: relative;
    z-index: 5;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
    flex-direction: column;
    height: 100%;
    place-content: center;
}

.bannerPage-block .text__holder h2 {
    margin-bottom: clamp(0.75rem, 0.4rem + 1.75vw, 2.5rem);
    /* 40 - 12 */
}

@media(max-width:1250px) {
    .bannerPage-block .left-side {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media(max-width:1170px) {
    .bannerPage-block .left-side {
        margin-left: unset;
    }
}

@media(max-width:900px) {
    .bannerPage-block {
        flex-direction: column;
    }

    .bannerPage-block .swiper__holder {
        max-width: unset;
    }

    .bannerPage-block .bpPseudo {
        bottom: unset;
        top: 0;
    }

    .bannerPage-block .text__holder {
        max-width: unset;
    }

    .bannerPage-block .swiper__holder .swiper-slide img {
        max-height: 70vw;
    }
}