@import ../../styles/helpers

.section
    text-align: left
    padding: 264px 0 206px
    +m
        text-align: center
        padding-bottom: 0

.container
    position: relative

.m_divider
    display: none
    +m
        display: block
        position: relative
        top: -3.2em
        height: 0.13em
        width: 100%
        background-color: $neutrals3

.stage
    margin-bottom: 16px

.title
    max-width: 650px
    margin: 0 0 32px
    +t
        max-width: 550px
    +m
        margin: 0 auto 32px
        font-size: 4em

.onlymobile
    display: none
    +m
        display: inline

.nomobile
    display: inline
    +m
        display: none

.text
    max-width: 425px
    margin: 0 0 48px
    color: $neutrals4
    +m
        margin: 0 auto 48px

.button
    width: 155px
    svg
        margin-left: 0 !important

.wrap
    position: relative
    z-index: 2
    max-width: 426px
    +t
        max-width: 340px
    +m
        max-width: 100%
        margin-bottom: 80px

.gallery
    position: absolute
    z-index: 1
    top: 50%
    right: -53px
    width: 919px
    transform: translateY(-51%)
    pointer-events: none
    +x
        right: calc(50% - 652px)
        width: 820px
    +d
        right: calc(50% - 560px)
        width: 620px
    +t
        right: calc(50% - 420px)
        width: 500px
    +m
        display: none
        position: relative
        top: -180px
        right: auto
        width: 140%
        // right: -16px
        margin: 0 auto
        transform: translate(-15%, 0)
        pointer-events: all

.image
    width: 100%
    height: auto