.fpls-wall-freegrid2-default.fpls-wall-freegrid2-illy-fullbleed_carousel {
  --dots-width: 400px;
}
@media screen and (max-width: 600px) {
  .fpls-wall-freegrid2-default.fpls-wall-freegrid2-illy-fullbleed_carousel {
    --dots-width: 210px;
  }
}
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-illy-fullbleed_carousel .fpls-element-prev,
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-illy-fullbleed_carousel .fpls-element-next {
  top: auto !important;
  bottom: 20px !important;
  background-color: transparent !important;
  transform: none !important;
  height: 30px;
}
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-illy-fullbleed_carousel .fpls-element-prev {
  background-image: url(../images/illy/carousel/illy-arrow-left-white.svg);
  background-size: 12px 12px;
  left: 50%;
  margin-left: calc(var(--dots-width) / -2 - 50px);
}
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-illy-fullbleed_carousel .fpls-element-next {
  background-image: url(../images/illy/carousel/illy-arrow-right-white.svg);
  background-size: 12px 12px;
  right: 50%;
  margin-right: calc(var(--dots-width) / -2 - 50px);
}
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-illy-fullbleed_carousel .fpls-dots-container {
  width: var(--dots-width);
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 20px !important;
  gap: 5px;
  z-index: 10;
}
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-illy-fullbleed_carousel .fpls-dots-container .fpls-dot {
  flex-grow: 1;
  flex-basis: 100%;
  height: 13px;
  border-top: 4px solid rgba(255, 255, 255, 0.1);
  margin-top: -1px;
}
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-illy-fullbleed_carousel .fpls-dots-container .fpls-dot:after {
  display: none;
}
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-illy-fullbleed_carousel .fpls-dots-container .fpls-dot.fpls-current {
  border-top: 4px solid #ffffff;
}