/* Custom styling for slick carousel arrows */
#asSeenOn .as-seen-on-items {
  position: relative;
  padding-top: 50px; /* Space for the arrows at the top */
}

#asSeenOn .slick-controller {
  position: absolute;
  top: 0;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  z-index: 10;
}

#asSeenOn .slick-prev {
  left: 0;
}

#asSeenOn .slick-next {
  left: 40px; /* Position next to the prev button */
}

#asSeenOn .slick-controller:hover {
  opacity: 0.8;
}

#asSeenOn .slick-controller img {
  width: 24px;
  height: 24px;
}