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

.title
    margin-bottom: 20px
    text-align: center

.info
    max-width: 445px
    margin: 0 auto 40px
    text-align: center
    color: $neutrals6

.nav
    display: flex
    flex-wrap: wrap
    justify-content: center
    margin: -12px -6px 80px
    +d
        margin-bottom: 64px
    +m
        display: none

.btn
    margin: 12px 6px 0
    padding: 6px 12px
    border-radius: 14px
    background: none
    +button-2
    color: $neutrals4
    transition: all .2s
    &:hover
        color: $neutrals6
    &.active
        background: $neutrals2
        color: $neutrals8

.dropdown
    display: none
    +m
        display: block
        margin-bottom: 48px

.list
    display: flex
    flex-wrap: wrap
    margin: -32px -16px 0
    +m
        margin: -24px -8px 0

.box
    flex: 0 0 calc(25% - 32px)
    width: calc(25% - 32px)
    margin: 32px 16px 0
    +t
        flex: 0 0 calc(33.333% - 32px)
        width: calc(33.333% - 32px)
    +m
        flex: 0 0 calc(50% - 16px)
        width: calc(50% - 16px)
        margin: 24px 8px 0