* {
    padding: 0;
    margin: 0;
}
body {
    height: 50vh;
}
.body-slider {
    box-sizing: border-box;
}
.swiper {
    width: 100%;
}
.container-i {
    max-width: 1200px;
    margin: 0 auto;
}
.swiper-slide {
    display: flex;
    justify-content: center;
    background-position: center;
    background-size: cover;
    width: 100px;
}
.swiper-slide img {
    display: block;
    width: 100%;
}
.swiper-wrapper {
    padding-top: 2%;
    padding-bottom: 2%;
}
.events {
    padding: 50px 0 150px 0;
}

@media (max-width: 991px) {
    body {
        min-height: 0vh;
    }
    .events {
        padding: 30px;
    }
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, -3px) !important;
}
.swiper-pagination-bullet-active{
    background: rgb(255, 69, 69) !important;
}