.swiper {
    &-container {
        height: 55%;
    }
    &-slide {
        background: transparent;
        width: 100% !important;
        height: 100%;
        text-align: unset;
        -webkit-align-items: unset;
        align-items: unset;
    }

    @media(max-width: 765px){
        &-container{
            height: 100%;
        }
        &-pagination{
            background: none;
            padding: 0.5rem;
        }
    }
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #2872AD;
}