.swiper-slide {
  background-size:      cover;
  background-position:  center;
}

.swiper-pagination-bullet {
  width:                18px;
  height:               18px;
  min-height:           18px;
  border-radius:        50%;
  margin:               0 5px 0 0;
  border:               2px solid var(--club-secondary-color) !important;
  background-color:     var(--club-secondary-color) !important;
}

.swiper-pagination-bullet-active {
  background-color:     var(--club-highlight-color) !important;
}

@media (max-width: 767px) {
  h1.title {
    font-size:          24px !important;
    transition:         all 0.5s ease;
  }

  .swiper-pagination-bullet {
    width:              14px;
    height:             14px;
    min-height:         14px;
  }
}