.events:last-child {
  padding-bottom: 100px;
}

.events .swiper-container {
  width: 100%;
  padding: 0;
}

.events .swiper-wrapper {
  padding-bottom: 40px;
}

.events .swiper-slide {
  display: grid;
  height: auto;
  overflow: hidden;
  grid-template-columns: .9fr 1.1fr;
  grid-template-rows: repeat(2, auto);
  gap: 0 30px;
}

.events .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 0;
}

.events .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 18px;
}

.events .swiper-pagination-bullet {
  --size: 12px;
  width: var(--size);
  height: var(--size);
  background: var(--color-main-light);
  opacity: .5;
  transition: all .5s;
}

.events .swiper-pagination-bullet-active {
  background: var(--color-accent);
  opacity: 1;
}

.events .swiper-container {
  overflow: hidden;
  position: relative;
}

@media screen and (max-width: 991px) {
  .events .swiper-slide {
    gap: 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .events .swiper-slide {
    grid-template-columns: repeat(3, 1fr);
  }
}