.carousel-wpr[data-carousel-template] {
  --carousel-accent: #006ac3;
  --carousel-border: #b3b3b3;
  --carousel-dot: #d8dee8;
  --carousel-arrow-size: 40px;
  --carousel-control-gap: 18px;
  overflow: visible;
  position: relative;
}

.carousel-wpr[data-carousel-template],
.carousel-wpr[data-carousel-template] * {
  box-sizing: border-box;
}

.carousel-wpr[data-carousel-template] .slick-slider {
  display: block;
  position: relative;
  touch-action: pan-y;
  user-select: none;
}

.carousel-wpr[data-carousel-template] .slick-list {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
}

.carousel-wpr[data-carousel-template] .slick-list:focus {
  outline: none;
}

.carousel-wpr[data-carousel-template] .carousel-inner,
.carousel-wpr[data-carousel-template] .carousel-inner .slick-list {
  overflow: visible;
}

.carousel-wpr[data-carousel-template] .slick-track {
  display: flex;
  align-items: stretch;
  left: 0;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  top: 0;
}

.carousel-wpr[data-carousel-template] .slick-slide {
  display: none;
  height: auto;
  min-height: 1px;
}

.carousel-wpr[data-carousel-template] .slick-initialized .slick-slide {
  display: block;
}

.carousel-wpr[data-carousel-template] .slick-slide > div,
.carousel-wpr[data-carousel-template] .carousel-item,
.carousel-wpr[data-carousel-template] .carousel-item > * {
  height: 100%;
}

.carousel-wpr[data-carousel-template] .carousel-item {
  padding-right: 20px;
}

.carousel-wpr[data-carousel-template][data-carousel-disabled="true"]
  .carousel-inner {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(
    var(--carousel-disabled-columns, 3),
    minmax(0, 1fr)
  );
  margin-left: 0 !important;
  width: 100%;
}

.carousel-wpr[data-carousel-template][data-carousel-disabled="true"]
  .carousel-item {
  padding-right: 0;
}

.carousel-wpr[data-carousel-template] .slick-dots {
  display: flex !important;
  justify-content: center;
}
/* 
.carousel-wpr[data-carousel-template] .carousel-prev,
.carousel-wpr[data-carousel-template] .carousel-next {
  background: transparent;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  flex: 0 0 var(--carousel-arrow-size);
  font-size: 0;
  height: var(--carousel-arrow-size);
  line-height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: var(--carousel-arrow-size);
}

.carousel-wpr[data-carousel-template] .carousel-prev::before,
.carousel-wpr[data-carousel-template] .carousel-next::before {
  background: url("../images/icons/icon-chevron-circle-left.svg") center /
    contain no-repeat;
  content: "";
  height: var(--carousel-arrow-size);
  inset: 0;
  position: absolute;
  width: var(--carousel-arrow-size);
}

.carousel-wpr[data-carousel-template] .carousel-next::before {
  transform: rotate(180deg);
}

.carousel-wpr[data-carousel-template] .carousel-prev:focus-visible,
.carousel-wpr[data-carousel-template] .carousel-next:focus-visible,
.carousel-wpr[data-carousel-template] .slick-dots li button:focus-visible {
  outline: 3px solid #111827;
  outline-offset: 3px;
} */

.carousel-wpr[data-carousel-template] .slick-disabled {
  cursor: default;
  opacity: 0.4;
}

.offscreen {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.h-100 {
  height: 100%;
}

@media only screen and (max-width: 639px) {
  .carousel-wpr[data-carousel-template]:not([data-carousel-disabled="true"])
    .carousel-inner {
    margin-left: -10px !important;
    width: calc(100vw - 96px);
  }
}