.smn-slider 
    height: 50vh
    margin-right: 2rem
    overflow: hidden
    .slidebox
        border: 2px solid $cl-white
        background-size: cover
        height: 100%
        width: 100%
        position: absolute
        top: 0
        left: 0
        overflow: hidden
    h1
        font-weight: 800
        font-size: 2rem
        @media (min-width: 992px)
            font-size: 3rem
        color: $cl-2
        margin-bottom: 2rem
        @include tra
    .capbox
        background: $cl-white
        padding: 2rem
        transform: translateX(-2px)
    p
        font-size: 0.9rem
    .logobox
        position: absolute
        right: 0
        top: 0
        height: 80px
        width: auto
.main-carousel
    .is-selected
        h1
            color: $cl-1
            @include tra
        .capbox
            background: $cl-white
    .flickity-page-dots
        bottom: -2rem
    .flickity-page-dots .dot 
        height: 10px
        width: 60px
        margin: 0
        border-radius: 0
        background: $cl-5