.swiper{
    &-pagination{
        position: relative;
        bottom: 0;
        margin-top: 49px;
    }

    &-pagination-bullet {
        width: 6px;
        height: 6px;
        margin-left: 10px!important;
        margin-right: 10px!important;
    }

    &-pagination-bullet-active {
        opacity: 1;
        background: $black;
    }

    &-button-prev,
    &-button-next{
        top: 50%;
        width: 30px;
        height: 30px;
        border: 1px solid rgba($black, .2);
        transform: rotate(45deg);
        margin-top: -62px;
        outline: none;

        &::after{
            display: none;
        }

        &:hover,
        &:focus,
        &:active{
            border-color: rgba($black, 1);
        }
    }

    &-button-prev{
        border-top: none;
        border-right: none;
        left: -60px;
    }

    &-button-next{
        border-left: none;
        border-bottom: none;
        right: -60px;
    }

    @media (max-width:767px){
        &-pagination{
            margin-top: 19px;
        }
    }
}