.carousel-activity-wrapper .owl-item {
  width: 100%;
  height: 200px;
}
.carousel-activity-wrapper .owl-item a {
  float: left;
}
.carousel-activity-wrapper .owl-item .slider-background {
  position: absolute;
  width: 100%;
  height: 200px;
}
.carousel-activity-wrapper .owl-nav {
  font-size: 100px;
  height: 60px;
}
.carousel-activity-wrapper .owl-nav .owl-prev, .carousel-activity-wrapper .owl-nav .owl-next {
  left: -38px;
  position: absolute;
  top: 50%;
  margin-top: -60px;
  outline: none;
}
.carousel-activity-wrapper .owl-nav .owl-prev span, .carousel-activity-wrapper .owl-nav .owl-next span {
  color: rgba(42, 56, 85, 0.8);
  transition: 0.3s;
}
.carousel-activity-wrapper .owl-nav .owl-prev:hover span, .carousel-activity-wrapper .owl-nav .owl-next:hover span {
  color: rgba(0, 0, 0, 0.3);
}
.carousel-activity-wrapper .owl-nav .owl-next {
  left: auto;
  right: -38px;
}
.carousel-activity-wrapper .owl-dots {
  display: none;
}
.carousel-activity-wrapper .item .slider-background {
  background-size: cover;
}
.carousel-activity-wrapper .item .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background-color: rgba(240, 240, 240, 0.8);
  transition: all 0.2s ease-in-out;
}
.carousel-activity-wrapper .item .links {
  position: absolute;
  top: 48%;
  left: 50%;
  margin-left: -8px;
  margin-top: -10px;
}
.carousel-activity-wrapper .item .tok {
  position: absolute;
  padding: 20px;
  left: 0;
  bottom: 0;
  text-align: left;
  text-indent: 0px;
  transform: translateY(150%);
  transition: transform 0.5s ease;
  width: 100%;
}
.carousel-activity-wrapper .item:hover .overlay {
  opacity: 1;
  cursor: pointer;
}
.carousel-activity-wrapper .item:hover .tok {
  transform: translateY(0);
}

@media (max-width: 599px) {
  .carousel-activity-wrapper .owl-item .slider-background {
    height: 300px;
  }
  .carousel-activity-wrapper .item .overlay {
    opacity: 1;
    cursor: pointer;
  }
  .carousel-activity-wrapper .item .tok {
    transform: translateY(0);
  }
}
@media (max-width: 361px) {
  .carousel-activity-wrapper .owl-item .slider-background {
    height: 250px;
  }
}