.splide {
  display: flex !important;
  flex-direction: column;
  gap: 30px;
}

.splide__controls {
  display: flex;
  justify-content: space-between;
}

.splide__arrows {
  display: flex;
}

.splide__arrow.splide__arrow--next, .splide__arrow.splide__arrow--prev {
  position: relative;
  transform: translate(0);
  background-color: transparent;
  height: 50px;
  width: 50px;
  top: 0;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  background-size: auto 70%;
  background-position: center center;
}

.splide__arrow.splide__arrow--next:hover:not(:disabled), .splide__arrow.splide__arrow--prev:hover:not(:disabled){
  background-image: url(../assets/images/angle-icon-hover.svg)!important;
  opacity: 1!important;
}

.splide__arrow.splide__arrow--prev {
  transform: rotate(180deg);
}

.splide__pagination {
  position: relative !important;
  display: flex;
  gap: 10px;
}

.splide__pagination__page {
  width: 12px !important;
  height: 12px !important;
}

.splide .splide__pagination__page.is-active {
  background-color: #003F64 !important;
}

.splide__list .splide__slide-img {
  height: 640px;
  background-size: cover;
}

@media (max-width: 1169px) {

  .splide__list .splide__slide-img {
    width: 100%;
    height: calc((100vw - 15px * 2) * 0.5 );
    min-height: 200px;
  }

  .splide__arrow.splide__arrow--next, .splide__arrow.splide__arrow--prev {
    display: none;
  }
}