.smn-about
    padding-top: 4rem
    padding-bottom: 4rem
    height: auto
    @media (min-width: 992px)
        padding-top: 4rem
        padding-bottom: 4rem
    .logo-box
        padding: 1rem
        margin-bottom: 2rem
    svg
        fill: $cl-5

.smn-head-cat
    padding: 4rem 2rem 2rem 2rem
    
.item-wrap
    position: relative
    width: 100%
    min-height: 300px
    overflow: hidden
    @include tra
    .item-bg
        width: 100%
        height: 100%
        position: absolute
        top: 0
        left: 0
        z-index: 100
        @include tra
    .item-title
        position: absolute
        bottom: 0
        left: 0
        z-index: 400
        background: $cl-white
        width: 100%
        @media (min-width: 992px)
            width: 70%
        padding: 1rem
        @include tra
    h1
        font-size: 2rem
        margin-bottom: 0
    &:hover
        .item-bg
            transform: scale(1.1)
        h1
            color: $cl-1
            
@media (min-width: 768px)           
    .collapse.dont-collapse-sm 
        display: block
        height: auto !important
        visibility: visible