@use '../../colors';
@use '../../breakpoints';

.bz-japodes-block {
    background-image: url(../../assets/img/block-japodes-bg.svg), linear-gradient(338deg, colors.$blue-100 15.05%, colors.$blue-80 96.35%);
    background-position: center;
    background-repeat: repeat;
    &__list {
        display: flex;
        gap: 3.5rem;
        > li {
            display: flex;
            gap: 1rem;
            svg {
                width: 5.2rem;
                height: 6.5rem;
            }
        }
    }
}

@media (max-width: breakpoints.$desktop) {
    .bz-japodes-block {
        &__list {
            flex-direction: column;
            > li {
                svg {
                    width: 3rem;
                    height: 4rem;
                }
            }
        }
    }
}