.block-bg-img {
    background-color: var(--color-white);
    border: var(--border2);
    border-radius: var(--border-md-radius);
}

.block-bg-img__item {
    padding: 10px;
}

.block-bg-img__item > div {
    flex-basis: 50%;
}

.block-bg-img__item-text {
    padding-top: 60px;
}

.block-bg-img__item-text-inner {
    padding: var(--padding);
    flex: 1 1 auto;
}

.block-bg-img__item-footer {
    padding: var(--padding);
}

.block-bg-img__item-picture {
    overflow: hidden;
    background-color: #F7F8FC;
    border-radius: var(--border-radius);
}

.block-bg-img__item-picture img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    pointer-events: none;
}

.block-bg-img .swiper-slide {
    height: auto;
    /* max-height: 100%; */
}

.block-bg-img .swiper-slide .block-bg-img__item {
    height: 100%;
}

.block-bg-img .block-bg-img__pagination.swiper-pagination{
    left: 40px;
    top: 20px;
    width: max-content;
    height: max-content;
}

@media (max-width: 991px) {
    .block-bg-img__item-text-inner,
    .block-bg-img__item-footer {
        padding: 20px;
    }
}

@media (max-width: 767px) {
    .block-bg-img .swiper-slide .block-bg-img__item,
    .block-bg-img__item {
        flex-direction: column-reverse;
    }

    .block-bg-img__item .block-bg-img__item-text {
        padding-top: 0;
        flex-basis: auto;
        flex-grow: 1;
    }

    .block-bg-img__item .block-bg-img__item-picture {
        height: 500px;
        flex-basis: auto;
    }
}

@media (max-width: 575px) {
    .block-bg-img__item .block-bg-img__item-picture {
        height: 230px;
    }
}