/*  */

.event-categories-image {
  z-index: 1;
  /* padding-bottom: 60px; */
}
.event-categories-image .slider-img {
  width: 100%;
  border-radius: 15px;
}
.event-categories-image .slide-item {
  padding: 10px;
}
.event-categories-image .slide-item > div {
  position: relative;
  overflow: hidden;
}
.event-categories-image .slide-item:hover .buy {
  transform: translate(-50%, 0);
}
.event-categories-image .slide-item .buy {
  position: absolute;
  bottom: 25px;
  left: 50%;
  width: 80%;
  background-color: var(--primary-color);
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  text-align: center;
  border-radius: 3px;
  transform: translate(-50%, calc(100% + 25px));
  font-size: 20px;
  transition: all 0.2s ease-in-out;
  text-transform: uppercase;
  font-weight: bold;
}
@media screen and (max-width: 1440px) {
  .event-categories-image .slide-item .buy {
    font-size: 17px;
 }
}
.event-categories-image .slide-item .buy:hover {
  opacity: 0.95;
}
.event-categories-image .slick-dots {
  /* bottom: 25px; */
}
.event-categories-image .slick-dots li button:before {
  font-size: 12px;
  color: #7d7d7d;
  opacity: 1;
}
.event-categories-image .slick-dots li.slick-active button:before {
  color: var(--primary-color);
  opacity: 1;
}

/*  */

.events-filter-container {
  overflow-x: auto;
  white-space: nowrap;
  text-align: center;

  transition:all 0.3s;
}

.events-filter {
  display: inline-block;
}

.events-filter li {
  display: inline-block;
  /* padding: 10px 15px; */
  border-radius: 15px;
  background-color: #f0f0f0;
  cursor: pointer;
}

.events-filter-fixed {
  position: fixed;
  top: 94px;
  left: 0;
  width: 100%;
  z-index: 998;
  background-color: #fff;
  border-top: 2px solid #eee;
  box-shadow: 0px 5px 5px rgba(0,0,0,.2);
}