.splide__slide {
  background: inherit;
  color: inherit;
}

.splide__pagination {
  position: relative;
  bottom: 0;
  padding-block: 3rem;
}

.splide__pagination__page.is-active {
  background: rgb(var(--red));
}

.splide__arrows {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  width: 100%;
  height: 94px;
  padding: 24px 0;
}
@media (max-width: 1024px) {
  .splide__arrows {
    display: none;
  }
}

.splide__arrows button[disabled] {
  cursor: default;
}

.splide__arrow {
  background: transparent;
  border: 1px solid black;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 2.5em;
  height: 2.5em;
  transform: none;
}

.splide__arrow--prev {
  left: auto;
  right: 5rem;
}

.splide__arrow--next {
  left: auto;
  right: 1rem;
}

.splide__arrow svg {
  height: 1rem;
  width: 1rem;
  stroke: black;
  stroke-width: 2px;
  transition: tran300ms;
}
.splide__arrow:enabled:hover {
  color: rgb(var(--red));
  border-color: rgb(var(--red));
  transform: scale(1.2);
}
.splide__arrow:enabled:hover svg {
  stroke: rgb(var(--red));
}