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

.section
    position: relative
    text-align: center
    padding: 140px 0 318px 0
    // display: flex
    // justify-items: flex-end
    background: linear-gradient(110deg, #4E2CC5, #5E0FB2)
    +m
        text-align: left
        padding: 97px 0 127px 0

.container
    position: relative

.wrap
    position: relative
    z-index: 2
    margin-left: auto
    margin-right: auto
    max-width: 850px
    color: $neutrals6
    +t
        max-width: 340px
    +m
        max-width: 100%
        margin-bottom: 80px

.stage
    color: $neutrals6

.title
    margin-bottom: 20px
    color: $neutrals8

.text
    margin-bottom: 40px
    .feature
        font-weight: 500
        color: $neutrals7

.bay
    padding: -0.25em 0em 0em 0em
    backgroundColor: #FFFFFF
    height: 0px
    position: relative

.rooms
    position: relative
    top: 104px
    display: block
    text-align: center
    +m
        top: 1.6em

.fade
    position: absolute
    bottom: 0
    height: 25%
    width: 100%
    background: linear-gradient(0deg, #000000FF, #54545400);
    +m
        display: none