.slick-carousel .slick-arrow {
  background: #fff;
  border-radius: 50%;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.16);
  height: 62px;
  width: 64px;
  z-index: 10;
}
.slick-carousel .slick-arrow:hover,
.slick-carousel .slick-arrow:focus {
  background: var(--color-light);
}

.slick-carousel .slick-prev:before,
.slick-carousel .slick-next:before {
  color: #000;
}

.slick-carousel .slick-prev:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.25' height='13.52' viewBox='0 0 16.25 13.52' fill='%23000000'%3E%3Cpath d='m15.37,5.49H4.46l3.46-3.45c.17-.17.26-.38.26-.62s-.09-.46-.26-.63l-.53-.53c-.17-.17-.39-.26-.63-.26s-.46.09-.63.26L.26,6.13C.09,6.3,0,6.52,0,6.76c0,.24.09.46.26.63l5.87,5.87c.17.17.39.26.63.26s.46-.09.63-.26l.53-.53c.17-.17.26-.39.26-.63s-.09-.47-.26-.64l-3.42-3.43h10.88c.49,0,.88-.38.88-.87v-.75c0-.49-.39-.91-.88-.91Z'/%3E%3C/svg%3E");
}
.slick-carousel .slick-next:before {
  content: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='%23000000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.2491 6.36828L10.3806 0.499704C10.2131 0.332185 9.98982 0.240234 9.75175 0.240234C9.51342 0.240234 9.29028 0.332317 9.12276 0.499704L8.58995 1.03265C8.42256 1.1999 8.33035 1.4233 8.33035 1.6615C8.33035 1.89957 8.42256 2.1305 8.58995 2.29776L12.0135 5.72886H1.13668C0.646276 5.72886 0.258789 6.11278 0.258789 6.60331V7.35675C0.258789 7.84729 0.646276 8.26992 1.13668 8.26992H12.0524L8.59008 11.7202C8.4227 11.8877 8.33048 12.105 8.33048 12.3432C8.33048 12.5812 8.4227 12.8016 8.59008 12.969L9.12289 13.5003C9.29041 13.6678 9.51355 13.7591 9.75188 13.7591C9.98995 13.7591 10.2132 13.6666 10.3807 13.4991L16.2492 7.63062C16.4171 7.46257 16.5095 7.23825 16.5088 6.99978C16.5093 6.76053 16.4171 6.53607 16.2491 6.36828Z' /%3E%3C/svg%3E");
}

/*****/
@media all and (max-width: 1023px) {
  .slick-carousel .slick-arrow {
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
    height: 52px;
    width: 54px;
  }
  .slick-carousel .slick-prev { left: -15px; }
  .slick-carousel .slick-next { right: -15px; }
}


/***************/
/***************/


.carousel-block {
  overflow: hidden;
}
.carousel-block .block-container {
  position: relative;
}

.carousel-block .fade-layer {
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  width: 360px;
  z-index: 9;
}

.carousel-block .kuvaspace-slick-item {
  padding: 2.5rem 0.5rem;
  position: relative;
}

.carousel-block .item-image {
  border-radius: 1.5rem;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 100%; /* 1:1 Aspect Ratio */
}
.carousel-block .item-image img {
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
}

.carousel-block .item-title {
  font-size: 1.5rem;
  font-weight: 500;
  margin-top: 1.5rem;
  text-transform: uppercase;
}

.carousel-block .item-link {
  margin-top: 10px;
}

.item-addinfo {
  background-color: #d4e690;
  border-radius: 1.5rem;
  display: none;
  overflow: auto;
  padding: 2.5rem;
  position: absolute;
    top: 0;
    left: 0.5rem;
  height: 100%;
  width: calc(100% - 1rem);
}
.item-addinfo-link {
  position: absolute;
  bottom: 2.5rem;
}
.item-features p {
  margin-bottom: 0.5rem;
}

.item-addinfo-details {
  min-height: fit-content;
}
.item-addinfo-details p {
  font-size: 1rem;
}

.item-addinfo-details p strong, .item-addinfo-details p em, .item-features b {
  font-size: 1.125rem;
}

.item-features b {
  color: var(--color-secondary);
}


/*****/
@media all and (max-width: 1023px) {
  .carousel-block .item-title {
    font-size: 1.125rem;
  }
}
@media all and (max-width: 823px) {
  .carousel-block .fade-layer {
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
    width: 200px;
  }
}
@media all and (max-width: 639px) {
  .carousel-block .fade-layer { display: none; }
}