@import ../../../styles/helpers

.beyond
    position: relative
    padding: 74px 0 122px 0
    +m
        padding-bottom: 3.1em
        // margin-bottom: -2.9em //until button re-added?

.container
    margin-top: -26px

// .frame
//     margin: 0 //8.04%

.slide > div
    padding: 0 2px

.arrow
    +m
        display: none

.item
    position: relative
    border-radius: 15px / 11px //hor / vert
    overflow: hidden
    +m
        border-radius: 8px / 6px //hor / vert

.image
    position: absolute
    width: 100%
    height: auto
    top: 50%
    transform: translate(1px, -50%)

.wrap
    position: relative
    width: 100%
    padding-right: 30%
    // margin-bottom: 90px
    +m
        padding-right: 0

.stage
    color: #9D9D9D

.title
    margin-bottom: 20px

.text
    // margin-bottom: 40px
    color: $neutrals4
    max-width: 88%
    .feature
        font-weight: 500
        color: $neutrals5
    +t
        max-width: 340px
    +m
        max-width: 100%