#content-slider {
  list-style: none;
  display: flex;
  gap: 2rem;
}
#content-slider div.slider-item {
  margin: 1rem;
}
#content-slider div.slider-item div.img-container {
  height: 160px;
  display: flex;
  justify-content: center;
}
#content-slider div.slider-item div.img-container img {
  height: 100%;
  max-width: 100%;
}
#content-slider div.slider-item div.description-container {
  padding: 14px 10px 19px 10px;
  background: #fff;
  border-radius: 0 0 2px 2px;
  border-top: 5px solid #e5e5e5;
  text-align: center;
  -webkit-transition: all 180ms ease-in-out;
  -moz-transition: all 180ms ease-in-out;
  -o-transition: all 180ms ease-in-out;
  -ms-transition: all 180ms ease-in-out;
  transition: all 180ms ease-in-out;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 0 1px rgba(0,0,0,0.1);
  box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 0 1px rgba(0,0,0,0.1);
}
#content-slider div.slider-item div.description-container p {
  color: #4c4c4c;
}

/* Make sure the slider has space for the arrows */
#content-slider {
  position: relative;
  padding-bottom: 60px; /* adds space at bottom for arrows */
}

/* Override slick default positioning */
#content-slider .slick-prev,
#content-slider .slick-next {
  top: auto;
  bottom: 15px;
  transform: none;
  width: 24px;
  height: 24px;
  color: #fff;
  opacity: 0.8;
  transition: background 0.2s, opacity 0.2s;
  z-index: 10;
  background-color: #ccc;
  cursor: pointer;
  box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.07);
}

#content-slider .slick-arrow.slick-disabled {
  background: #eee;
  cursor: pointer;
}
#content-slider .slick-arrow.slick-disabled:hover {
  background: #eee;
}

/* Hover effect */
#content-slider .slick-prev:hover,
#content-slider .slick-next:hover {
  background-color: #169fe6;
  box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.1);
  opacity: 1;
}

/* Position side by side at bottom-right */
#content-slider .slick-prev {
  left: auto;   /* cancel default left */
  right: 35px;  /* position left of next */
}
#content-slider .slick-next {
  right: 10px;
}

/* Style arrow icons */
#content-slider .slick-prev:before,
#content-slider .slick-next:before {
  font-size: 12px;
  opacity: 1;
  color: #fff;  /* white arrows */
}